Roots

A case study on how we designed a platform to strengthen familial bonding by sharing recipes.

roots_cover
OVERVIEW

In February 2019, we were given design prompts from the RSA Student Awards 2019 to choose for our final project. We chose Prompt #4:

​"Develop a kitchen experience that enables people of different generations to cook and eat food, engage, entertain, and enjoy being together."

​This inspired us to focus on how we could design for preserving family recipes with each generation. We were motivated by how food brings people together and especially how family recipes are capable of provoking nostalgia of one’s family and childhood. Learning how to cook one’s favorite family recipes can have a greater emotional impact such as spreading awareness of their roots, appreciating their culture and remembering the good times. That’s why we wanted to explore how we can inspire and make it more accessible to share family recipes so they can be preserved and built-upon between generations.

DURATION

March - April, 2019 (3 months)

ROLE

User Research

Data Analysis

Product Design

TEAM

Jashan Gupta

Monikka Ravichandram

Chrissy Pisarczyk

TOOLS USED
roots_tools
DESIGN GOAL

Design a solution to strengthen familial bonds through recipe sharing.

RESEARCH

Understanding the user behavior around recipe sharing and selection

1. Competitor Analysis
Before setting out we needed to take a step back and explore existing methods and products related to food design, meal planning, recipe organization, and management. From recipe discovery apps to classic cookbooks to personal recipe organizers, and cooking guides, we analyzed their strengths and weaknesses.

Many tools already exist to help people browse for recipes and to save and share with others, none were specific to our primary focus of engaging with family members and each family’s unique set of recipes that have been passed down each generation.

This became our challenge, to expand an already saturated recipe market and discover a way to inspire families to come together and share their wealth of recipe knowledge so that everyone can have access to how to prepare homemade meals that engage the younger generation with their roots and inspire family nostalgia.

2. Semi-structured Interviews
Interviews were used to find out how participants feel about family recipes, how do they discover new recipes and how do they share recipes with the family members.

​We identified two different target groups for the interviews:

1. Givers: People who have shared a recipe with a younger family member.
2. Receiver: People who have received a recipe from an older family member.
 

We interviewed 6 people and few questions asked during the interviews were:

  1. Did you enjoy food while growing up?
  2. If yes, what did you like about food?
  3. How do you discover new recipes?
  4. What is your opinion on family recipes vs recipes that you find online (taste-wise or quality-wise)?
  5. Have you shared any of the recipes with your family?
  6. What devices do you use in the kitchen area? When and Why?
    The full interview guide can be viewed here.

3. Diary Study
A week-long diary study was conducted with each participant to understand their daily cooking habits with thoughtful writing prompts.

roots_diary_study
RESEARCH ANALYSIS AND INSIGHTS

Putting all the pieces together

We used Affinity Analysis to find recurring patterns and identify themes from the qualitative data that we gathered through interviews and diary studies.

Key insights from the data analysis:​

1.

Cooking tips and techniques are shared more within a family than a recipe.

2.

Most recipes are shared orally via calls or face to face interactions.

3.

People experiment with recipes that they get and in the process create new recipes.

4.

Most people do not want to use digital devices in the kitchen with their messy hands while cooking.

5.

There is an even split between discovering recipes through family versus online.

6.

Cooking together fosters feelings of closeness and bonding with family members.

IDEATION

Finding the right solution

Since we are targeting two different user groups, we felt that Personas would be a great fit for the project as it will allow the team to better empathize with both the user groups.

rahul_persona
stephanie_persona

Using the gathered data, we had many brainstorming sessions to explore the breadth of possibilities. Initially, we collectively brainstormed many design concepts and quickly sketched them out to help express our thoughts and ideas to each other. We explored the breadth and depth of features very openly through the span of roughly 30 sketches.

concept_sketch
concept_sketch_2
CORE FEATURES

We explored a number of solutions and decided to design a web platform with the following core features:

1. Family Circles

