Project overview
During the workshop; I explained to the participants what is a design sprint and I went through the workshop agenda, explained the problem and the required task, grouped them into 2 groups, and gave them some initial research findings to start with.
Role
UX Research, Workshop facilitator, and UI Design.
After finishing the design sprint with my mentees, I worked on my own prototype based on the workshop findings.
🗯️ The Problem
'Philips G498' is a digital Bean-to-Cup coffee machine! The “user-friendly” control panel includes an extra-large LCD screen for effortless operation.
🎯 Goals
To design a digital solution that delivers a compelling user experience to control the coffee machine!
Research & Initial findings
☕ Competitor Analysis:
Competitors like DeLonghi, and Breville have sleek appearance, a variety of options and total control over your cup of coffee, self cleaning and quick-brewing technology!
👩🎤 User Personas:
The Design Sprint (workshop)
Workshop Agenda:
Define what is working well? ... (10 min)
Define the problems ... (10 min)
Prioritize problems ... (10 min)
Brainstorm ideas/solutions ... (10 min)
Prioritize solutions ... (5 min)
Decide what to execute ... (5 min)
Prototyping ... (30 min)
User testing ... (20 min)
At this point, I asked the 2 teams to use a drawing of a boat and start listing all the features that could be working well in the current product (considered as winds that keep the boat moving) and the problems (anchor that blocks the boat from moving)
1-What is working well?
Beans storage
Good material of the machine
Beans-to-coffee technology
Small size and portability
Easy to use
Manual control panel
Different types of coffee
2-Defining Problems
Time consuming
Taste
Control panel is not user friendly
Bad cleaning system
Not smart
3-Brainstorming solutions / Ideas
After brainstorming some ideas that could potentially solve the problems listed above, we did a "Dot voting" to decide which solutions we should consider when building our prototype.
4-Deciding what to execute
Using the below "Impact/Effort" model, we decided which solution could be more feasible to implement.
5-What we have learned?
Through the above design process, we learned that the most feasible solution is to develop a digital solution that would replace the coffee machine control panel with another smart panel or a mobile app that gives more control to users over selecting different types of coffee, easily clean the coffee machine, and have a better visual feedback on the coffee making progress!
An IoT (Internet of Things) digital solution that enables straightforward management, and automation of connected coffee devices would be an ultimate solution.
6-Prototyping & User testing
The 2 teams started to build different prototypes for the digital solution, and afterwards we performed a hypothetical user interviews where I explained to them how they should be forming their questions and how they should be testing similar products and how to deal with different situations during user interviews in general.
Working on my prototype
(post workshop)
1-Advantages of using IoT solution:
Scalable & customizable
More accessible and easier to use
More visual feedback on coffee making progress
Better automation
Multiple user preferences and profiles
Ingredients/beans/milk/water levels management
2-Designing User Flows:
In this step, I designed scenarios that describe a sequence of events, such as preparing a coffee cup, or checking coffee beans level.
3-Sketching and Wireframing:
I usually start by drawing low-fidelity wireframes using a Sharpie pen and a piece of paper, and then I design high-fidelity wireframes for better documentation and presentation purposes.
Wireframes should include details like navigations, and content blocks.
Final mockups
Having all the previous findings in mind, I went for designing an IoT application as a middleware that manages all the interactions between the hardware and the users.
📱 Mobile app mockups 👇
Watch full video here: https://youtu.be/ZZs_bpw_7VI
Designing the screens from my youtube channel (video language:Arabic)
⌚ Apple Watch Mockups 👇
Thank you for reading ❤️
