IBM Studios Ottawa
How might we create a sustainable culture of design and collaboration at IBM's Ottawa Lab?
As an intern at IBM Studios Ottawa, I worked with a team to enhance the studio experience for employees of IBM's co-located Ottawa Lab. We found studio information and resources were hard to find, and there was no standardized process for getting in touch with the studio. As a result, employees of the Lab rarely used the studio to its full potential.
UX Research, UX Design
Our users consisted of product team members whom we divided into three user segments: designers, developers, and offering managers.
We used empathy maps to empathize with what our users do, say, think and feel through their experiences as employees. We then invited employees from each of our user segments to validate our Empathy Maps by telling us what resonated with them and what was off the mark.
Next, we ran through a scenario during a second round of interviews to understand how our users have interacted with the studio from their first encounter until now.
Using our Personas, Empathy Maps and As-Is Scenarios we were able to define our users' problems through 5 Problem Statements:
How might we connect the value of the studio resources to the work and interests of Non-designers?
Design a better way for employees to access and use studio info and resources.
Design a better way for employees to feel welcomed and non-disruptive when using studio space and resources.
How might we provide education and support to employees using design thinking so that they don’t abandon the process?
How might we empower a small number of designers to provided design mentorship to a large number of employees at the Ottawa Lab?
Using our problem statements as prompts we generated ideas quickly by using short descriptions and sketches. To include our users in the process we invited designers, developers and offering managers to contribute their ideas. Afterwards, we used a prioritization grid to determine which ideas combined the highest impact for users with the least feasibility issues.
We created storyboards for each prioritized idea to imagine how they would impact our user’s experience. We then linked together our best ideas to create a To-Be Scenario for each Problem Statement, showing how the overall user experience would change if we implemented our solutions.
Now that we had a plan in front of us we used Hills, or statements of intent, to align our team on specific goals before creating any assets. Forming Hills was a great way to realign on our goals and share opinions on the process so far. After completing the process, the Hills we agreed on were:
IBM Employees at the Ottawa Lab can easily find relevant ISO information and book resources in the studio to support their work, without direct interaction with a studio employee.
Design thinking practitioners who seek to become facilitators in Ottawa can participate in a community that supports them and the value of design thinking, by offering valuable resources at a personal level.
IBM employees at the Ottawa Lab can access design thinking support and education the Ottawa Design Thinking Chapter, that effectively leverages design thinking in support of clients and product development.
To organize the pages and components of our website I created a sitemap.
We compiled inspiration for the visual feel of the website on a mood board. Afterward, we clustered related examples to find themes which were synthesized into three descriptive words to define our visual direction.
IBM’s Carbon Design System provided a structure for our choice of user interface elements, font and color palette. For our main visual elements, we decided to mix IBM’s identifiable blue color pallet with complementary colors to create original gradients. These are meant to reflect a mixture of different perspectives to create a forward facing product.
Low Fidelity Wireframes
For the rough layout of the studio website I created low fidelity wireframes and refined them through reflection with our team.
High Fidelity Wireframes
Next, we added color and styling to the wireframes to create high-fidelity wireframes, which laid out the design for development of the site.
Using an IBM Design Thinking process of research and design we arrived at a website that provides an easy way to connect with the studio and use its resources for product team collaboration.
We incorporated the following components into the website to achieve this result:
A shared calendar to show events happening at ISO
An interactive map of the studio
An informational page for the Ottawa Design Thinking Chapter
A contact form for easy communication with the studio
An organized list of resources for IBM Design Thinking
A booking system for using space in the studio