Lumière Cinema App Design Project

My role in the project
I designed an app “Lumière Cinema” from conception to delivery. This is a project I conducted on my own, therefore I had a variety of roles as a UX designer, which include user research, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, affinity diagramming, accounting for accessibility, and iterating on designs.
Goal of the project
The app "“Lumière Cinema” streamlines the process of purchasing a ticket and ordering food at a movie theater. “Lumière Cinema” lets users get everything done through the app so all they have to do is show up at the theater and have fun.
Target audience
Anyone who likes to watch movies, but Lumière Cinema especially targets customers who want to have a theater experience that is luxurious and cutting-edge.
Key challenge
Customers are frustrated to line up for the ticket purchasing and the concession counter when the movie is about to begin.
Key wireframes
Findings from user testing
Round 1
Low-fidelity design in Figma
Key finding 1
One participant indicated that some users might want to first select a movie, not a location.
‍
Key finding 2
One participant indicated that there is no indication of their current location on a map.
I conducted two usability testings. One concerned the low-fidelity prototype, and the other the high-fidelity prototype. Here are some findings from those usability testings.
Improvement from finding 1
I added a new feature that allows users to select either a movie or a nearby location, as their first action.
‍
Improvement from finding 2
I added an icon that indicates a user's current location so that they can easily orient themselves.
‍
Improvement for finding
I noticed the screen for selecting type of tickets and food order had defects in that the app asked users to enter information directly, instead of showing them options and having them tap the type or amount they want to select. Based on this finding, I created a feature that lets users select a type or amount of their choice.
Below I pulled out and sequenced the screens that are material to the main user flow, which is to reserve a seat and optionally order food in advance.
Final design
Screen for the main user flow 1
-Homescreen to ticket selection-
Screen for the main user flow 2
-Seat selection to task completion-
Thank you for letting me guide you through my work! If you'd like to play around with the app "Lumière Cinema", click the button below:)
Round 1 affinity diagramming
Round 2
Key finding
One participant said they did not understand the meaning of "Type of tickets because there was no list of options or any kind.
Improvement based on finding
Conclusion
One big takeaway is that listening to participants' voices is crucial. I could iterate on my design based on participants' perspectives I did not realize. Preferably, though, I would want to gather more diversified participants so that the product becomes more accessible. It was tricky finding e.g. nonbinary people as little people have come out as LGBTQIA+ in Japan.
‍
Another takeaway is that it is important to think about time constraints, especially if it is a company project. I think I spent a little too much time polishing the screens that do not concern the main user flow, which in this case is the seat reservation and food order process. Elaborating on other functions of the app might have distracted me to allocate more time on the main user flow, which is not a good thing. This would be a takeaway that I can carry to the next project.
Lumière Cinema app high-fidelity prototype