Mind mapping the initial problem space- what are the factors involved in sharing a meal with others - what are the influences and obstacles?
Speed sketches of potential layouts for a digital recipe sharing application on desktop and mobile screens.
I began wireframing the solution in Figma shortly after sketching out layout ideas - I needed to work quickly to build a convincing prototype to get into user testing as soon as possible. The images below illustrate a quick transition to a branded, content-filled prototype.
Ideation & Iteration into Early Prototyping
Building a Recipe
I started reaching out to potential users by creating a mixed-method (qualitative and quantitative) survey that would help me gauge their habits around food-related content, following recipes, and buying ingredients online. Out of the survey respondents, potential users were selected to test the prototype, being asked complete a few simple tasks. I created an affinity map to help gather and prioritize my next iteration phase (below, left), and started adjusting my interfaces to help meet user needs (right).
Making Tweaks to Taste
An affinity map created from user feedback during interviews and prototype testing, next to some examples of adjustments made to the recipe interface.
I adjusted features in my prototype to fit user needs after creating personas from the main themes that I found in my user testing. Users had a lot of input on recipe features, and how they would utilize recipe videos live and after streams were over. I noticed a divide between wanting to cook along with streamers live and just watch the streams for entertainment while saving the recipes and videos to watch later. I also noticed a divide between buying groceries online via OpenKitchen, and wanting to save the ingredients to a list to take to the grocery store in person. Building features based on user persona needs enabled me to consider multiple uses for OpenKitchen beyond just sharing recipes in a live stream format.
OpenKitchen has now become a tool for users to:
• Share recipes and the stories behind them, live
• Save recipe streams for later, with step markers linked in the video timeline - and in the written steps below the video
• Have private "kitchens" where anybody can start a live stream and share it privately
• Have bookings available for private sessions or even classes
• UI options for users who are cooking along and have messy hands
• UI options for users who want to save lists or steps to their phones
High Fidelity Prototype
Creating the Dish