Harvey Scicluna-Marsh ⏤ 2023

hsm


UX.

hsm


UX.

Steakway

Steakway is a food ordering and menu app that prioritises the users preferences.

ROLE

UX/UI Designer, UX Researcher

CLIENT

Google UX Course Project

PROJECT TYPE

UX/UI Design Training

User Persona

I created a user persona based on secondary research, using Google to search for statistics on user demography for food ordering/menu apps to identify the typical user and what their needs and frustrations might be.

How Might We...

How might we create an easy-to-use food menu and ordering app that offers order customisation features for those with particular needs, like a diet.

Wireframing

I hoped to capture the initial flow of the design, figuring out what features would be essential for the best possible user experience.


It needed to be easy to navigate, and clearly list payment details to be free from deceptive practices like “sneak into cart” fees.

Prototyping and Usability Testing

I turned the above wireframes into a prototype, and kindly asked five users from a UX research Discord server if they would test it for me.


I conducted this moderated usability study as primary research to identify any possible pain points or missing features from the project before proceeding with higher fidelity mockups.

Low-Fidelity Prototype

Below, the low fidelity prototype. You can access it here.

High-Fidelity Design

Next, I began creating high-fidelity mockups that incorporated insights gained from the moderated usability study.

I connected these to make a high-fidelity prototype, which you can view here.

Usability Test Insights

Priority 1: Confusion around the “back button”, confused users about whether or not the flow was complete.

Priority 2: A lack of animation/visual stimuli was confusing users about their in-app choices.

Priority 3: Checkout terminology was confusing users near the end of the flow, rewording for clarity would be good.