contents
i. overview
iii. the visual culture
a. introduction to Quickeats
a. primary symbol b. color palette c. typography d. imagery
ii. why make Quickeats
iv. how it works
a. field research b. product research c. scenarios
a. task diagram b. product use
With an university campus in mind, Quickeats is designed to help students, faculty and staff discover how long they will wait in line and display alternatives, near the user, with shorter wait times.
field research
why make Quickeats Studying, working and living in an urban environment presents challenges to accessing quick food options. During peak hours, any given restaurant will experience heavy traffic in their establishment. While this is great news for business, long wait times can deter potential customers. Many customers run on tight schedules and can only allot small amounts of time dedicated to finding a place to eat. A typical 30 minute lunch break consists of a third of time dedicated to commuting to and from the restaurant; while the other time is reserved for ordering, picking up and consuming the meal. Depending on the location, an individual can either breeze through a short wait line or spend most of their break waiting in line.
field research
surveying
general statistics An online survey was conducted to analyze the prospect user’s habits. The questions had focus areas based on location, time, and preference.
164 responses
Bleecker St
Market 810-2-GO
Questionnaire was sent out as a Google Form via Facebook to multiple VCU groups.
Cary Street Market
Nao & Zen
Chick-fil-A
Panda Express
Croutons
Raising Canes
Einstein Bros
Starbucks (Library)
IHOP
Subway
Jonah’s (MCV)
Taco Bell
Market 810
Wendy’s (MCV)
32 questions
vcu restaurants
target non-vcu restaurants Alchemy Coffee
Jersey Mike’s Subs
Asado Wing & Taco
Jimmy Johns
Bodillaz
Mama’s Kitchen
Classic Rock Coffee
Noodles & Company
Chipotle Mexican Grill
Papa Johns
Christian’s Pizza
Panera Bread
China Dragon
Piccola Italy
City Gods
Tropical Smoothie
Cold Stone Creamery
Saigon Restaurant
Dominos
Sakura
Elephant Thai
Shawarma Shack
Five Guys
Starbucks (Broad St)
Ipanema Cafe
Subway (Broad St)
Thai Top Ten
Urban Farmhouse
field research
vcu restaurants non-vcu restaurants academic buildings
insert: MCV campus
target restaurants map
field research
location-based questions
If you are at Harris, Temple, or Oliver [academic halls] during lunch time, where would you go to grab lunch?
Chick-fil-A
Subway
Taco Bell
50.8%
36%
36%
walk 10 mins
drive 10 mins
walk 5 mins
55.7%
22.1%
16.8%
If you are at home and you want to go out to eat, how far are you willing to go to get food?
field research
time-based questions
You are hungry and craving a specific restaurant, however the line is long. How long are you willing to wait in line?
10-20 mins
5-10 mins
20-30 mins
41.2%
21.4%
20.6%
Chipotle
Thai Top Ten
Five Guys
52%
36%
28%
Which non-VCU restaurant(s) do you prefer to eat at for dinner (between 4:00pm – 10:00pm)?
field research
preference-based questions
sample questions If a VCU restaurant has a long line (i.e. 15+ minute wait), what would you do?
go to a non-VCU
try another VCU
stay in line
restaurant
restaurant
23.1%
46.2%
30.8%
american
east asian
mediterranean
88.5%
73.1%
61.5%
Which cuisines do you like?
field research
link to results
Foodie survey 1
https://goo.gl/cLlGFA
Foodie survey 2
https://goo.gl/FyhazH
field research
Surveying user behaviors while waiting in line was conducted to see how long people stay in line and what they do while they are waiting. At least 40% of people in line will use their phones to pass the time. If people are in small groups, they will converse with their friends or colleagues.
user perspective
product research
why make Quickeats Currently, there are small number of tools that present an estimated wait time at most restaurants. Many customers are unaware these solutions and are left to guess how much time they will waste precious time waiting in a line at a restaurant.
product research
NoWait is a native iOS app dedicated to searching for restaurants current wait times and allows users to place themselves on the restaurant’s waitlist from their phone. NoWait has two apps: an app for hosts and for guests. The app is limited to participating restaurants that use the NoWait host system.
app comparison
product research
What’s the Wait is a webbased app that functions similar to NoWait. This app allows the end-user to manually input wait times for specific restaurants. The app hasn’t transitioned from its web-based platform.
app comparison
This page is intentionally left blank
product research
The data is based on Google’s Popular Times historical data reference, which suggests the best time to go to a specific restaurant.
data sourcing
scenarios
why make Quickeats To eat now or to eat later? It can be difficult to solve especially when you only have 10 mins to travel to a restaurant, decide what to eat, eat the food, and leave. Sometimes you may have larger grace period. What if you were new to a location? You could ask people for the best places to eat but its based on their personal preferences, not yours. Quickeats at its core was designed with these things in mind. Here are two stories of potential user scenarios and how Quickeats can aid them in their quest to satisfy their hunger.
scenarios
the hungry student
Jade is a junior in the School of the Arts. She has a tight schedule, starting with a 9:00am class and ending at 4:50pm. Most of her classes are a Franklin Terrace which is close to some VCU-owned restaurants. There is a break between her 12:00pm and 1:00pm classes. Usually Jade will grab lunch at the University Student Commons, however the lines tend to be very long around lunch time and it is a far walk from Franklin Terrace. Most of the restaurants near the core of the campus are always full during lunch time. However, there are pockets of time where Jade’s favorite restaurants have light lines. Currently, she isn’t aware of the Google Popular Times feature so Jade can’t adequately account for the length of time she will have to endure waiting in line. Using Quickeats, Jade is able to check the current wait times as she leaves class. She will be able to avoid being late for her 1:00pm while still being able to get food from her favorite restaurants.
scenarios
the new student on the campus
Abel is an prospective international student on a college tour of VCU. As a student from Lebanon, he is unfamiliar with majority of the restaurants on and off the VCU campus. As the orientation group tours the University Student Commons, he asks his orientation leader where are the best places to eat. The orientation leader mentioned restaurants VCU offers while suggesting Abel to download Quickeats. After establishing his profile, the map populated with restaurants based on his tastes. A new, local lebanese restaurant sparked his interest and Abel proceeded to Shawarma Shack. With the help of Quickeats, Abel was able to discover a restaurant based on his cuisine preferences.
primary identity
the visual culture
primary identity
The logomark promotes happiness with bright color palette and satisfaction with the happy face in the Q. Both characteristics are the end product of how users feel when they use Quickeats.
logomark
branding identity
Along with the full color identity, Quickeats can be broken down into by the main colors or single colors, including an all white configuration.
logomark
branding identity
secondary identity
Meet Quicke, your assistant to getting you to satisfy your hunger. He likes to be full just like you but when he has to wait in line, he gets a little yellow. When he is starving and unsatisfied, he gets red.
Quicke also has other thoughts beyond his facial expressions. When Quicke likes a restaurant, he loves it. He can warn you of a long wait ahead.
40
branding identity
An assortment of icons used within the app.
icons
color palette
the visual culture Quickeats uses warm and inviting colors throughout the experience. Colors were carefully selected based on user tests, surveys, paint tests and anything else Quicke found in the paint shop.
branding identity
R: 94 G: 202 B: 106 HEX: 68be6b
R: 226 G: 194 B: 100 HEX: e2c162
R: 92 G: 51 B: 73 HEX: bf344a
color palette
branding identity
R: 47 G: 101 B: 53 HEX: 2e6636
R: 113 G: 97 B: 50 HEX: 706133
R: 115 G: 19 B: 34 HEX: 721121
color palette
typography
the visual culture Quicke is fun. Quickeats is fun. Quickeats is visually expressed with a playful typographic system based around a expansive, rounded typeface called Museo Sans Rounded.
branding identity
typography
Typeface
Museo Sans Rounded
Header
Museo Sans Rounded 900 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Subheaders
Museo Sans Rounded 700 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Body
Museo Sans Rounded 500 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
task diagram
how it works Quickeats is built around three intuitive features: the Profile, the Map and List views. The secondary features are the Filter and Search tools. The Profile controls how the user can input and modify the presented information. The Map view shows an overview of all or a filtered view of participating restaurants. The List view follows suit to the Map view, introducing the Restaurant Card. The Restaurant Card features the basic information about the shop and an embed menu.
task diagram
app architecture
Quickeats has a schematics plan that is based around the Profile, Map and List. The secondary functions are Filter and Search.
profile
create account
sign in
add basic info
enter preferences
profile picture location restaurants cuisines dietary options
ch ar
list
se
fil te r
map
select restaurant
select restaurant
select restaurant
view info
view info
view info
favorite restaurants cuisine type wait time
product use
how it works The moment you have been waiting for! This section will feature how to use the app. We will focus on setting up a profile and searching for a restaurant using the Map and List views. The hunger is over...
task diagram
When a user begins the app, they are prompted to login or create an account. In this case, we will create an account.
setting up your profile
9:41 AM
100%
The user will need to register using their Name, a Phone number, and Password.
9:41 AM
100%
The Profile screen allows the user to customize their account details, picture and preferences that will modify the default map and list options.
9:41 AM
100%
The user will have to visit each screen at least once in order to finish the setup process.
setting up your profile
task diagram
9:41 AM
100%
The Location screen allows the user to either manually enter their location or give Quickeats permission to use the GPS to determine their current location.
9:41 AM
100%
The Restaurants screen allows the user to select their favorite restaurants based on what is popular near them or by searching for a restaurant.
9:41 AM
100%
The Cuisines screen allows the user to select their favorite cuisines based on what is popular near them or by searching for a cuisine.
9:41 AM
100%
The Dietary screen allows the user to select their dietary preferences.
task diagram
Whew. We made it to the meat of the app! You can discover restaurants near you and see how long the wait is.
finding food using the map view
9:41 AM
100%
Quicke scouted your local area and is reporting how the line looks. Green Quicke says you’ll be in and out. Amber Quicke says it’s going to be a while. Red Quicke says you might have to camp out.
9:41 AM
100%
If there are multiple restaurants in a small area, Quicke will be thinking with three periods.
9:41 AM
100%
Tap on a Quicke and he will tell you how long you will wait, and other great information.
task diagram
finding food using the list view
Maybe you aren’t that visual, you can try out the List view.
9:41 AM
100%
The List view is populated with the restaurants near you and by the wait time, by default. This will change depending on your Filter options.
9:41 AM
100%
Tapping on a restaurant will bring up its Restaurant Card. The Info section features the same information as the Map view but with a little more information.
9:41 AM
100%
What’s on the menu you may ask? A full menu is presented in the Menu tab. Depending on the restaurant, the suffixes will mean different things. For this example, e means entree and m means meal.
gdes
Brandon Shields GDES 347 Interaction I