CAFETERIA RESPONSIVE WEB
The product:
The website is designed to enhance the cafeteria experience and make it easier for people to order coffee.
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.
Project overview
Project duration:
December 2022
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, and some customers want to sit and enjoy the coffee.
User research: Pain points
1.
Pickup
Not picked up in time, and coffee could be cold.
2.
Ordering in place
Why use an app in the cafeteria to order 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 the cafeteria.
Sitemap
Starting the design
Paper wireframes
Paper wireframes screen size variation(s)
Low-fidelity prototype
Usability study: Parameters
Study type:
Unmoderated usability study
Length:
20-30 minutes
Location:
Prague, remote
Participants:
5 participants
Usability study: Findings
1.
Users want to order more types of coffee.
2.
Users want more information about picking a table.
3.
Missing information about the table in summary.
Mockups
REFINING THE DESIGN
Mockups: Original screen sizes
Mockups: Screen size variations
Accessibility considerations
1
Users want more information about the table. I used table images and added more descriptions about the place.
2
Users want information about the picked table on the summary page. I added this information to the overview.
Takeaways
GOING FORWARD
Impact:
The number of visitors is doubled what we expected.
What I learned:
I learned that doing a usability study multiple times is very useful.