Users can set up family circles and invite family members so that any recipe they add to that circle will automatically be shared with only those members. We wanted to foster a sense of family closeness by limiting the visibility of recipes.

2. Recipe Sharing

Uploading recipes is the core of this application. A user can add a recipe through three different mediums — text, audio, and video.

3. Hands-free cooking

Cooking can be messy so we included a feature that allows the app to enter “voice mode” where users are able to navigate recipes through voice commands. The text will be converted through text-to-speech functionality.

4. Twists

Allows users to see variations of recipes created by other family members.

5. Collective Knowledge

Users can add notes to the instruction sections of a recipe to help each other out with their tips and techniques.

6. Social Interaction

Many social features are built in to help the app feel more engaging and foster familial closeness. Users can leave comments on recipes, add emoji reactions.

LO-FI DESIGN AND USABILITY TESTING

Validating our assumptions

​Before going into high-fidelity designs, we decided to test our low-fidelity prototype with 3 users. By observing our users perform their tasks, we learned that our users understood the basic premise of our application. The user results validated our design concepts and provided us with valuable insights that helped us in iterating over the designs.

usability_testing

Key findings from Usability Testing
​1. Our users supported the idea of a cross-platform application since some tasks would be better suited for different devices.

2. Showing ingredients, time and difficulty in the recipe detail page aided their decision-making process on whether or not they have the resources.

3. Users had the instinct to highlight text in order to add notes for recipe instructions, as was our design for adding notes to text.

4. Voice Assistant in the recipe page was well-received but our users expected it to support complex commands and tasks we had not considered before.

5. One user wanted to document the recipe story for others to learn its origin. We later add a text field called “Recipe Roots” in our final design.

HIGH FIDELITY DESIGNS

Giving face to the soul

STYLE GUIDE

style_guide-1

HIGH FIDELITY DESIGNS AND DESIGN RATIONALE

Recipe Cards designed for skimming

A photo-centric recipe card inspired by Netflix lets users visually understand what a recipe is about without the need to read the text. 
Additionally, the information like Number of Likes, Prep Time, Number of Twists and Ingredients are visible upfront to aid in the decision making the process.
recipe_cards
Recipe Card (left) and Recipe Card on Hover (right)

Home Page with Family at the center

A photo-centric recipe card inspired by Netflix lets users visually understand what a recipe is about without the need to read the text. 
Additionally, the information like Number of Likes, Prep Time, Number of Twists and Ingredients are visible upfront to aid in the decision making the process.
home-page
Roots home page

Search that does not get in the way

Users shouldn't be expected to know exactly what they are looking for. Roots help them find recipes by typing in a recipe name or even just ingredients.

Additionally, advanced filters help in filtering down a list of recipes to just the recipes that are more relevant to you.

search
Roots search page

Voice Mode for hands-free cooking

With the surge of smart speakers, most of the users are now familiar with the concept of voice assistants and its undeniable convenience in hands-free web navigation. A similar voice mode in Roots allows users to ask recipe related questions during the messy task of cooking.​

recipe_page_voice
Roots recipe page

Support for multiple recipes formats

The research reflected on the fact that users use different media formats to share recipes with each other. While some users preferred text for recipes, some users preferred audio or video to document a recipe.

Roots allow users to document and share recipes in the media format of their own preferences. Further, the 2-step process makes recipe sharing a breeze.

add_recipe_step1
Add recipe flow: Step 1
add_recipe_step2
Add recipe flow: Step 2
LEARNINGS & TAKEAWAYS

What I learned from the project!

Roots was a great learning experience for me. It taught me the importance of conducting a usability test way early in the process. 

Our designs drastically changed from the low-idelity phase to the high-fidelity phase but we were more confident about the final designs since it incorporated the feedback we got from the usability test.

Further, I got to explore Adobe XD and play around with the  prototyping functionalities which was a lot of fun.

Other Works

TargetProject type

DoorDash RedesignProject type

RootsWeb Design

Lift AcademyProject type