
XLENT CINEMAS
UX Design | A Cinema booking mobile application that is easily accessible for the users to book a movie ticket for a specific time within a time frame
Project Overview
Background
The High Fidelity Prototype

My Role
User Experience
Designer and Researcher
Responsibilities
Conducting Interviews
Building Wireframes
(paper, digital, low and high fidelity)
Prototyping
Conducting usability studies
Iteration
Tools Used
Figma
Fig Jam
Google Doc
Google Sheet
Google Slides
Timeline
February 1st, 2022 -
January 20th, 2023
Techniques Used
UX Laws Application
Style Guides
(Colors, Typography, Grids, Input Field )
Design Thinking Process
Competitive Audit
User Story, Problem Statement
Goal Statement, User Persona
User Journey Map, User Flow
Wireframing, Prototyping
Usability Testing
Summary
In a world where everything is fast-paced and everyone seems to be running an individualistic life, especially after the adoption of remote work which escalated as a result of the Covid-19 pandemic, people are yearning for opportunities to network and connect with friends/like-minds which is only possible with proper time planning/ scheduling.
​
The Pain Points:
1 - Inability to get the right place to meet like-minded people
2 - Having a limited time to have a social time and spending a long time in queues to get a preferred spot
3 - Inability to book a ticket ahead so that I can avoid crowds and get into my preferred location and spot quickly.
​
The Solution:
A design concept that focuses on Movie Cinemas as a place where friends and like minds can meet to relax, connect and network enabling the online purchase of one or multiple movie tickets for a specific time within a limited time frame.
The Journey
This project started with secondary research in form of a Competitive Audit analyzing comparing 4 Movie service providers which are Netflix (indirect Competition), Genesis Cinemas (Direct Competition), Silverbird Cinemas (Direct Competition) and FilmHouse IMAX (Direct and Indirect Competition).
- The General Information (Competitor type, Location(s), Product offering, Price, Website, Business size, Target audience, and Unique value proposition)
- First Impressions (Desktop website experience and App or mobile website experience)
-Interactions (Features, Accessibility, User flow and Navigation)
- Visual Design (Brand Identity)
- Content (Tone and Descriptiveness)
For more details on the Competitive analysis, please follow the link - https://docs.google.com/spreadsheets/d/15MKX1FK5ObD-_AboWat_brdwPOR80yx1mBhijwyflF4/edit?usp=sharing&resourcekey=0-Dau5rpKEVYJHCK86uPNHbw
​
Research Questions:
Are the steps used to book movie tickets ahead easy?
How long does it take for customers to book movie tickets?
Is there any process in booking for tickets that appear complicated?
​
Research Methodology and Recruitment:
10 minutes per participants
5 participants - 3 Males, 2 Females between the age 13 and 55, 3 Nigeria, 2 Canada (all remote).
Unmoderated Usability Study
Users were asked to perform tasks initially in a low-fidelity prototype and eventually in a high-fidelity prototype
​
User Story


Problem Statement


Goal Statement

Persona based on research results

.jpg)
User Journey Map


User Flow

Wireframes (Home Screen)
Paper Wireframe
Digital Wireframe


Common User Needs
-
Need to book tickets ahead to help plan my time and schedule
-
Need to get tickets for my preferred movie before it is sold out
-
Need to print tickets without queuing in the cinema
​
Solution - Book Your Ticket Section
-
Allows users to see movie descriptions to decide if it is preferred
-
Users can book more than one ticket and choose their preferred date and time instead of heading to the cinema and risking meeting no available tickets, this helps users achieve their time management goals
-
Tickets are printed after a successful booking

Low-Fidelity Prototype

Cinema Low-fidelity prototype link
Findings from Usability Study
-
Based on the theme that: signing up is not a clear step for most users, an insight is: there should be clear legible/obvious directions that enable users to sign up by limiting their navigation without successful sign-up.
-
Based on the theme that: changing the movie, date or time is discouraging or complicated for most of the users, an insight is: most users will prefer if they can make changes as they book by being able to edit changes on the booking page without starting the booking process all over.
-
Based on the theme that: the categorisation is not clear to some of the users an insight is: that platform categories should be clearly differentiated and the next page after the link is clicked should lead to the appropriate page.
-
Based on the theme that: some of the users will get confused when trying to navigate back and forth to understand the app, an insight is: that the page's navigation links are properly linked for backward and forward navigation.
-
Based on the theme that: most of the users will prefer to checkout immediately or they are not sure may not be sure about the “add to cart” feature, an insight is: users may need to be directed on the benefits of using the “add to cart” feature or the feature should be removed as ticket purchase online usually has a time limit.
Before and After Mock Up Iteration


Accessibility Considerations
Contrast

The cinema app supports accessibility by providing
1) An accessible color contrast that supports color blindness as described above
2) The App has image icons that help users understand what to expect from interacting with each section.
Take Away
Impact
What I Learned
Next Steps
01
All Cinemas locations should breakdown all the accesiblility services from map transport routes to parking, elevators and emergency escape routes and offers for children and parents
02
Introduce the rating/ experience page in the final design process
03
Carry out more user research to find more areas to improve in the app