A cover image of a three mobile screens of the Yelp app.

Top Matches for Food

Deliverables
Mobile app prototype with added feature
Responsibilities
Research, Competitive Analysis, Problem Solving, Ideation, Information Architecture, Design, Prototyping, Usability Testing
Timeline
1 week
Role
Sole Designer

Before

Screenshot: Yelp's 2022 app search results. From top to bottom: search bar on top of a zoomed out map with many pins, numbered and starred. Below the map is a sheet that you can pull up to see results.

After

Re-designed Yelp screen: Search results. From top to bottom: Map with pins marked by ratings, a star, or a bookmark icon. Below the map is a sheet to pull up for a list of search results.

Top Matches for Food on Yelp

This was a conceptual project inspired by a day at the beach in summer of 2022. After swimming at Rockaway, a friend suggested looking for a local dinner spot on Foursquare.

"Why not Yelp?"
"Yelp is so yesterday" 

Illustration: Yelp's hamster mascot Hammy. Hammy is on a beach, smiling and lying down beneath a beach umbrella.

This is Hammy, Yelp's little-known mascot

"Yelp is so yesterday"

My first thought was "Oof, Foursquare is outdated" (although I hadn’t looked at it in years) but then I realized what she said about Yelp is not wrong. I’ve been using Yelp for a long time, but primarily rely on Google Maps now.

For context, here are some of Yelp’s current screens compared to a newer app called Seated, a competitor that “pays you to eat” at restaurants. 

Yelp (est 2004) - 2022 App

Screenshot: Yelp app's homepage in 2022. From top to bottom, the screen has a search bar, 8 or so icons to look into options such as restaurants, repairs, etc, then a statement that says "your reviews make a difference".Screenshot: Yelp's 2022 app search results map with a selected result card on top of the map. The results are numbered on the map.

Seated (est 2017) - 2022 App

Screenshot: Seated app's homepage in 2022. From top to bottom, the screen contains a search bar and map, call-to-action to earn rewards, and a carousel of food options.Screenshot: Seated 2022 app's search results on a map. The search results are marked by percentages, which match the Rewards icon on the navigation. Assumption is that the percentage is the reward percentage you can get from your bill at the restaurant.

Research

Research Methods

  • Interview
  • Competitor Analysis
  • Literature

Age Group focus: 18-34
Interviewees: 10

Visual of user interview summary:
White text bubbles "what do you use to find good food" and "what has your experience been like?" There are 3 different Hammies representing different interview participants. Hammy 1's bubble says "Google Maps". Hammy 2's bubble states "When I was visiting NY with professors, I suggested going to a restaurant I found on Yelp. It was completely empty. I felt like an idiot. The 4.7 rating must've been from reviews from tourists who'd give it 5 stars. I wish I could only see reviews from locals." The last Hammy has a Yelp elite label and says "I wish I could make a list and send it to friends to decide."

Findings

  • Most users refer to another app first for food recommendations (60% use Google Maps)
  • Users are having trouble finding places to eat with other people in mind. Reviews in general are not meeting their needs, not coming from people users would trust for recommendations
  • Only 2 of the 10 users love yelp
Illustration: Yelp's hamster mascot Hammy. Hammy is smiling with a sprinkled donut.

Goals

For users to

  • Easily browse
  • Easily plan for group events
  • Find trustworthy reviews

For the business to retain and gain more users

1 of 3

Top Matches via Reviews

Problem

Users cannot easily find sources/reviewers they trust most. How might we easily find more relevant information?

Solution

Add Feature: Top matches via reviews and personal ratings

The Thinking

How do you assess compatibility between reviewers?

  • The ratings are sometimes not that reliable because it’s from reviews from a wide range of people with different preferences.
  • Yelp should weigh how close the reviewers are to your preferences.
  • Match reviewers to each other and to restaurants by a shared history of similar reviews and ratings at the same places.

Top Matches via Reviews

How it Works

Features
  • Suggestion section in Search Results
  • Personally rate on restaurant listing
  • Personally rate in a 2-step process
  • Relevant reviews labeled with "Similar Palate"
General Flow
  • Browsing User gives a review or personal rating
  • Yelp shows Top Matches and relevant reviews based on shared histories
  • Businesses gain customers who would likely love their food

Top Matches via Reviews

User Test Feedback

User, 29
I typically don't rate but the flow was short and not disruptive. Think it would make it easier to review.
User, 31
I'm hesitant to give my data with Facebook and Google but I’d be okay with Yelp, especially if it can decrease my browsing time from 10 minutes.
Software Engineer, 30
Feasible considering how Twitter and Instagram does something similar [with matching users]

2 of 3

Highlighting Collections

Problem

Users have a hard time efficiently planning where to eat with other people. 

Solution

Optimize Collections for a smoother sharing experience

The Thinking

Considering the habit of people sharing links via text, I saw an opportunity with Yelp's existing feature Collections, which is like Google's saved bookmarks.

However, in user interviews and tests, only 1/15 people knew that Collections existed on Yelp. Even the 1 Yelp elite I interviewed did not know about Collections. Otherwise he would not have wished for a list feature. 

I found opportunity here to gain more engagement in the “WHERE TO EAT?” process by creating a smoother experience that would keep users on Yelp to collect restaurants to consider, share them, and view them. 

3 of 3

UI Boost for Smoother UX

Problem

Yelp is losing their users to other competitors.

Solution

Boosting the UI to create a smoother UX experience

The Thinking

Over 50% of the people I interviewed, who either used or still use Yelp, primarily rely on Google Maps now. And after analyzing Yelp against the competitors mentioned by users I interviewed, I found that Yelp’s design was obstructive to their overall experience. 

When I asked people why they now use Google Maps, a couple people would first start with “I don’t know” then say “it feels smoother”.

So how might Yelp stay relevant?

UI Boost for Smoother UX

I focused on the opening screen, UI in the search flow, and the basics of consistency.

Redesigns
  • Map at opening screen, and with ratings in mapped search results
  • Anchoring the search form at bottom for usability
  • Creating consistency for a smoother user experience
Re-designed screen: selected restaurant's top intro section. From top to bottom: The restaurant name (Haenyeon in this case), stars, and general details. Then the photos section. At the bottom of the screen, above the navigation is the restaurant's navigation with buttons "Overview", "Photos", "Reviews", and "Map"
Note: surrounding content in the image below is blacked out in this case study to showcase consistency in layouts of the Business and Search Results screens
Re-designed Yelp screen: search results. One search result is highlighted for this portfolio case study's showcase purposes. The card from top to bottom: 3 photos from the restaurant, the heading, the stars in the same row with buttons to share and save, general details ending with "90% match based on what you liked previously". The last row is buttons to reserve, order now, and see menu.

UI Boost for Smoother UX

User Test Feedback

User, 23
The UI looks more updated. The map [at opening screen] is good for understanding where you are.
User, 30
These sections with this teddy bear are new. The red buttons catch my eye. (It’s a hamster)
User, 25
I like the map icon because it’s more useable
60% of tested users mentioned and liked the search bar
80% of tested users mentioned and liked the map

Takeaways

  • Another direction to explore: Remove Barrier to Review.
  • The design usability goals were met and users were interested.
  • The design is buildable as confirmed with a software engineer.
  • Yelp’s current features are good and if they can update their UI, they can gain more traction again.
  • People are willing to share data uniquely with them knowing Yelp can empower them by leveling up their quality of life through food.
Illustration: Yelp's hamster mascot Hammy. Hammy is smiling with an ice cream cone.
Black icon: arrow left

NYC Nav.
in Design

Incentivized
Onboarding

Black icon: arrow right