Recipe Sharing

Add a personal touch to make your recipe unique

recipe_cover


It’s an mobile recipe app design based on the research finding from the article “Cooking Trends Among Millennials: Welcome to the Digital Kitchen” by think with Google. In this app, the challenge is to combine social features and practice Product Thinking while achieving the goal to motivate users to share the recipe and increase user engagement.

ROLE

Product Design

METHODS

Literature Review, Ideation, Concept Design, Sitemap, Storyboard, Mockup

DURATION

Jul 2015 (1 week)

Design Process


recipe_process

Approach

Thinking beyond the product

Before diving into the interface, I asked myself a bunch of questions starting from the definition of share and "why" to clarify the user needs and business goals to make sure that I am designing the right features for the right people.


Questions

  • What is the meaning of share?
  • Why do people use this product?
  • Why do people cook and share recipes, and what’s the motivation behind it?
  • Why does the business have this goal, and how does it benefit the business?
  • Who are the target audience and potential users?
  • What features best address the user motivation and require less constraints?
  • Why Do People Share?

    recipe_user

    Target Audience

    With the dessert recipe topic, the target user group would be female around 25 - 34 year old with "I-want-to-do attitude". Primary users can be categorized into leaders and followers based on the fact that the app is integrated with the social feature. Both of the two personas need to be smart phone users, comfortable with technology, and like social.


    TypeA: Leader

  • Often create and upload recipes
  • Has own fans
  • Good at and enjoy cooking
  • TypeB: Follower

  • Often browse or search recipes
  • Trust the content provided by leaders
  • Like to get inspirations
  • Considerations

      Simple Gesture

    It should apply with one finger touch interaction. Based on the scenario, user may have the phone at one hand while cooking, and their hands are occupied and dirty.

      Flat Navigation Structure

    User may anticipate to jump the recipe detail section they need, and they do not want to go back and forth or have several clicks as it takes time and interrupt the cooking process.

      Clear Visual Hierarchy

    It should be easy to read while users are focused on cooking in the kitchen. EX: have steps separated obviously, highlighted step numbers with clear and readable fonts.

      Psychology

    Make sure the color chosen matchs the meaning in color psychology. It should not only represent the topic and the audience's taste, but also be appetite-stimulating.

    Design Tenets

    To communicate the personality of the app, a set of design tenets are developed. It helps make design decisions, articulate core product values, and describe key attributes the app experience should uphold for both the users and the brand.


    recipe_tenet

    Brainstorm

    Do it yourself

    Tweak the recipe

    Give awards

    Recommendation

    Collections

    FAQ in each step

    Ranking list

    Secret recipe

    Sitemap


    recipe_sitemap

    Storyboard


    recipe_story

    Final Design


    recipe_concept
    recipe_mockup recipe_mockup recipe_mockup recipe_mockup recipe_mockup

    Thanks for reading!

    cake