FlavorWave
A gesture-based recipe app
In this project, I aim to design gesture-based interfaces for a recipe app that lets users follow recipes while cooking, without creating a mess or wasting time. Gesture controls allow hands-free interaction, making the experience more efficient and seamless. The app will also include features such as saving, customizing, and discovering recipes.
-
Wireframe
-
Smoke and Mirrors
-
Prototype
-
Design System
-
Storyboard
-
Research
UI Design & Gesture Design & User Experience &
Final Design
Onboarding 1
Onboarding 2
Onboarding 3
Actual Use
Research: Intentional & Unintentional Gestures
"Research on intentional and unintentional gestures can help me identify which gestures are natural, intuitive, and unlikely to be triggered accidentally during cooking. By understanding how users move while cooking—both purposefully and unconsciously—I can design gesture controls that are easy to remember, minimize false triggers, and seamlessly fit into the user’s cooking flow. This ensures the interface is both efficient and user-friendly."
Scenario & Problem Statement
-
“People who like to cook but not skillful enough to do this without recipes, such as me. I need to check the recipe during the cooking process, but my hands are probably dirty, and a couple seconds may change a lot in cooking, my dish might be burnt, so checking the recipe efficiently will be really helpful.”
-
How might we design a hands-free way for cooks to access recipes in real time, even with messy hands?
Gesture Library
"These gestures I selected are based on their simplicity and convenience. I tested these gestures by doing them myself and asking others to do as well, they are easy to use and determine. These gestures satisfied all functions needed in my app, I want to keep them clear and simple."
Echo Feedback
Semantic Feedback
“Using Echo feedback followed by Semantic feedback can be a helpful method of reducing uncertainty, and a good way of avoiding accidental triggers. Echo Feedback echoes what the user does, and tells the user what the system is ‘seeing’, which gives the user an opportunity to recalibrate, or change their gesture before its too late. “
Reflection
This project was a meaningful and valuable experience, as I completed the full process of designing a simple app while learning about gesture interfaces and green screen techniques for the first time. I believe gesture interactions can be especially useful in contexts like car navigation, music players, and presentations, where touch-free control adds convenience and safety. I’m satisfied with my progress, especially given my lack of prior experience. If I had more time, I would refine the visuals, improve workflows, and make some minor interface adjustments. My design is strong in its completeness and smooth onboarding, though it could benefit from more uniqueness.