Modern people aged between 18-45 years old who are interested in cooking and care about family wellness, find it inconvenient to explore specific recipes based on personal health conditions and interact with learning App via their wet hands while cooking.
A cooking App features at video tutorials with customized recipes based on family members' health conditions. It allows voice interaction and air gestures.
Engaged in the User Experience industry for nearly 10 years, Yelu Liu is currently serving as a senior design expert at DiDi, responsible for experience design work of financial business-related products.
He once served as a design manager in Baidu, a senior interaction designer of Taobao and Tencent. He used to involve in diverse fields: instant messaging, community, information, video, e-commerce, and finance. And he was a speaker of IXDC Beijing 2016 / Shenzhen 2019 Workshop.
He provided user experience training and expert consulting services for some startup companies, consulting companies, and design organizations.
Yelu Liu is good at design experience innovation and has more than 50 domestic and foreign invention patents.
How would you feel about the product solve customers' pain-points
How do you think about the features of this product
How do you think about the interaction designs of the wireframe
Other comments and suggestions
For the functionality: the product does solve customers' pain-points, but the key features are not emphasized enough -> Should focus more on the "healthy recommendations" to make the product unique and stands out in the marketing place
For the data input: the onboarding process is straightforward, but "the health reports" may not be supportive enough to generate healthy recipes, due to the data set -> It could be more durable and high-end to import the data from an IoT device such as a smartwatch, which is more precious and could be updated during time. And then, design the workflow of "the importing process".
For the voice interaction technique: thinking about the real scenario of the kitchen, there could be very noisy while using the smoke exhaust ventilator, the oven, or when the water is boiling. As a result, it is hard to interact with the App via voice under such a noisy circumstance -> It could be better to use Air Gesture without touching the screen directly.
For the wireframe interactions: the overall is cohesive, but the key features should be emphasized more; some details of interaction design should be refined.
Take-away from Prototype Version 4
🥗 Previous User Test 🥘
"Since I would like to cook for my family, if the recommendations could be based on multi-users' health conditions, it would be perfect! "
（Highlighted take-away from User Test of Prototype Version 4)
🥗 Current Design Plan 🥘
Design for Prototype Version 5
Current Design Plan
Focus on "wellness and health" as the key feature for the App
Change User-Generated Content to Professor-Generated Content to ensure the quality and profession for the learning resources
Allow syncing health conditions of multi-users' to improve the diversity of food recommendation
Refine air gesture for the video tutorial control
Delete "Store" feature
🥗 Persona 🥘
Based on secondary research and user interviews
🍒 User Workflow 🍍
(Prototype Version 5)
🥟 Prototype Version 5 🥢
Let's take a look :)
Featuring customized recipes based on users' health conditions, Foodiversity navigates first-time users to sync health data, set up food preferences and goals by simply following these steps:
2.1 Tutorials - Voice interaction
Foodiversity is featured at video tutorials with air gesture and voice interaction.
All food recommendation is based on users preset health conditions and food preferences.
The wayfinding system is easy straightforward:
Search: Users can search the content by recipe, cook or menu
Filter: Users can change or reset the categories they have chosen in the onboarding process
Sort: Users can sort the video tutorials based on recommended, most appreciated, most collected, most discussed, or most recent
2.2 Tutorials - Air gesture
No more struggle of interacting with the App via wet hands, Foodiversity offers you a more intuitive and engaging cooking experience through air gesture while cooking.
3. Recipe Details
From the video tutorials page, users can choose whatever tutorial they like to view more details.
In the recipe details page, not only can users watch video tutorials, but also follow the text-based instructions step by step. Also, users can ask Foodiveristy to read the instruction for them by voice interaction while cooking, which brings more convenience. They can save the recipe to their collection for later.
In the profile page: the admin can add multi-users, such as other family members. After the members confirm the invitation, their health data will be synced as well,
Therefore, food recommendations could be more diverse and family-friendly.
🍳 Next Step 🍗
Final refine for the UI & Presentation
Plan for next
Refine the final UI design
Moodboard & Styleguidline
Hero design for the cover
Website for presentation