top of page

SAVR Recipe Organizer

5 Day Design Sprint

This project was completed as a 5 day design sprint. User research, interview data and a persona were provided.

group.png

Role

UX/UI Designer

goal.png

Goals

Make recipe execution simpler

calendar.png

Timeframe

3/5/20221 - 3/11/2021

Cooking Class

Day 1

User Interview Findings and End-to-End User Experience Flow

User feedback:

  • Recipes involve too many steps

  • Directions are unclear

  • Recipes not easy to execute

Users would like to know:

  • What tools are needed for recipe

  • Ingredients and how they are prepped

  • How the recipe should look at points in the preparation

  • What are next steps in the process

  • Accurate prep times

  • How to easily look up techniques involved in the recipe

Try Me.

Persona highlights

  • Nick, 29, Chicago

  • Cooks 3x a week

  • Likes trying new recipes

  • Believes recipes are good for learning basic techniques

  • Tweaks recipes after trying the recipe at least once

Pain Points:

  • Unsure if on track during recipe

  • Not clear on what's coming up

  • Stressed always having to refer back to phone at each step

Goals:

  • Being able to follow recipe easily so dish comes out

  • Recipes are enjoyable and challenging

Asian Man

End-to-End User Experience

To develop more empathy with users, two empathy maps were developed. This would aid in more deeply understanding the user’s needs and pointing out any missing information or additional questions required.

Day 1 - page 7.png

Day 2

Lightning Demos & Crazy 8's

For this project, I looked to apps/programs that would have directions. Where directions were given in a step-by-step process.

 

I chose Wikihow, Yummly App, and the SideChef App to study because of these traits.  I went through these and pulled out some key features which would address user concerns and pain points.

Wikihow

widi.png

Useful Features:

  • Shows tools list needed to complete project

  • Has Q & A section

    • Includes references​

    • Includes videos

    • Has article summary

  • A quiz to reinforce skills (user wanted to learn basic techniques)

  • Image of the project at each step of the process

Yummly App

yummly.png

Useful Features:

  • Step by step video previews

  • Voice control (next step, etc.)

  • List of ingredients with checklist

  • List of tools used with checklist

  • Accompanying time when a timed step is involved

  • A time planner which allows you to complete the recipe at a certain time

Sidechef App

sidechef.png

Useful Features:

  • Search by ingredients

  • Search by meal

  • A quiz to reinforce skills (user wanted to learn basic techniques)

  • Links for certain ingredients, revealing definitions/technical explanations

Overall features which would be valuable to the Savr user:

  • Listing of needed ingredients and tools

  • Quizzes to inspire learning of techniques

  • Step by step video directions

  • Calling out certain ingredients, which can be clicked upon to find out more info

  • Voice control so don't have to handle phone during cooking (no dirty phone)

  • Able to choose a time when recipe will be completed

  • Community Q&A at end of recipe

Solution Sketch

I created a mini storyboard of 3 panels.  The first is a find recipe page, then the main recipe page, and ending with a user comment/rating page for the recipe.

crazy 8s copy - page 1.png

Day 3

User Flows

I drew out a few screens to represent the app in an app store, and the basic use of the Savr App. I began in the app store, and ended with the chosen recipe. It was helpful to start where an individual would download the app, showing me the entire process. I could better understand the frame of mind and what a downloader would expect to see.

Storyboard - page 1.png
Storyboard - page 2.png
Storyboard - page 3.png

Day 4

Prototyping

Looking at other apps really helped to inspire functions, and the way that they could be executed.

 

I really enjoyed the prototyping experience. Having a purpose and reason to design makes the process proceed easily. Instead of trying to come up with everything all at once, it is nice to have the research back up the reason.

Artboard@2x.png

Day 5

User Testing

I had lined up 5 individuals to test earlier in the week, but actually getting to people took a little while. Things came up changing the interview schedule, but eventually I tested them all. The users were chosen from people I knew (friends and relatives). I chose people who use recipes and cook meals at least every other week.

 

I had an easier time interviewing and testing users this time around. I sort of knew what I could expect from the earlier interviews and testing done for my capstone. I created an initial group of questions and tasks that users would perform in the Savr App.

Try Me.

Some example questions:

  • You are cooking for a friend who really likes fish.  How would you approach finding this?  Could you demonstrate another way of doing this?

  • If you wanted to learn more about cooking, what would you do?

  • What are your initial opinions of the overall design of the app?

The interviews often branched off into other topics, which came up organically after asking initial questions. These were great to hear, as they sometimes addressed observations I had not thought of asking. Tracy expressed that she loved that there were not lengthy paragraphs about the recipe. Her purpose was to make a recipe, not read endless information she was not interested in.

Summary of testing:

  • 3 out of 5 users would use the “search” field initially after opening the app

  • Having an “inspiration” page offering several recipe ideas helped users decide what they wanted to cook

  • “Categories” verbiage in the main navigation is unclear. Does not convey what it contains

  • Users liked the large images

  • Less intro text for recipes received good feedback

Lessons Learned

Overall, I really liked the design sprint. It was exciting getting only a limited time to work on each of the processes of the sprint. The one spot where I did need more time was the prototyping stage. I ended up needing to create more screens for the prototype than I had anticipated. In future sprints, I would rethink how many screens I really needed. 

 

The speed of the sprint worked well with how I usually work. I like to have concrete deadlines and having a daily goal was a great way for me to work.

bottom of page