NYT Cooking app Recipe Page Redesign

OVERVIEW

Through the Advanced UX course at SVA, my team applied an accelerated UX design process to problems people experience when cooking a meal. In this project, we focused on the problem space of the “cooking” part of one’s cooking journey and sought to make an efficient cooking process. We improved usability of the app by testing our prototypes and suggested an audio-based recipe feature on the NYT Cooking app as the solution.

TIMELINE

5 weeks (Jan-Feb 2022)

MY ROLE

· Conducted user research for target group
· Ideated ideas and did concept development
· Designed user flows, UX UI design on audio-based recipe part
· Iterated final design by user testing

TEAM

April Chien(Designer)
Ted Lee(Designer)
Yi Jie(Designer)
Suri Namkoung(Designer)

ADVISOR

Matt Raw(VP, Product Design Culture & Operations at The New York Times)

INTRODUCTION
NYT Cooking offers an extensive database of high-quality recipes to help home cooks prepare great meals

The advisor Matt of this course gave each team different areas of problem space from preparing to cooking a meal. In this project, we focused on the problem space of the “cooking” part of one’s cooking journey and sought to make an efficient cooking process.

FOCUS AREA

How might we support the act of cooking, so that people can successfully execute their plan and create a delicious meal?

DESIGN PROCESS
  • Affinity mapping our research and assumptions
  • Mapping the problem
  • Sketching to think about the design opportunity and hypothesis
  • Designing prototypes to test your hypothesis
  • Usability testing to validate or invalidate your hypothesis
  • Iteration of the prototype based on evidence collected during usability testing
DISCOVER
User research
We Interviewed 9 young professionals working in New York City, ages 21 -30 and conducted affinity mapping and framed HMW question
Interview object

· How young professionals view the process of cooking
· What they do regularly while cooking
· What cooking tools or habits do they have
· Who are they cooking for

Pain point
01

Often doesn’t have enough time to cook

02

Some recipes take a longer time to understand and follow

03

Recipes don’t always have photos or illustrations to show

04

Hard to follow recipes because you often don’t know what to do next

05

Doesn’t know which ingredients are essential or not

06

Difficult to scroll device when while cooking

Persona
Refine design challenge

How might we make recipe steps and ingredient substitutions more clear and digestible for busy young professionals who enjoy cooking but also value efficiency?

IDEATE
We came up with a lot of ideas based on 3 sub areas to solve users' pain points
  • A lot of recipes are really complex and hard to get through even if you love cooking - how can we make this content more digestible
  • This will require accurate measurement tools and notification guide about a certain process(roasting, seasoning, boiling, or etc)
  • Amateur chefs often don’t have all the tools or an adequate workspace to cook in the way they want
DESIGN
We decided to tie up pain points with the current flow of NYT Cooking app and found the areas we could improve the usability
Assumptions
We established 3 hypothesis and craft prototypes to conduct user testing
Hypothesis 1
Audio Guide

Cooking requires mutitasking and can be hard to read while chopping, boiling or frying. The audio feature will help play instructions for each step. Users can pause or skip sections at anytime while cooking.

Cooking Steps

Recipes are often complex and hard to get through even if the act of cooking is enjoyable. Image-based content can make it more digestable. This will not only make cooking enjoyable but also help save time.

Hypothesis 2
Ingredient substitutions

People often don’t have an ingredient and don’t know what to substitute it with. It’s also hard for users to differentiate between essential versus nice-to-have ingredients. This section of the app provides people with a list of substitutes available for ingredients in a given recipe.

Hypothesis 3
Timeline view

Users often waste time while waiting for certain cooking tasks to occur (like boiling pasta) so this view shows them what activities in the next step they can be working on in the meantime.

Usability testing
We conducted user testing with 4 young professionals working in New York City, ages 21 -30

User testing scenario 1 - ingredients / 2 - start cooking / 3 - play audio / 4 - Next step

Final Prototype
Digestable recipe steps and clear ingredient substitution guide
RESULT
Reviews from the advisor

“I thought you had some really interesting explorations around the format of recipes. The initial ideas slide shows a bunch of potentially promising ideas. What’s smart about this is that you recognized that so many cooking apps and websites are still built around the traditional text-based recipe content type.”

Matt Raw

— VP, Product Design Culture & Operations at The New York Times
What I learned
Collaboration makes the meaningful problem area

I enjoyed discussion different ideas from diverse perspectives with my team which eventually allowed us to develop unique design solutions for NTY Cooking app. I am intrigued by how collaboration shapes the direction of the design. As a result, I would like to grow as a designer by learning more about collaborative skills.

Importance of intuition for usability testing

Besides data analysis and rationale, UX design requires intuition to check our hypothesis efficiently. We must select some appropriate assumptions among many ideas in a short time. whether this feature or layout might be helpful for users or not is naturally guided by users and usability testing provided rich insights that I never thought of.

NEXT STEP
Think about some possibilities for voice control when people are cooking with messy hands

Prototyping a voice-driven way for users to interact with recipes could yield really valuable insights, especially in an environment where they may be co-cooking with flatmates.

Give attention to more focus of substitution experience in the prototype

Through the user testing, we decided to abandon that particular problem, but it will be better for us to free up your time to just focus on making co-cooking with flatmates easier and more fun, with new recipe UX at the center.

View other works

This image will link you to BeWell project.

BeWell

Chronic pain management application

This image will link you to Cookonnect project.

Cookonnect

Meal plan feature suggestion

Uploading Footprint Images

Designing WildTrack's footprint image upload experience