2 of 38

HANGRY APP OVERVIEW

Diana, Bianca, Cathy, Rogelio

THE PROBLEM: �Picking where to eat can be complicated. People have different opinions of where they want to eat and can disagree, which makes it difficult and time consuming to make a decision on where to eat!

THE SOLUTION: �Create an app that helps people decide, with another person, where they want to go eat, in a fun and fast way!

OUR ROLES: UX designers

TOOLS: Miro, Excel, Figma, Google Slides, Invision

3 of 38

SHANNON SMITH

29, Office Manager

DEMOGRAPHICS

Has significant other she lives with.
Lives in townhome in popular part of city.
Likes to be social & is active on social media.
Loves to go out to eat & try new restaurants.

NEEDS AND GOAL

Wants restaurants to be close by
Needs restaurants that her & significant other can agree on
Love to stay in the mid range of cost.
Likes to have restaurant picked out before leaving house
Would love app that allows her to pick restaurants that they both can agree

FRUSTRATIONS

Biggest frustration is long research on next restaurant to try.
Sometimes hesitant to try new cuisines because not sure if she will like it
There are a lot of places she wants to try but can’t remember them all when the time comes to decide

Proto Persona

4 of 38

HANGRY APP

User Research

5 of 38

THE PROCESS

HANGRY APP

01. THE PROCESS

02. USER RESEARCH

03. DEFINITION

04. IDEATION

05. COMPETITOR ANALYSIS

06. USER FLOW

07. PROTOTYPE

08. MID-FID PROTOTYPE

9. TESTING

10. FINAL THOUGHTS

To help us gain insight for our app we created research objectives, did a Facebook poll and conducted 5 interviews.

1X1 Interviews

Facebook Poll Participants

Research Objectives:

Objective 1: Identify how people choose a place to go eat
Objective 2: Identify people's pain points when deciding on a restaurant
Objective 3: Identify how people decide on a restaurant in a group setting

Created Research Objectives

6 of 38

FACEBOOK DATA POLL

Text

01. THE PROCESS

02. USER RESEARCH

03. DEFINITION

04. IDEATION

05. COMPETITOR ANALYSIS

06. USER FLOW

07. PROTOTYPE

08. MID-FID PROTOTYPE

09. TESTING

10. FINAL THOUGHTS

HANGRY APP

7 of 38

FACEBOOK DATA POLL

HANGRY APP

01. THE PROCESS

02. USER RESEARCH

03. DEFINITION

04. IDEATION

05. COMPETITOR ANALYSIS

06. USER FLOW

07. PROTOTYPE

08. MID-FID PROTOTYPE

09. TESTING

10. FINAL THOUGHTS

Most common Answer:

8 of 38

1X1 INTERVIEW PLAN

The interview plan is to narrow our interviewees to just 5 people. The questions that were included on the 1x1 interviews were to help us better understand what kind of mobile app that is needed to solve the major problem(s) of picking restaurants. Below are samples of our questions.

Can you tell me about the last time you went out to eat?
Can you tell me about a typical week for you as far as your eating patterns?
Who do you usually like to go out to eat with?
Describe the process of how you usually decide where to go eat?
Tell me why you choose a particular restaurant?
What do you think about trying new restaurants and why do you feel this way?
Tell me about factors that influence your decision making when deciding on a restaurant.
How do you communicate decisions during that process?
What makes a restaurant memorable to you?
If you are in a group of people you didn’t know very well, and you needed to choose a restaurant for everyone, how would you decided?
How does the size of your group affect your decision making for choosing a restaurant?
Any other factors you think about when trying to make a dining out decision with a group?

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Excel Interview Transcripts Link

HANGRY APP

9 of 38

THE INTERVIEW 1X1

SARAH - 40

Sarah is married and a mom of 2 children. She likes to eat when it is convenient for her and her family. She especially likes to have date night and dinner alone with him. When they have dinner alone, she usually lets him pick what he wants to eat. His favorite food is BBQ and hers is Asian. Some week nights, she doesn’t feel like cooking and she will order take out for the family. She lets her children pick what they want to eat. They normally pick Burger King or McDonalds. When in large groups she will let other pick the restaurant.

ANDREA - 43

