Search & Explore For App (Case Study)

By 2016, Burpple had acquired an active user base of over 1 million active users who used the platform to discover the best places to eat regularly. The product direction was evolving from a food journal app to a food discovery app.

With this change in direction, the users had one problem - the app didn’t help them discover new places to eat.

Initial app explore screen
Summary

Food discovery is emotional. A photo can, easily, trigger cravings and decisions. However, this has to be combined with reliable reviews to give context, trust and the word of mouth feel. A photo review is, also, Burpple's most basic form of content.

Our aim was to improve the discoverability within the Burpple app so that our users could search and explore to find inspirations and enjoy delicious food with their loved ones.

Process

The design process that we follow at Burpple is the double diamond design process created by the The British Design Council.

My Role

I led the design exploration of improving search and explore in collaboration with one other designer.
In addition, I worked with a Product Manager and a team of Android, iOS and Backend developers led by our CTO.

Discovery

We started the discovery process by breaking down the then current app and analysed potential problems for the users. Here are our findings:

There was no clear flow for users who want to search something specific vs users who wants to get inspiration for a place to eat. Users were confused with the UI as search and explore were in different screens.
Images were too big on the home page. One image took up the entire screen. After a while, the users saw the same content again.
The user experience and the flow was different on Android and iOS.
Define: User Stories

Searching is when a user knows the end-result of what they are looking for (i.e. venue, guide, people). Some of the user stories for search:

“I am going to a venue that has already been decided, I would like to find out what to order”

“I would like to find out business information like opening hours, address, contact etc. about a venue”

“I know a venue and location, but can’t remember the specific name. I want to find it out so I can share it with a friend”

Exploring is when a user is seeking inspiration with or without constraints (i.e. location, cuisine, etc). Some of the user stories for explore:

“I am going to be at a neighbourhood, I want to know what are my options”

“I am craving a particular cuisine, what are my best options to satisfy this craving”

“I’m tired of eating at the same places all the time, I need new inspiration”

“I’ve got nothing to do now, going to spend some time planning future meals”

Define: Key problems to solve and impact

After breaking down the user stories, we defined the key problems that we wanted to solve and found quantifiable solutions to them.

Help users plan their current meal by guiding them to discover places, cuisine nearby.
Help users plan future meals by inspiring them with collections, guides and recommendations.
Help users search for a specific venue, category, neighborhood, cuisine and users.
Help Burpple share the knowledge of food events, articles, features with our users.
Help users find the best offers and promotions so that they can save on their meals.
Increase in usage of search
Increase in usage of guides
Increase in usage of explore tab
Increase in venue page views
Define: Widgets

After defining all the problems, we felt that the simplest solution to help our users discover would be using widgets on the explore screen. We also wanted our users to have new content to see when they land on the explore page. Based on the information we wanted to highlight to the user, these are the widgets we chose:

EXPLORE BANNER:

To help Burpple share the knowledge of food events, articles and features.
NEARBY LOCATION:

To help users plan their meal by discovering what is nearby on the go.
NEW & TRENDING:

To help inspire users to discover new and trending venues that they can try.
PROMOTIONS:

To help users find the best offers and promotions across the island.
GUIDES:

To help users plan future meals by inspiring them with guides.
INTERNAL ADS:

To help create areas to show app features or branded content.
Explore: Wireframes & Low Fidelity Mockup

Creating wireframes and low fidelity mockups gave us the freedom to solve complex problems easily and test multiple iterations without creating high fidelity designs.

Explore: Testing

With our basic assumptions and low fidelity mockups, we opted for user testing. We created a questionnaire to find out what users look for when they start discovering for food places (to find the appropriate widgets for the landing area).

The survey was sent to 150 users including friends and internal team.

Some of the questions we asked:

“How often would you like to try new places and what are the sources of inspiration?”

“How often do users face the problem of - sick of eating the same food, like to know where to find food they crave, they want to know where to eat at a given location etc.”

“If users were provided with widgets like location, promotions, guides, venue etc. how likely will they use it from 1 to 5?”

Some of the findings:

Users explored new places to eat at least once week.

Most users wanted to plan for their future meals and wanted inspirations.

User also mentioned, that they wanted to know what food or venues are nearby at a certain location.

Ranking of widgets:

1.Nearest Area Suggestion
2.Promotions
3.Relevant Search Suggestions
4.Recently Saved
5.Latest Guide
6.Trending Categories

Explore: Prototype

We also created a prototype on Flinto to test out interactions for the explore and search area.

Create: Introducing the new explore & search
Explore Banners & Search

We created explore banners to help users consume more content from brands and Burpple.
We also added a prominent search bar on the explore page and eliminate redirecting to another page to search.
This enabled users find new content weekly or monthly.
Location Widget

The location widget was created to help users find great places to eat nearby. We got the users location to recommended places, newly opened venues and top dishes they should try in the area.
We also wanted to help users know what an area is know for. E.g: Tanjong Pagar in Singapore is well known for hip cafes and nice eateries for business lunches.
Promotion Widget

One of the top requested features that we had on Burpple was to show users latest promotion around Singapore.
We created the promotion widget to show users the promotion that they can redeem and it also gave us the scalability to get exclusive promotions only on the Burpple platform.
Guide Widget

Guide has been one of the most viewed pages on Burpple platform and it ranks high on Google search.

With the help of the guide widget we can always show users the latest guides which comes out bi-weekly.
Content Spaces

We designed the explore tab in a way that our team can easily incorporate content spaces to show collections, branded content and new features of the app.
Search Card

With the search result card we wanted to show user relevant venue information and highlight the voice of the community without leaving the search results.
With the business info users can know the location, distance, price and what the venue is known for.
The review cards gave user the knowledge of dishes the venue offers and what the community has to say about it.
If the user likes the venue they can wishlist right from the search results and it will show up on the home page.
Create: Measuring Impact

After the product development, the feature was launched in April 2017. We measured the impact and learned from the data we collected on Amplitude. The results are below:

77%
Increase in usage of search
400%
Increase in usage of guides
24%
Increase in usage of explore tab
25%
Increase in venue page views