top of page

Design Sprint Project - Savr Recipes

Screen Shot 2023-11-19 at 7.08.31 PM.png

Process

This is a 5 days design sprints project

Screen Shot 2023-11-16 at 9.03.16 PM.png
The problem

Although many users adore Savr recipes for their quality, they sometimes feel uncertain if they're following the recipe correctly. The cooking process involves waiting and the guidance for the next steps isn't always clear. Consequently, when the final dish doesn't meet expectations, users struggle to pinpoint where they might have made a mistake.

The solution 

It was a Design Sprints project, completed in just five days. The goal was rapid generation of concepts, prototypes, and testing to validate and refine design solutions. I optimized and redesigned features in the existing app to simplify user interaction with recipes, ensuring clarity in following them accurately.

My role 

As a UX designer, my responsibilities included conducting user research, development, design, and testing.

Day 1: Map

1.1 Map of the possible end-to-end user experience

Based on the feedback from the user interviews as well as the personas we have, I have created the following map to address the issues and enhance the existing system.

Screen Shot 2023-11-16 at 9.14.58 PM.png

Day 2: Sketch

2.1 lightning demos

I'll quickly review two other cooking apps to gather design ideas, patterns, and best practices. These insights will inspire fresh solutions for the project while keeping a consistent design and ensuring a great user experience.

First App Name: NYT Cooking

I'm a big fan of this app's recipe search options. It showcases dishes in search results with clear photos, names, ratings, and cooking times. The ingredient check-off feature is super handy. However, the app still uses a text-based format for preparation, similar to the issue with the current Savr recipes.

 Second App Name: 下厨房 (cooking area)

This is a Chinese cooking app.all the recipes on this app are user-uploaded, including videos, text descriptions, and images. I like this design as it helps users track progress accurately. Yet, some video recipes contain excessive daily life content. If users can't match the video's speed and lack accompanying text explanations, it leads to constant replaying, causing inconvenience during recipe-following.

2.2 Crazy 8s

"Crazy 8" is a creative exercise that aims to quickly generate multiple design concepts by dividing a sheet of paper into 8 squares for sketching. It encourages designers to explore various ideas and solutions, promoting creativity without being limited to a single design approach.

Crazy 8s for critical screens:

Users highlighted the 'following instructions' screen as the key step in completing the main activity. As a result, I selected it as the primary screen for enhancement. To explore different options, I created the following 'Crazy 8s' for it.

111.png
2.3 Solution sketch

The following is  three-panel board of the screen that comes before the critical screen, the critical screen itself, and the screen that comes after

222.png

Day 3: Storyboard

3.1 Persona

A 'Persona' in UX design represents user types, aiding in understanding their needs to align the product or service accordingly. Despite working solo on this project, I wanted to share these personas to give you insight into the target users' behaviors and app usage scenarios.

3.2 Storyboard

Storyboard is a tool in UX design that uses images to showcase the user experience and product functionality flow. It presents, in a story format, how users interact with the product, aiding the design team in understanding user journeys and interactions. Therefore, the following image illustrates a scenario I created for Nick, demonstrating how users typically interact with the product.

Day 4: Prototype

Day 5: Test

Here are some opinions and suggestions mentioned by users during my user usability testing.

Screen 1 - Search - Category:

1.Users prefer a more neutral app style and colors.

2.They seek cooking recommendations such as "Recipes of the Week" or a "Weekly Low-Calorie Meal Plan" when unsure about what to cook.

3.More interactive features are desired, like a "7 Days No Sugar Challenge" for joining friends or themed plans such as a "Budget-Friendly Meal Plan" catering to specific needs.

4.Newbie cooks want technique videos on Savr Recipes to learn basic cooking skills, like proper meat-cutting techniques.

Screen 2 - Search - Recipe:

1.Improve visual hierarchy for clearer focus to help users navigate better.

2.Enable recipe downloads for offline access, providing flexibility to view recipes anytime, anywhere.

3.Implement an "Airplay to Your TV" feature for streaming recipe videos on TVs supporting Airplay.

4.Include a feature allowing users to save their favorite recipes for easy retrieval and management.

Screen 3 - Recipe - Details:

Summary of heuristic issues found by the team following world leaders in research-based user experience, Nielsen Norman Group: We found a few categories of issues consistently appearing, including unclear language, unclear status, and heavy cognitive load. Subsequently, we categorized all the data into their corresponding 10 different categories.

Screen 4 - Recipe - Steps:

1.Users seek simple ingredient introductions providing health benefits.

2.They desire a total estimated cost for each meal to manage their budgets effectively.

3.Users suggest a collaboration between Savr Recipes app and supermarkets. They want the app to allow ingredient selection, possibly for delivery, through the app's supermarket interface after choosing a recipe.

Screen 5 - Leave A Review:

1.Users wish to access others' reviews for reference.

2.Add a section for users to rate and share the cost and time spent on each meal.

3.Include a one-sentence headline in reviews for quick browsing by other users.

Afterthoughts

After completing this project, I redesigned a key section of the recipe app within a fast-paced Design Sprints project, gathering valuable user feedback in just five days. Insights from user testing influenced my decisions on interface, interaction, and usability improvements.

 

While not all enhancements were immediately implemented, these suggestions provide valuable guidance for future designs. I'm proud of the accomplishments in this intense project and am eager to apply these lessons in future UX endeavors.

bottom of page