Andrea is married mom to 3 grown boys. She works with her husband doing UberEats. They eat out almost every day. If they get hungry while working, her husband throws out ideas she usually picks the restaurant. They tend to Eat at Las Palapas because of their loyalty rewards. Price is a big deciding factor when picking where to eat. When in large groups, she tends to recommend places that can accommodate a larger group, have a variety of food options, and affordable prices. Her biggest frustrations are with food that taste bad and cleanliness.

IRIS- 36

Iris is not married but has a spouse and no children, but has 3 pets! She enjoys going out to eat very often and considers herself a foodie. She goes out to eat with coworkers, friends and her partner. Making the decision can sometimes be difficult because there are so many great options out there and even more she wants to try. However, often, she is getting off of work and already hungry so needs to make a fairly quick decision. She likes great service and quality food and places that are covid friendly.

MICHAEL - 36

Michael is a single guy, no kids but does hang out with family and has 4 nieces. He enjoys going out to eat every Friday with family sometimes Saturdays. He likes trying new places , with new foods. Making decision depends on with whom he is with. Family most commonly decides via text group chat. Friday after work , hope for a place with pretty decent fast service or relaxing place to hang out with Family after a long week. Enjoys good service and food with good ambience, spacious.

IVAN - 25

Ivan is a single guy that only likes to go out with his friends. He is still in college and goes to a lot of bars on his days off.

He also works full time as a sales representative at a car dealership, which brings him a lot of stress in his daily life. When he decides to go eat with his friends, he lets his friends choose the place they will go to, or he just relies on google reviews. For the most part, he only likes restaurants that do not involve families (mainly kids.)

10 of 38

INTERVIEW TRANSCRIPTS

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Excel Interview Link

HANGRY APP

11 of 38

AFFINITY DIAGRAM

Interview Feedback

Full Affinity Diagram grouped into categories

Miro Board Link

HANGRY APP

Important takeaways:

People want to go out eat because it’s easier than cooking and they can be with fam/friends
Everyone has different preferences, depends on what they are craving in that moment - and this is how they decide where to go
People get “hangry” when deciding takes too long

01. THE PROCESS

02. USER RESEARCH

03. DEFINITION

04. IDEATION

05. COMPETITOR ANALYSIS

06. USER FLOW

07. PROTOTYPE

08. MID-FID PROTOTYPE

09. TESTING

10. FINAL THOUGHTS

12 of 38

Andrea Vasquez

DEMOGRAPHICS

She likes to eat out a few times a week with her husband.

They like to stay local when dining out

She also likes to read reviews of places before she goes

She will sometimes use her map on phone to look for new restaurants nearby.

NEEDS AND GOALS

Looks for short wait times

Wants locally owned restaurants that are close by

Wants to have a great date night

Loves a great dining experience from the moment she walks in.

Great service is something that will make her return after trying a new place

Wants to try more new places

FRUSTRATIONS

Gets frustrated when wait times are long.

Gets frustrated when trying new restaurants & she doesn’t enjoy the experience

Has concern for covid restrictions

Hates not knowing how expensive the restaurant is.

Gets frustrated when she and her husband go back and forth on trying to decide where to go

User Persona

• 40 Years Old

• Married

• Sales Representative at an Ad Agency

•

13 of 38

HANGRY APP

DEFINITION & IDEATION PHASE

14 of 38

USER INSIGHT

Andrea needs help finding a restaurant that is local and she needs help finding a match that can be agreed upon.

During HANGRY user interviews, we discovered that people like to eat local, but have a hard time deciding where to go. They also want to have a good experience when trying a new place.

By creating HANGRY app, we will enable users to find a restaurant by just swiping left or right. This enables a quick decision when ruling out (or in) dining options. This will take out the stress and time consumption of the back and forth of trying to decide.

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

HANGRY APP

15 of 38

PROBLEM STATEMENT

Deciding on a restaurant with a significant other can be stressful and time consuming. People need a way to make those decisions with their dining companion in a quick manner that still lets both people get exactly the type of restaurant they desire.

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

HANGRY APP

16 of 38

IDEATION - Dot voting on features

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Link to: Miro Board

HANGRY APP

17 of 38

FEATURE PRIORITIZATION MATRIX

Miro Board Link

