Savr is a startup that shows hundreds of recipes and cooking tips for at-home chefs.
MY ROLE
Lead UI/UX Designer
DURATION
5 Days
TEAM
SOLO
TOOLS
Adobe XD, Adobe Illustrator
DURATION
5 Days
LOCATION
Remote
MY CONTRIBUTIONS
User Road Map, Lightning Demos, Crazy 8, Storyboarding, Prototyping, Usability Testing
People have been finding recipes on the SAVR app with many steps or more advanced techniques disappointing due to their outcome. They did not feel the instructions were clear or easy to execute.
Create a better experience for users when it’s actually time to cook the recipes.
The recipes are currently written as text, in ordered steps from start to finish.
The solution needs to be designed as a feature for the Savr Recipes native mobile app.
It needs to help users when they are in the midst of cooking.
The goal of the first day was to create a schedule of things to do for the whole week and develop a better understanding of the problem.
I received a plethora of information including user quotes about frustrations and a persona. By condensing down the previous user research into problem statements it can help guide me through the design process and better answers to the original problem.
How might we a complicated recipe less stressful?
How might we inform the user of what equipment and information they need for the recipe?
How might we educate the user on cooking techniques before they start cooking?
To prepare for day 2 I worked out a potential road map of screens to sketch. These steps correlate to a problem that the user research has identified and the problem statements I came up with.
Less stressful recipe = Preparation of ingredients
Equipment information = Kitchenware list
Technique Education = Technique videos
I downloaded 3 of the highest-rated recipe apps to discover features I would want to include in my app.
Features I liked included video steps, cooking time reminders, and cooking time estimations.
I chose my food prep or mise en place step to iterate on. The hope here was to see if I could better show how to prep food.
After finishing, I felt like my sketches did not fully grasp what I wanted.
The best course of action now was to take inspiration from the Tasty App and do something more visual in nature while storyboarding for day 3.
This whole day was dedicated to storyboarding how I think someone would make their way through the recipe app.
I made sure that all three of the main problem statements had a proposed solution, including time estimations, lists of kitchenware, and preparation of ingredients.
Lastly, I incorporated more visual elements like technique videos and pictures to help educate the user.
Day 4 was all about finishing the high fidelity prototypes before testing on the final day.
I worked mainly on two screens: the homepage and the recipe page.
I relied heavily on pictures to help get the point across of what needs to be done on the prep and cooking parts of the recipe.
Before heading into user interviews on the final day, the biggest question was if my solutions would translate to a good experience.
Five individuals ages 24-65 were interviewed via moderated video call. All testees were familiar with recipe applications or websites.
The main prompt I had them follow was,
You found a great deal on whole chickens at the supermarket and you want to find a recipe on the Savr Recipes app to go along with it. You have searched for chicken using the discover feature and were given these results.
