Snack ordering app for cinemas
Ali Rahmat Putra
The product:
This app is designed to help people save their time when they want to order snacks at cinemas with online order and scheduled order feature.
Project overview
Project duration:
1 month (June 2023 - July 2023)
Preview of selected polished designs.
The problem:
Users want to avoid waiting in the line while ordering snacks at cinema.
Project overview
The goal:
Build an app to allow users order snacks and scheduling the order.
My role:
UX researcher, UX designer, UI designer
Project overview
Responsibilities:
Conducting interviews, wireframing, prototyping, conducting usability study, accounting for accesibilities and iterating on designs.
Understanding
the user
User research: summary
I was conducted an interview to empathize with users. Before conducting a research, I had assumptions that people have problem with ordering snacks at cinema. People doesn’t want to wait in the line and miss the movie intro. After the research, I found that people have the same problems.
User research: pain points
Time
Too long to wait in line when buying snacks.
Product
The snacks they bought were cold because it was ordered too quickly.
Information
Not knowing information about menu availability.
1
2
3
Persona: Monica Tan
Problem statement:
Monica is a busy bank employee and movie lovers who needs order her snack online because she wants to avoid the line at food kiosk.
User journey map
Image of user journey map
User journey map helps me to find improvement opportunities that can be useful features of the app.
Starting
the design
Paper wireframes
The goal was to draw lots of ideas quickly and save time.
These are wireframes for Home page.
Digital wireframes
The goal was to make a easy-to-use home page.
I only included important sections to make it not confusing.
Help users to search cinemas effectively
Allow users to navigate easily to their order info.
Allow users to search the cinema name
Digital wireframes
I want the users choose order type first, so I put it on the top. Then users will see menu list.
To filter and find the menu quickly
Bold CTA to make it more noticeable to users.
Allow users to order instantly or scheduling the order.
Low-fidelity prototype
The main flow start from the home page. Users will choose a city and a cinema, then proceed to order the snack.��Lo-fi prototype link - Figma
Usability study: findings
Round 1 findings
Gap between section too short.
1
Information is not really useful.
2
Round 2 findings
Not clear button labeling.
3
Confusing navigation label.
1
Edit order from checkout page.
2
Refining
the design
Mockups
With a better spacing, users will easily navigate through each section.
Before usability study
After usability study
Mockups
The label for “Back” button was not clear. I changed it to “Back to home” to make users know what action that they take.
Before usability study
After usability study
Mockups
High-fidelity�prototype
The final prototype presented cleaner user flows for ordering and scheduling an order.
Accessibility considerations
Keeping content short, clear and simple to allow users with dyslexia use the app easily.
Using high contrast colors and readable font size. That will help users with low vision.
Using simple and linear logical layout.
1
2
3
Going forward
Takeaways
Impact:
“This app really useful! I will definitely use it.
“I love the scheduled order feature. Really help me”
“This app will save my time! No more waiting in the line.”
What I learned:
This is my first project that I do my own research. I learn that understanding the user is really important part of designing. With a proper research, I’m able to take meaningful insights and turns that into a great design.
Next steps
I will try usability study with more participants. Testing with more sample would make the app getting better for most people.
I want to add more illustrations in the app. It will make the app more engaging.
I feel the home page have too much space. I want to add some elements like voucher section or recommended snack section.
1
2
3
Let’s connect!
Thank you for your time reviewing my work! If you’d like to get in touch,
my contact is provided below.
Email: alirahmatputra@gmail.com
Portfolio: https://alirahmatputra.framer.website/