Filter for locally owned restaurants
Happy Hour is visible if it’s offered
Quick snapshot box of amenities listed below restaurant name
Save to favorites by clicking on heart symbol. Creates a list to go back to
Distance filter marker. Can adjust by sliding dot to desired distance to filter places by distance
Star rating on each restaurant that links to reviews
Swiping left or right is a fast way to rule in or out a restaurant

HANGRY APP

01. THE PROCESS

02. USER RESEARCH

03. DEFINITION

04. IDEATION

05. COMPETITOR ANALYSIS

06. USER FLOW

07. PROTOTYPE

08. MID-FID PROTOTYPE

09. TESTING

10. FINAL THOUGHTS

18 of 38

VALUE PROPOSITION

With HANGRY app, we will enable a stress free dining decision for users and their dining partner. We take the stress out of deciding where to go by allowing users to “match” with a restaurant by swiping left(no) or right(yes) on the options presented to them based on their preferences.

We believe we are different because we take into account all the restaurants nearby, show a clear restaurant overview in one glance, and enable users to have a unique and fast decision process by picking YES by swiping right and NO by swiping left.

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

HANGRY APP

19 of 38

STORYBOARD

HANGRY APP

01. THE PROCESS

02. USER RESEARCH

03. DEFINITION

04. IDEATION

05. COMPETITOR ANALYSIS

06. USER FLOW

07. PROTOTYPE

08. MID-FID PROTOTYPE

09. TESTING

10. FINAL THOUGHTS

Figma Storyboard Link

20 of 38

USER JOURNEY MAP

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Figma User Journey Link

HANGRY APP

21 of 38

HANGRY APP

PROTOTYPING

22 of 38

COMPETITOR ANALYSIS

In this section, we will be taking a look at four different competitors so that we may better understand what products are already out there. We define a competitor as any product that is in competition with our product and can take away any of our potential users of our HANGRY app.

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Indirect Competitors

Comp Analysis Excel Sheet Link

HANGRY APP

Competitors

23 of 38

COMPETITOR ANALYSIS:

Restaurant Roulette

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Can search based on different forms of location. Adjust the distance and price range to filter out places.

Select from the list places to add to your spinning roulette list or select all of them.

Once you have list ready , you spin and can spin again if liked. Or Remove as you go till only one left. However you choose to play to decide on a place. .

Provides a bottom menu for creating list for future use. Or save favorites to reference back to .

HANGRY APP

24 of 38

COMPETITOR ANALYSIS:

Yelp

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Variety of filter on top bar from food style,price, type of place, and distance etc.

Bottom menu you use to maneuver thru the app. You can log in to save places to a list.

Gives detail of each place , from rating, price point , location, bottom gives type services, some places offer reservations.

You have the option to review yourself and upload photos , give feedback .

Top Search bar.

HANGRY APP

25 of 38

COMPETITOR ANALYSIS:

OpenTable

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Easy upper navigation bar

Options separated by cards

Easily select times available tonight

Helpful lower navigation bar

Already categorized options based on filters or amenities

HANGRY APP

26 of 38

COMPETITOR ANALYSIS:

Resy

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Search bar in convenient place, however there are only a few options that pop up

Map makes it convenient to see actual bird’s eye view

Convenient real time times that are available

Shows options with nothing available, but you can be notified if something comes available

There is no lower nav bar, so there is really only one thing you can do with this app

HANGRY APP

27 of 38

INDIRECT COMPETITOR ANALYSIS

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Cooking at home:

Benefits - You have control of the meal, you save money (except any $ spent buying food, but generally is less expensive), and you can dress how you want!

Weaknesses - More effort to cook, especially for a group, and you have to deal with clean up

Word of mouth recommendation:

Benefits - You get a real life review and a recommendation for a place from a person you know.

Weaknesses - If you end up having different standards or preferences than that person, you could end up having an experience you didn’t want.

HANGRY APP

28 of 38

USER FLOW

Link to: Miro Board

Step 1: "Start/Welcome”

Step 2: Our user is welcomed back, since they are not new to the app and have used it before they are already logged in

Step 3: they are prompted to ask someone to dinner/to play the matching game with

Options for this:
they can add someone from their contacts
they can pick from a list of recent dinner mates
or they can add someones phone number manually
(optional) they can let the app know what that person is to them - ex: friend, family, or date

Step 4: They pick their preferences for dinner

