Yum Yum Process Book
- No tags were found...
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
Cook Socially.<br />
Simona Snapkauskaite<br />
A Solo Project centered in the User Experience Design field
Copyright © 2021 Simona Snapkauskaite<br />
Owner: Simona Snapkauskaite<br />
https://simonasnap.myportfolio.com/<br />
Cook Socially.<br />
No part of this publication can be sold,<br />
reproduced, or distributed in any way<br />
without written approval of the author -<br />
including all illustrations found in the<br />
A Solo Project centered in the User Experience Design field<br />
publication, except short phrases of<br />
text in brief quotations used for non-<br />
commercial means.
Table of Contents<br />
The Backstory 2<br />
The Research 4<br />
The Ideation 7<br />
The Prototyping 15<br />
The Branding 24<br />
The Final Prototype 32<br />
The Sources 38<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Contents 1
The Backstory<br />
There are so many phrases and sayings about the kitchen. “The<br />
kitchen is the heart of the home,” in particular, is true to my upbringing.<br />
Six months ago, I worked with a group on a project to create an<br />
app that hopefully would help us solve some sort of issue, that we<br />
How can I make the cooking<br />
experience more enjoyable<br />
and social for anyone, especially<br />
now during this pandemic?<br />
As well as create long-lasting<br />
cooking habits that the user will<br />
want to continue?<br />
saw in our lives. With this opportunity, I wanted to create something<br />
that would help my mom compile all her cookbooks in one place for<br />
easy use. However, with the start of the pandemic, my mom and my<br />
sister started to connect virtually with cooking.<br />
Every week my mom and sister would find a recipe, video call each<br />
other at a certain time and then cook together in their respective<br />
kitchens. It quickly became common to have a computer placed at one<br />
of the spots at the table with my sister eating her meal in California,<br />
with the rest of us in Seattle eating close to the same thing.<br />
Working on my BFA project I wanted to explore the social side of<br />
cooking. Many of us have memories of someone cooking up a meal<br />
in the kitchen or taking part in creating the food as well. With this<br />
recent habit of video cooking in my family, I wanted to instead create<br />
an app that would help make the cooking experience take on<br />
some of its more social aspects. Something that it has lost for many<br />
people as they start to live alone, travel, or are now isolated thanks<br />
to the pandemic.<br />
2 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Backstory Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Backstory 3
The Research<br />
“This habit is driven by the increase in home cooks’ creativity and<br />
confidence in the kitchen, as well as the motivation that cooking at home<br />
helps to save money (67%), eat healthier (56%) and feel good (56%).” 2<br />
The beginning stages of this project was part of a different group<br />
According to the annual Food & Health Survey conducted by<br />
the International Food Information Council; a total of 85%<br />
of participants stated that have started to do something<br />
new with their food intake since the start of the pandemic.<br />
With 60% of those participants saying that they are cooking<br />
from home a lot more often. 1<br />
Now that a year has passed, another survey conducted<br />
by the firm Hunter, has released that 71% of the people<br />
who have started to cook more during this pandemic plan<br />
to continue even after the end of the pandemic.<br />
project that I was a part of. With three others, we conducted the<br />
initial research and ideation for the <strong>Yum</strong> <strong>Yum</strong> app.<br />
To gain an understanding about how people view cooking and how<br />
they might find recipes five interviews were conducted, and some<br />
key quotes include:<br />
Question: “What could make cooking easier or more convenient for you?”<br />
Participant 1: “If I already had a source of information that would take<br />
me directly to the recipes I need at the moment.”<br />
Question: “How did you obtain the recipe, and where was the source?<br />
Any difficulties?”<br />
1 Food Dive. “Coronavirus Changed 85% of Consumers’ Food Habits.” Accessed April 4, 2021.<br />
https://www.fooddive.com/news/coronavirus-changed-85-of-consumers-food-habits/579532/.<br />
Participant 2: “I have probably researched the recipe a long time<br />
ago and try to modify my own recipe down the road. Probably<br />
used my phone.”<br />
2 Food Dive. “Survey: 7 in 10 Consumers Say They Will Keep Cooking at Home after the Pandemic.”<br />
Accessed April 4, 2021. https://www.fooddive.com/news/survey-7-in-10-consumers-say-they-will<br />
-keep-cooking-at-home-after-the-pand/593532/.<br />
4 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Research<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Research 5
A survey was also conducted with 122 participants submitting<br />
feedback. Some key figures included:<br />
• 66% preferred to use the Internet to find a recipe<br />
The Ideation<br />
• 54% cook less than 5 times a week<br />
• 30% wish they knew about more cooking/baking related events<br />
• 70% like cooking and/or baking<br />
Throughout my research I found it interesting how often people talked<br />
about cooking in a social setting. All the questions I asked and focused<br />
on, often were about the individual person, yet at some point they<br />
would bring up cooking with family and friends, or for someone.<br />
This showed me that cooking was truly a social experience.<br />
The ideation process involved several<br />
different brainstorming activities and<br />
more direct research, looking at the<br />
potential competitors the app might<br />
have to face in the future.<br />
Other key points from me research to remember:<br />
• There are a lot of people who cook at least once in a while - there is<br />
an audience to target<br />
• People don’t often follow a recipe 100% - some method of<br />
editing is key<br />
• People are already looking for recipes on their phone - so a<br />
phone app should be the deliverable<br />
6 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Research<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Ideation 7
An Affinity<br />
Diagram -<br />
a method of<br />
organizing<br />
key points<br />
that were<br />
brought up<br />
during user<br />
interviews<br />
Afterwards the group pitched things that they liked seeing in<br />
existing cooking apps, what the wished to see, and what<br />
could be a cool idea. We then broke those ideas down in<br />
a Feature Prioritization Matrix (below). This allowed us to<br />
place those notes into different categories of importance and<br />
complexity to help us understand where we might focus our<br />
ideas. The group I had initially worked on focused more<br />
on creating an app were creating and editing recipes. For<br />
my exploration, I took what we made and curated it to focus<br />
more on the social findings that were found in the research.<br />
Ideation started off with an Affinity Diagram done by my group to<br />
understand key things that participants mentioned in their<br />
interviews. We found groups of key information that included things<br />
like Paint Points, and Preferences that included highlights like:<br />
• No one liked the cleaning process<br />
• People got bored waiting for things to finish proofing, baking, or<br />
heating up in the microwave, pan, etc.<br />
People also mentioned that they all share their cooking journey in<br />
some way, for instance:<br />
• Sending pictures to friends and family - mainly of finished results<br />
• Sending recipe links when something comes out well<br />
• Also, people like cooking in groups but mainly cook alone due to<br />
either living alone, or the pandemic making things unsafe<br />
A Feature<br />
Prioritization<br />
Matrix - It is<br />
used to help<br />
come up with<br />
possible ideas<br />
for features<br />
that might be<br />
useful, and<br />
then which of<br />
those ideas to<br />
actually keep<br />
8 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Ideation<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Ideation 9
Competitive Analysis of Possible Competitors<br />
To understand what this app might be up<br />
against in the market, I looked into what<br />
competitors the app might face.<br />
Indirect Competitor | SIDECHEF<br />
Competitive Advantage:<br />
• Learn how to cook and bake<br />
from professional chefs. Users<br />
can get help with meal plans<br />
and staying inspired. Even get<br />
help shopping for groceries,<br />
by making a to buy list through<br />
a recipe.<br />
Strengths:<br />
• Has a crew of professional chefs creating recipes for the app.<br />
Enough free options to get the user hooked into the app, and<br />
enough premium pad features to entice paying users - help pay<br />
for the professionals that are helping develop the app<br />
Weaknesses:<br />
• So many premium features, so free items are buried. Long<br />
scroll down to discover more information. Videos are all basically<br />
premium - need to pay to learn a skill.<br />
Question:<br />
• Am I making a totally free app - how to compete then with<br />
professional curated content?<br />
10 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Ideation<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Ideation 11
Competitive Advantage:<br />
• An app created in 2010 focused<br />
on “capturing and sharing the<br />
I then created a storyboard, imagining a scenario where the app<br />
might be used. It would also show off some of the possible<br />
features that would possibly show up in the prototype:<br />
world’s moments”<br />
Direct Competitor | Instagram<br />
• Bought by Facebook in 2012<br />
• Features include posting<br />
photos, video reels, stories<br />
and a marketplace tab<br />
Strengths:<br />
• Easy to understand UI, and lots of easy was to share info<br />
• Free app - no need to pay for features (unless starting<br />
a professional account)<br />
Weaknesses:<br />
• To much information - need to filter out what you like<br />
• Endless Scroll Feature - is there a better option?<br />
• Algorithm problems - how can people interact with the<br />
post chronology important<br />
Questions:<br />
• How can I make sure that posts stay cooking related?<br />
• How can I ensure easy learnability?<br />
12 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Ideation<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Ideation 13
Thanks to my Ideation and Research I now knew that I had<br />
a list of features that would be great to incorporate in an<br />
app. In addition, that while there are a lot of cooking apps,<br />
The Prototyping<br />
I couldn’t find one where the social part of cooking was<br />
emphasized. So now, I sought to make an app that answered<br />
the key question:<br />
How can I make the cooking experience<br />
more enjoyable and social for anyone,<br />
especially now during this pandemic?<br />
Prototyping started with paper prototypes,<br />
then initial wireframes. The wireframes<br />
went through various stages of testing and<br />
iteration so that the end prototype would<br />
be as user friendly as possible.<br />
14 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Ideation<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Prototyping 15
Paper Prototyping<br />
I started off to flesh out what I<br />
wanted the recipe pages to look<br />
like. How I wanted filters to be<br />
shown, where inspiration could be<br />
found and what a recipe layout<br />
might look like. I believed that<br />
this would be the main backbone<br />
of the app at the time, as people<br />
most often talk about recipes<br />
when conversing about cooking.<br />
I also came up with a four-tab<br />
navigation system that would<br />
allow users to set up a profile,<br />
share their recipes, find recipes,<br />
and do a more pinpointed recipe<br />
search with various filters.<br />
Pinpointed Recipe Search Recipe Inspirations Recipe Layout<br />
16 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Prototyping<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Prototyping 17
Low Fidelity Prototyping<br />
Coming up with the initial low<br />
fidelity prototype, there were<br />
screens made for a potential<br />
onboarding process. Discovering<br />
the types of meals and cuisines<br />
the person might like before<br />
giving them recommendations.<br />
However, the prototype went<br />
through testing and in future<br />
iterations, the onboarding<br />
experience was dropped as the<br />
way that recipes are recommended<br />
changed as well. The recipe<br />
and explore events were also<br />
blocked out without text and<br />
images, so information hierarchy<br />
can be established.<br />
Possible Onboarding Screen Explore Event Screen Recipe Layout<br />
18 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Prototyping<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Prototyping 19
Middle Fidelity Prototyping<br />
The design started out with a sort of bubble inspired<br />
interface. All images being contained in a circular mask,<br />
and all buttons had rounded corners. While the round<br />
interface made people feel like the app was more vibrant/<br />
cheerful, it became increasingly hard to show how text<br />
aligned with images, and to repeat the feel of the design<br />
on different pages. Therefore, the recipe and the dash page<br />
started to feel like they were for different applications.<br />
In addition, people had a hard time finding their profile<br />
and cookbook in their dashboard page and figuring out<br />
how to share images with others was becoming increasingly<br />
hard. The app was good in helping a person find a recipe,<br />
but the social part wasn’t there. <strong>Yum</strong> <strong>Yum</strong> was losing its<br />
core purpose.<br />
<strong>Yum</strong> <strong>Yum</strong> Splash Screen<br />
Recipe Page after testing<br />
20 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Prototyping<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Prototyping 21
Therefore, on the next iterations<br />
a different color palette was tried.<br />
Many people often associate green<br />
with the forest, growth, and food,<br />
and it also has a calming feel.<br />
Therefore, the app should now<br />
stand out as a more interesting<br />
interface, and appeal to the user<br />
(opinions that were then reflected<br />
in the user testing, many did<br />
comment about liking the dark<br />
green background). In addition,<br />
the navigation introduced a fourth<br />
While, the green was well received,<br />
other colors in the wireframe,<br />
weren’t as much. So the color<br />
palette had to be developed further.<br />
In addition, people mentioned<br />
they didn’t like the name of the<br />
“feed” page, so that page had to<br />
be renamed. People responded<br />
well to the profile, once they were<br />
on that part of the app, however,<br />
they wanted the recipe page to<br />
include a link to creating a new<br />
recipe as well.<br />
tab, adding a feed page where<br />
people could then post recipes and<br />
pictures of recent food creations.<br />
Helping develop the social aspect<br />
With those key findings in mind,<br />
I started fleshing out the next<br />
iteration of the prototype.<br />
of the app further.<br />
New Recipe<br />
Page<br />
Post Page<br />
Prototype<br />
22 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Prototyping<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Prototyping 23
The Branding<br />
While working on the prototypes and<br />
fleshing out the <strong>Yum</strong> <strong>Yum</strong> functionality,<br />
I was also working on the branding of<br />
the app. The logo started off as a quick<br />
sketch in Photoshop. But, had serious<br />
flaws right from the start.<br />
Many iterations and ideas were thought<br />
up, but in the end the grainy cake with<br />
ugly type was transformed into a clean<br />
<strong>Yum</strong> <strong>Yum</strong>’s first logo - a small cake with the words up top<br />
minimalistic plate. That would easily be<br />
applied to different profile images and<br />
used at a variety of different logo sizes.<br />
24 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Branding<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Branding 25
After the cupcake, I wanted<br />
to explore logo options<br />
where food was still a major<br />
player, but the name <strong>Yum</strong><br />
<strong>Yum</strong> stood out more. But,<br />
after making the plate and<br />
letter logos (left), I realized<br />
the plate logo (top) wouldn’t<br />
scale well, and therefore<br />
wouldn’t be good to use in<br />
situations where the logo<br />
should go smaller. Also, the<br />
donut logo (bottom) did not<br />
match the flat style of the<br />
rest of the app.<br />
I started to do smaller illustrations. First, drawing the<br />
ideas out on a sticky note before going into illustrator<br />
to develop them into small icons (above). After receiving<br />
feedback, I found that many people gravitated toward<br />
the plate, and the small heart shapes in my text logo<br />
idea. Therefore, I went forward with trying to develop<br />
those ideas with color (next page).<br />
More sketches<br />
Some more developed logo ideas<br />
26 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Branding<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Branding 27
After doing the color tests, people felt like<br />
the amount of color was too busy. Eventually<br />
I combined the type and the plate idea<br />
together and made the plate predominantly<br />
white. The text could then be manipulated to<br />
then make the logo work at different sizes,<br />
and <strong>Yum</strong> <strong>Yum</strong>’s logo was finalized.<br />
Color tests of the two logo ideas people responded to the most<br />
28 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Branding<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Branding 29
Finally, I was able to create<br />
advertisement mockups of <strong>Yum</strong><br />
<strong>Yum</strong>, and explore how I might<br />
show the app on instagram or<br />
in a banner ad.<br />
30 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Branding<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Branding 31
The Final Prototype<br />
The Main Screens of the <strong>Yum</strong> <strong>Yum</strong> app<br />
The Splash Page<br />
The loading screen of the<br />
app. As the app loads, the<br />
plate lines would mimic the<br />
circular loading animations<br />
found online.<br />
32 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Final<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Final 33
The Post Page<br />
This is the landing page of<br />
the app; users would be<br />
able to share pictures of<br />
their food creations. But,<br />
images and posts would<br />
be limited to food related<br />
activities. In addition, while<br />
making the post, users<br />
would have the option of<br />
linking the recipe they used.<br />
So, people would have<br />
easy access to recipes they<br />
like they are particularly<br />
intrigued by.<br />
The Recipe Page<br />
The recipe page became<br />
the secondary page, but is<br />
still there because finding<br />
recipes is important to a<br />
lot of people. Filters can<br />
still be found at the top,<br />
and every week recipe’s<br />
would be highlighted to<br />
help inspire chefs to try<br />
new recipes. However, all<br />
the sections below it would<br />
show the recent recipes<br />
selected and viewed by<br />
friends. So the user would<br />
be able to see what kind<br />
of meals are interesting to<br />
those around them.<br />
34 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Final<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Final 35
The Events Page<br />
The page would allow the<br />
user to explore events<br />
that are happening in the<br />
area. In addition, the user<br />
would also be able to set up<br />
events with friends and<br />
family. To either cook or eat<br />
together. Create features<br />
would include the option<br />
of group video calls, and<br />
linking a recipe if groups<br />
decide to cook together.<br />
The Profile Page<br />
This is the user’s cookbook.<br />
Here is were they can see<br />
all of the recipes that they<br />
have saved, and where<br />
they can edit and add new<br />
recipes. In addition, if the<br />
user wants to show off a<br />
recipe that they have created,<br />
there is a shared tab.<br />
So, they can monitor those<br />
shared recipes, and people’s<br />
activity, like comments and<br />
reviews. Recipes can even<br />
be sorted into stacks. For<br />
easy organization.<br />
36 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Final<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Final 37
The Sources<br />
Food Dive. “Coronavirus Changed 85% of Consumers’<br />
Food Habits.” Accessed April 4, 2021. https://www.<br />
fooddive.com/news/coronavirus-changed-85-ofconsumers-food-habits/579532/.<br />
“How COVID-19 Will Affect 2020 Food Trends.” Accessed<br />
April 27, 2021. https://www.foodbusinessnews.<br />
net/articles/15762-how-covid-19-will-affect-2020<br />
-food-trends.<br />
Lempert, Phil. “Food Trends Forecast 2021: Being<br />
Healthy In A Post Covid-19 World.” Forbes. Accessed<br />
April 27, 2021. https://www.forbes.com/sites/phil<br />
lempert/2020/10/19/food-trends-2021-stayinghealthy-in-a-post-covid-19-world/.<br />
Food Dive. “Survey: 7 in 10 Consumers Say They Will Keep<br />
Cooking at Home after the Pandemic.” Accessed April<br />
4, 2021. https://www.fooddive.com/news/survey-7<br />
-in-10-consumers-say-they-will-keep-cooking-athome-after-the-pand/593532/.<br />
38 Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Sources<br />
Simona Snapkauskaite • BFA 2020 • <strong>Yum</strong> <strong>Yum</strong> • Sources 39
Thank you to John Nguyen,<br />
Saniya Arora, and Carolina Silva<br />
for being such an amazing team,<br />
and taking the first part of the<br />
<strong>Yum</strong> <strong>Yum</strong> journey with me.