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.
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.
Figma, Adobe XD.
🗯️ 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!
|Persona Name||User Type||Role||Age Range||Location||Interests||Goals||Frustrations|
Freelance Social Media Specialist
TV series, travel, food
Boost her morning with a nice cup of coffee
-Coffee is usually ineffective... she can’t focus in the morning meetings -She has to go to a coffee shop for a proper coffee
Accountant / on pension
News, watching sports, food
To drink fresh and professional made coffee
-Coffee machine is complicated to use -Cleaning the machine is very difficult
The Design Sprint (workshop)
- 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
- Time consuming
- 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 own MVP → 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.
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 👇
⌚ Apple Watch Mockups 👇
Thank you for reading ❤️
Made with 🖤, #Notion and #AdobeXD by Loay Hassan