Project overview
The product
The flow of ordering snacks in a movie theater app. Users can order the snackes before movie starts or during watching the movie. In our app users have 2 choices for receiving their purchase. Infront of bar or at their seat in the movie salon. So they dont waste the time at the line or they are not worry about providing snacks during watching the movie.
The goal
Maximize efficiency and minimizing the waiting time to get snacks before starting movie .In addition, if some body during watching movie need to provide snacks, can have shop without worry about miss the part of movie.
Responsibilities
User & market research, wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
The problem
Waiting in line to get snacks at the movie theater can be long and intimidating for some people.
Project duration
October 2022 to December 2022
my role
UX/UI Designer & Researcher
Starting the design
disponibility
When the shops are busy it’s difficult to find desired snacks.
Time
Young adults don’t like wasting time in lines.
Kide's needs
When somebody needs to provide something without prior planning.
PERSONA
Problem statement:
Introvert movie lover who needs to order snacks in advance without waiting in line because she is shy
Problem statement:
Alex is a grandpa of 2 who needs to order snacks in advance without waiting in line because he wants to spend more time with his grandsons instead of waiting in line,
User Journey Map
Starting the design
- paper wireframes
- Digital wireframes
- Responsive &Low-fidelity prototype
- Usability studies
- Site map
paper wireframes
Initial ideas of the homepage with different navigation and IA.
Digital wireframe
Desktop Version
Tablet Version
Mobile Version
The flow is for a movie theater app so I decided to keep other items on the home screen but make it clear for the user to navigate to snacks and start the ordering flow.
Showing category of snacks. User could choose one of them and enter the new page with a lot of products and their images and some information about them. With choose one of them, user can see the details information and choose the size. With confirm the button, user will be start the shopping process.
Responsive & Low-fidelity prototype
useabilit study: finding
Five participants were asked to place an order through the app. Afterwards, they gave their opinions on the level of difficulty of each task and what could be changed to improved the user experience.
Round 1
Round 2
Users need to search bar to find definite items very fast.
Most users think the checkout process
could be improved.
Some users felt frustrated with unnecessary
pages or inability to click on certain areas.
Changes to the filter button and the
addition of the funnel icon make it easier
for users to understand the filtering option
Added QR and “Save this
card” features improve the checkout
process
Round 2 findings (after updates)
User flow changes make the experience less
frustrating and more dynamic
Site map
In base of the weakness that there are in my competitor audit, I designed information Architecture (IA) for my app.
refining the design
- Mockups
- High-fidelity prototype
- Accessibility
Mockups
Before useability study
After useability study
1- Remove social media
2- Add ” + ” next to the ” item “to add more of same product.
3- Identify the location of movie salon, before start to shopping to avoid confusing or make mistake to order.
4- Identify how would users like to receive the purchases.
High-fidelity prototype
For visit high fidelity prototype online Click here
Accessibility considerations
Use of images to help
users choose snacks
easier
Use of relevant icons and
visual cues to help users
navigate easier
Use of dark theme to help
users see better while
being in a cinema where
it’s usually dark
Going Forward
- Takeaway
- Next step
takeaway
impact
The users that were part of the studies loved the idea of ordering snacks during the movies. One quote from usability study participant: “I would definitely use an app like that if we had one available!”
What I learned
User research is important in improving your designs. I see clear direction changes after a few usability studies and notice how much the designs can be improved based on the user’s feedback.
next step
Providing a light theme
and other colorblind color
themes to help users
with disabilities
Providing more
accessibility options like
bigger fonts and dyslexic
fonts to help users with
disabilities
Trying to implement a
tracking order flow by uber from other restaurants or magazine.
lets connect!
Thank you for your time reviewing my work on the snacks ordering flow for a movie theater app!
If you’d like to see more or get in touch, my contact information is provided below.
Portfolio: linkedin.com/in/maryam-mousavi-1079m
Email: mary.mousavi20@yahoo.com