1. (optional) they choose their distance they'd like to stay within
2. (optional) they choose their prefernces/filters - like Locally Owned, Outdoor patio, etc.
3. (optional) they can choose type of cuisine like - Mexican, Chinese, BBQ, Americal, etc.

Step 5: They can start swiping - An option comes up as a card - complete Restaurant Name, Pictures, Rating, distance, a heart to add it to favorites, wait time if available, some bullet points for restaurant "amenities" and a small description of the restaurant. They can swipe LEFT if they don't want to go there, or RIGHT if they would like to go there.

Step 6: Once the user and whoever they are playing with both swipe right on the same restaurant - they are told that they matched! The card is visible on the screen with more options like - directions, call the restaurant, wait times, see menu, make a reservation if available....

Start/welcome back screen
Decisions: Invite someone to dinner?

Add from contacts OR
Add manually OR
Add from ‘Recent Invites list

Select who you’d like to use the app with from list
Start picking your preferences

Distance from you
Type of place (outdoor, has bar, etc.)

Type of cuisine you want

5. (assuming your partner has done the same) Start swiping!

6. Swipe LEFT for NO, if you don’t want to go there, swipe RIGHT for YES, if you do want to go there

7. Once both people swipe RIGHT on an option, they have MATCHED, decision made

8. You can click on the restaurant for more info (directions, call the restaurant, menu, etc.)

29 of 38

SKETCHES

Second Screen

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

In common

Two ideas from two different people have shown the second screen as the set up for the app while inviting someone by adding a phone number.

Possible Features

Having a “invited recently” section
An option to specify who that person is for you
Give access to contacts

HANGRY APP

30 of 38

SKETCHES

Restaurant Detail Screen

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Overview

These four screens made by all team members represent the most important feature of all: The swiping list of restaurants along with their general information.

Possible Features

Save for later (heart)
Verified by customer’s reviews (star)
How far the place is

HANGRY APP

31 of 38

DIGITAL WIREFRAMES (Mid Fidelity)

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

Mid Fidelity Prototype link

HANGRY APP

32 of 38

HANGRY APP

TESTING & ITERATION

33 of 38

USER TESTING

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

HANGRY APP

User Test 3

User Test #1

34 of 38

USER TESTING

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

HANGRY APP

Excel User Testing Link

35 of 38

PROTOTYPE ITERATIONS

Adding more information on what swiping left or right really means
Liked the app concept
Would have liked to have seen more details & pictures
User suggested testing on a higher fidelity prototype
Added confirmation that they had matched
Added more buttons to make things more clear

HANGRY APP

01. THE PROCESS

02. USER RESEARCH

03. DEFINITION

04. IDEATION

05. COMPETITOR ANALYSIS

06. USER FLOW

07. PROTOTYPE

08. MID-FID PROTOTYPE

09. TESTING

10. FINAL THOUGHTS

36 of 38

IOS MOCKUP

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

HANGRY APP

Figma File Link

37 of 38

IOS PROTOTYPE

01.WHAT WE DID

02. THE PROCESS

03. USER RESEARCH

04. DEFINITION

05. IDEATION

06. COMPETITOR ANALYSIS

07. USER FLOW

08. PROTOTYPE

09. MID-FID PROTOTYPE

10. TESTING

11. FINAL THOUGHTS

HANGRY APP

Figma Prototype Clickable

38 of 38

FINAL THOUGHTS

& FUTURE IDEAS

In our HANGRY case study, we learned that it is very important to do lots of user research. We also learned that asking the right questions is important so we can get the right feedback for the app. It is important to see exactly what the main priorities/goals of the user are. From our research we have created an app that allows people to make dining decisions quickly and agreeably with another person. Our app is faster than doing online research because it gives you a quick overview of the place, and let’s people make a decision quickly and get what they and their guest both want. We hope people will have fun and love to use Hangry!

HANGRY APP

01. THE PROCESS

02. USER RESEARCH

03. DEFINITION

04. IDEATION

05. COMPETITOR ANALYSIS

06. USER FLOW

07. PROTOTYPE

08. MID-FID PROTOTYPE

09. TESTING

10. FINAL THOUGHTS

In the Future we would love to incorporate:

A way for groups to use the app together
Feature for seeing current wait times at restaurants
Feature for making a reservation from the app