A 14 week project for Visual Interaction Design 3 at ArtCenter College of Design
The Challenge:
What if a recipe app could be more social?
The Process:
Assessing user goals through interviews and surveys to inform the design of the user flows and interactions.
The Goal:
Design a responsive app prototype that provides users with a familiar social media experience for browsing and sharing recipes as well as a comprehensive guide to cooking them.
Designed in Adobe Xd
The Final Design
Discover
Users can explore all of the wonderful user generated content much like they would on a traditional social media platform, but may dive further in with the ability to see the recipe and cook it for themselves.
Plan
An awesome insight from user interviews was "meals usually consist of more than one recipe." In response to this sentiment, the app includes a meal planning feature that lets users combine recipes for cooking and will calculate the time and ingredients according to any overlaps and time availability.
Cook
At the core of the experience is the step-by-step guide which includes hands-free voice operation so users don't have to interact with the device while prepping ingredients. The recipes will be scalable for larger or smaller servings, and each of the steps will have a visual demonstration that corresponds with each step.
Connect
Initially, the function of connecting with other users was limited to following content creators that the user liked, but testing revealed that users would be interested in being able to send messages, to send compliments or recommendations to others.
Promotional Clip
In the final two weeks, I began learning After Effects and created this promotional short to tie in with the project.
The Design Process
Initial Research
I began with secondary fact finding to see if an app was a viable approach and then conducted a survey to gauge user interest as well as gather self evaluations and habits.
59%
of 25 to 34-year-olds head
to the kitchen with their
tablet or smartphone.
Google Consumer Survey, Jan 2015, n=550
234.5M
#foodporn posts
Instagram, July 2020
76%
of survey participants rate
their own cooking ability
to be at or below average.
Independent Survey, June 2020, n=112
78%
of survey participants turn to websites to discover new recipes.
Independent Survey, June 2020, n=112
User Interviews
I set up interviews with a handful of the participants to get deeper insight on their cooking processes and experiences using their mobile devices in the kitchen. Additionally, I interviewed two professional chefs to get their take on the cooking process, as well as how it differed in the professional and personal settings.
Mapping the Responses
Taking responses from the surveys and interviews, I sorted them in an affinity map as well as an empathy map to get a clearer understanding of who my user is.
The User Persona
This is the user for whom the design decisions will be based.
MuSCoW Chart
Focusing on the user needs and goals, I sorted out all of the potential app features into "haves". This helped set the groundwork for early interface ideation.
Initial Sketches
Looking at familiar recipe and social media apps provided queues to some preliminary concepts of what the interface should look like.
Prototyping - Low to High
After some simple paper prototyping with the sketches, I began increasing the fidelity through an iterative process, incrementally testing UI and flow.
The Latest Iteration
By the 12th week, I was near the final configuration and was making very slight revisions for easier navigation and clearer UI, these are some of the final screens:
