Recipes Detail Page (iOS)

Goals:

System Goal: Create a recipes detail page.

User Goal: Have a seamless and delightful experience of reviewing recipes detail page

Business Goal: Encourage people to share recipes

Elements:

  • Title 
  • Multiple photos
  • A description
  • A shopping list
  • A how-to section
  • Share options, a rating
  • Multiple reviews and user uploaded photos

User Research:

Interview

I did a quick user research with two friends who are interested in cooking and use recipe applications regularly. These were the questions I asked:

1. Do you use recipe applications? Under what circumstances do you use them?
2. What kind of recipe will catch your eyes?
3. How do you decide whether to cook a dish or not
4. Could you go through your process of reviewing a recipe on your current recipe app with me?
5. Have you shared any food that you made? Have you shared any recipe?
6. Under what situation will you share a recipe?

Flow

Key Findings

Opportunities

Decision Making/Planning
  1. Users referenced the ratings, comments and user’s activities to decide whether to look at a recipe in detail or not.
  1. Users roughly went through the whole recipe first and to evaluate if he/she will cook/save it. They especially concern about:
  • If the recipe has enough pictures for each step and if the steps are easy to follow
  • If they have enough ingredients to cook the dish
  • If they have time to cook the dish
If the application provides contents that follows users’ mental model, it will help them make decisions and cook dishes conveniently.
When cooking
  1. They reference to the recipe while cooking, sometimes when their hands were dirty.
  1. They sometimes don’t know what the instruction means or how to do a certain step.
If the application makes it easy for users to view the recipe while cooking, they will be more engaged into the app and more willing to share after using it.
Sharing
  1. They don’t share recipes unless their friends ask them to. But they enjoy sharing the photo of their finished dish.
If the application has an interactive social context (better to be personal) and makes it easy for recipe sharing, they are more willing to interactive with the app and share recipes..

Requirements:

  • Easy Planning: Provide contents of the recipes that follows users’ mental model.
  • Easy Cooking: Provide a way for users to easily view the recipe while cooking
  • Social Behavior: Create a social context around the recipes page. 
  • Easy Sharing: Provide a way to share recipes easily.

Brainstorming:

I sketched out 20 ideas of how to meet these requirements. Then, I listed the pros and cons of each idea and integrated ideas into 3 major features in an mid-fi prototype.