Onolicious

Problem

The landscape of the restaurant industry has changed since the pandemic. How have customer behaviors changed, if at all? What features are essential to include in a restaurant searching app to meet the needs of people today?

My Role

  • Planning Research 
  • Conducting interviews & surveys,
  • Analysis, synthesis & triangulation of data,
  • Making persona empathy maps, journey maps, low-fidelity wireframes,
  • Planning and conducting usability tests

Team Size: 2

Project Time: 10 weeks

Research

We began the process by making a research plan for this project. We planned on conducting 3 semi-structured interviews, virtually. Followed by a survey with 30 participants, to fill the gaps and validate findings from our interviews. 

Interviews

I conducted 2 interviews and assisted with the third one as a notetaker. The duration for each interview was approximately 30 minutes. We recorded, transcribed, and coded the interviews. This allowed us to extract the verbatims as well as see the underlying patterns among the participants. I made a list of important patterns that needed to be validated along with the gaps in our findings.

Survey

We crafted 10 questions for an online survey and distributed them. We fell short of our target of 30 participants and decided to close the survey with 28 usable responses based on the project timeline. I generated a report from these responses and triangulated them against the gaps/validation list.

Summary of Research Findings

  • Food Quality and consistency trumped all other preferences when searching for restaurants to eat out at
  • Search and filter features were used by most participants irrespective of which app/website they used. 
  • Photos build anticipation and help people quickly decide.
  • People view ratings and reviews whether or not they fully trust them.
  • People are frustrated by inaccurate information
  • Customer service plays an important role in customer revisits but not as much when picking a new restaurant.
  • Covid Safety was not as important a preference while searching for restaurants. However, it would make them feel comfortable dining in and affect their decision to return.
Persona Empathy Maps

We created 3 persona empathy maps to help us understand our user’s needs, feelings, behaviors, and frustrations better. 

  • Adventurous Foodie
  • On the Go Eater
  • Covid Conscious Eater
Journey Maps

We created two journey maps to help us visualize different phases, actions, and opportunities in the user’s journey.

Design Considerations

I began ideating some key features to meet user needs based on the research findings. Some of the  basic features were:

  • Search and Filter: Established method to find a restaurant for most people
  • Photo feature: To quickly get a sense of food quality and type
  • Ratings, Reviews & Sort
  • Extended customization to expand or narrow search results 
  • Ensure information accuracy and create a trustworthy online community

Low Fidelity Wireframes

I sketched out some wireframes before moving on to Figma to build 3 low-fidelity wireframes for usability testing. Homepage, Search results, and Restaurant details page.

Homepage V1
Search Results V1
Restaurant Details V1

Usability Testing

We conducted 1 test study and 2 remote structured usability tests.We had finalized 10 tasks in total and each task was accompanied by an average of 4 questions. Our test metrics were

  • Successful Task Completion 
  • Critical Errors 
  • Non-Critical Errors
  • Error Free Rate
  • Time on Task
  • Subjective Difficulty Rating and Reason

Summary of Changes Made

I updated the wireframes based on the test results.

  • Enhanced search and filter features
  • Updated footer section
  • Built-up “Spotlight” section on the homepage
  • Ensured consistency in symbols used to represent elements
  • Added features to control how the results are viewed
  • Updated the top banner section on the “Restaurant Details” page
  • Made other minor changes to create more negative space and reduce the clutter in the “Restaurant Details” page without removing important information.
Homepage V2
Search Results V2
Restaurant Details V2

Next Steps Forward

  • Create all screen wireframes and features 
  • Look into alternative design considerations
  • Conduct more usability tests
  • Create high-fidelity prototypes