29.04.2021 Views

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.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!