Cafeteria Responsive WebSite CASE STUdY
Project overview
The product:
Website is for better experience in cafeteria and should help people to order coffee.
Project duration:
December 2022
The problem:
People don’t want to lose their seats based on their order. In some cases people want to sit and order from their place to keep this place in the cafeteria.
The goal:
Create website that will allow to browse menu, create an order and select the table in the cafeteria.
My role:
UX researcher, UX designer, UI designer
Responsibilities:
user research, wireframing, prototyping, designing
Understanding the user
User research: summary
I conducted user interviews and created empathy maps to understand the users. A primary user group identified through user research was working adults in the office who want to enjoy coffee.
This user group revealed problems like: delivery/pickup – coffee could be cold, some of customers want to sit and enjoy the coffee in place
User research: pain points
1. Pickup - Not picked up in time and coffee could be cold.
2. Ordering in place - Why using app in cafeteria to ordering a coffee?
3. Accessibility - Missing assistive technologies
Persona: Tom
User journey map
Mapping Tom’s user journey revealed how he can order a coffee from his place in cafeteria.
Problem statement
Mapping Tom’s user journey revealed how he can order a coffee from his place in cafeteria.
Starting the design
Sitemap
Paper wireframes
Paper wireframe screen size variation(s)
Digital wireframes
Digital wireframe screen size variation(s)
Low-fidelity prototype
Usability study: parameters
Study type:
Unmoderated usability study
Location:
Prague, remote
Participants:
5 participants
Length:
20-30 minutes
Usability study: findings
1. Users want order more types of coffees
2. User want more information about picking table
3. Missing information about table in summary
Refining the design
Mockups
Mockups: Original screen size
Mockups: Screen size variations
High-fidelity prototype
Accessibility considerations
1
Users want more information about table. I used images how the table looks like and I added more description about the place.
2
Users want information about picked table in the summary page. I added this information to the overview.
Going forward
Takeaways
Impact:
Number of visitors are doubled than we expected.
What I learned:
I learned that doing a usability study multiple times is very useful.
