Airbnb Design Test

Re-imagine and redesign a digital product of your choice that showcases your skills and abilities to solve a complex problem as a designer. You can choose to design for any platform, but keep in mind the challenges that you might face designing for different platforms, especially for mobile. We are looking to assess your full creative process in this challenge: problem identification, ideation, iterations with sketches and mock-ups, a polished visual solution, and storytelling from beginning to end.

 
 
gh pizza.png

My Initial Reaction

Wow! This is both what I love and hate about design. It is so broad and I have the creative control to do whatever I want.  My initial thoughts go to products that are massive and constantly redesigned (Wikipedia and LinkedIn come to mind). Those products are just so massive that an 8-12 hour redesign would not do them justice. So I narrowed my scope. I would like to tackle a consumer-facing-mobile layout, a payment system, and something that I can make marginal improvements, and help increase accessibility. After playing around with a few concepts I decided to do a redesign of GrubHub’s app.


GrubHub at a Glance

GrubHub is a mobile ordering platform that connects diners to local eateries. It has a wide gamut of clientele who order from over 50,000 restaurants in the country. GrubHub is the umbrella brand for 8 similar ordering platforms including Seamless. GrubHub improves the ordering experience by being upfront with a massive collection of menus, reducing processing time, and order accuracy. GrubHub’s inadequacy is that it is not tailored to the user beyond recognizing their last order. This means, it doesn't adapt to customers ordering habits. I am going to focus on the consumer experience of this application. Within that I will further focus on the browsing and ordering experience. This is the primary use of the application and although they recently redesigned their icon and platform, the app could use a bit of a revision.

ghub.png

pizzaguy.png

User Story

Carlton is a 34-year-old Chicago school teacher. He works hard and stays after school to grade papers and often exercises after work. This means he is tired on his ride home, and although he tries to eat healthy food he ends up ordering takeout at least once a week. On the weekends he goes out to his favorite bars and drinks with his buddies. Sometimes on Sunday mornings he will wake up with a pizza on the couch next to him. He doesn't own a car and he rides the Blue Line to and from work everyday. He loves the Bears, Bulls, and Cubs. His nights are spent plopped in front of his TV, watching Netflix. He eats on his couch about as often as he eats at the table.

We’ll pick this up later.


A User's Experience

A user like Carlton gets home after a long day and then has to meticulously select and procure his food. He is tired from his workout and it’s a Thursday night, so the house is running low on groceries. He loads up the app, spends some time browsing, has a quick internal argument on whether he wants Chinese or Mediterranean food. He chooses a Mediterranean spot 3/4 of the way down the list, because the delivery won’t take long, it’s cheap, and has a decent chicken salad. It took him 10 minutes to pick out the restaurant. He selects a gyro and a falafel sandwich. After he has confirmed his order, he is taken to another review screen for payment. Again he gets to check his order and chooses to pay with Apple Pay. He plops down on the couch, watches the new season of Chef's Table on Netflix. Halfway into the episode the food is delivered and he can enjoy.

sleepzaa.png

User Story

No user personalization

Feed is overwhelming

There is no indication of the food items users can order from a restaurant from the priliminary screen

Ordering process is tedious

My critique of these pages follows


Solution

My overall impression of this application is that while the experience is good, it requires refining and tightening up. A user can spend nearly 10 minutes scrolling through restaurants before they pick one. They have to contend with a million options. The confusion around the ordering process needs to be improved. Users will be turned off by the complexity of the process. Something can be done!

I aim to:

  • Simplify

  • Add breadth and space to the visual design in order to clarify

  • Maintain the pleasant vibes

Redesigning the app doesn’t mean a massive overhaul but instead it needs an editor. In my experience, an editor’s role is to remove excess while maintaining the integrity of the product’s story.

gaga.gif

My Assumptions

My Assumptions:

The user is logged in

The user wants food ASAP

The user has preferences that are important to them when ordering food

When ordering food, convenience is the user’s priority. This is why people order food instead of making it. They don't have time, talent or means that making food requires.


Sketches

The success of this app requires a more visual, intuitive design. Making the app more user friendly will help make users decisions clear. Cards, an increase in white space and better transitions would create clarity.

New Features to Aid Users

After researching I discovered that too many options results in a negative outcome for the user. To capitalize on this idea I want to work in a new type of card that offers a simpler ordering experience. The goal is to avoid an over-burdened process and skip most of the decisions a user has to make to order food. 

The research says too much choice creates negativity so I added an option that removes too much choice. This creates a fast and efficient ordering experience.

It's like Amazon Dash for the food a user wants. Push for Pizza experimented with this idea. Access to previous orders and a data model, will help GrubHub understand what a user wants. Why not take advantage of this?

The flow for this is to first open the app and then BOOM, a user is hit with what they want. Users use Apple Pay and are just a confirmation away from their fufillment. No browsing, just food.

This is a some example motion flow, click to play

3.png
2.png

Outcomes

Users need to get to their intentions as fast as possible. Promote the food users want. Leave off unnecessary UI and UX chrome. This experience maintains the GrubHub flare while making the process easier for the user.

hotandfresh.gif

The User's New Story

GrubHub applies the new logic I have made for their app.

On a Saturday, Carlton goes out on the town. After a few drinks he comes home tipsy, tired and starving. He browses GrubHub. When he launches the app he sees an option for a large pepperoni pizza. Without hesitation he taps the card and is prompted to pay. After a moment of drunken difficulty he manages to scan his thumbprint for the Apple Pay confirmation. He has an impromptu karaoke session and just as the neighbors bang on the walls, the pizza shows up. Viola! Carlton is satisfied.


Research

GrubHub Blog

http://get.grubhub.com/blog/3-ways-to-increase-efficiency-with-online-ordering.html

 

GrubHub About

http://about.grubhub.com/about-us/what-is-grubhub/default.aspx

 

Prospect Theory

Daniel Kahneman and Amos Tversky

http://www.princeton.edu/~kahneman/docs/Publications/prospect_theory.pdf

 

All roads lead to Rome: The impact of multiple attainment means on motivation. 

Huang, Szu-chi; Zhang, Ying

 

Material Design Accessibility Guide

https://material.io/guidelines/usability/accessibility.html#accessibility-principles

 

Vox Accesibility Checklist

http://accessibility.voxmedia.com/

 

Push for Pizza

http://pushytest.businesscatalyst.com/

 

How do people choose their food

http://scienceblogs.com/worldsfair/2007/08/21/how-do-you-choose-your-food/