Case Study: Restaurant Reservation App

health lab test

Project Overview

Role UX Co-Designer
Description A food industry based mobile app for consumers and businesses to buy and sell.
Problem To Solve For The app was focused more on providing a luxury experience rather than tackling an existing problem.
Goal To build a MVP and test this idea out with an existing business.
Challenges Designing for a unique idea that required validating and working with the client to define their business goals.
Learnings Learned to prioritize and eliminate tasks while defining a clear goal to work towards.

Process

I work in mostly collaborative environments. So sometimes you’ll find I refer to the actions taken as “we” rather than “I” since it’s a team effort.


1. Validating Personas & Story Mapping

Interviewed 3 people to validate the personas, then proceeded to mapping out the 2 user flows to see how they connect. This helped the product development team decide what’s viable and what features need to be built first for the MVP.

TL;DR

Create a shared understanding of the 2 user flows and how they connect, while deciding what features are viable for MVP.



2. Paper Prototype

We did paper prototyping to quickly map out how the prototype will work and it’s easier to swap ideas around.



3. Low-Fidelity Prototype

The paper prototype was then transformed into a low-fi prototype. I typically uncover more questions and details that require further examining, since one action could lead to more than one possible outcome.

TL;DR

Used UXPin to prototype and flushed out the finer details.



Feedback Time


4. User Testing

To uncover usability issues early on, test sessions were set up with 3 people to test the prototype.

Usability test results presentation


5. Client Feedback and Iterate

Checking in with the client and iterating based on overall feedback. It’s also time to look into edge cases.





6. High-Fidelity Prototype With Visual Design

Interviewed the clients to understand how they want the app to look and feel and to see what branding they currently have in place.



Additional Steps: User Flow Diagram

I wanted a high level view of how everything was connected within the app as it got more complicated. I felt a user flow diagram could help clarify all the possible connections between screens.