Mobile App Movie Ticket Booking
PROJECT OVERVIEW
The Product
MoTiBoo is a mobile app that allows users to buy bulk movie tickets for large groups by collaborating with group members, selecting preferred seats, skipping lines, obtaining guaranteed tickets, making quick decisions, and saving time.
Duration : 15 Jun, 2022 – 30 Aug, 2022
My Role : UX Designer; UX Researcher; Information Architect; Visual Designer
Key Skills : Creating Empathy Maps; Personas; User Stories; User Journey Maps; Conducting Competitive Audit; Storyboarding (big-picture and close-up); Creating Affinity Diagram; Wireframing (Paper + Digital); Prototyping in Figma (LoFi + HiFi); Creating Design System; Mockups; and User Research.
The Problem
The problem we are attempting to solve is to ensure that users can collaborate and book bulk movie tickets as a group. The problem with current apps in the market is that users’ money gets deducted from their accounts without any confirmed tickets. Current apps do not allow the user to book more than six tickets at a time.
The Goal
Our goal is to provide users with an app that allows them to create groups, collaborate with members to select movies using screen sharing options, finalise seating arrangements, and make payments using the group wallet. allowing users to book bulk tickets with the condition that all members of the group be verified MoTiBoo app users.
USER RESEARCH : Summary
We conducted an unmoderated usability study research with participants from various cities in India, including Mumbai, New Delhi, Hyderabad, Bengaluru, and Ghaziabad.
There were fifteen unrelated participants (7 in the first session and 8 in the second session) who completed the usability study independently as part of the same group. The participants were die-hard moviegoers who enjoyed watching at least one film with their group each month. We had college students, housewives, and working people among us.
Seven males and eight females ranging in age from 18 to 65 were interviewed. One participant is colorblind, and another uses a hearing aid. A screen reader could be used to access the study. The first session was held on August 15, 2022, followed by the second on September 14, 2022. Each session lasted between 30 and 40 minutes and included an introduction, a list of tasks, and a brief questionnaire.
The research findings will assist us in identifying and resolving user pain points, allowing us to make the entire user journey as smooth as possible.
USER RESEARCH : Pain Points
No bulk tickets booking
Reluctance of current apps to allow their users to book bulk tickets for a large group of more than six people
Lack of preferred seats
Users facing the issue of not getting confirmed seats but having the money deducted from their account.
Difficult to collaborate
Users find it difficult to collaborate with each other while making decisions on selecting a movie.
Simple payment options
Users think the slow and rigid payment process is the reason for last-minute cancellations or unconfirmed tickets.
USER PERSONA : Anand Shinde
Age: 25 Years
Education: Fine Arts Graduate, from JJ College of Arts, Mumbai
Hometown: Mumbai, Maharashtra, India
Marital Status: Single
Gender: Male
Family: Two younger sisters, one younger brother, mother, father, grandmother
Occupation: Art Director at Ad Agency in Mumbai
Watching movies is the best way to enjoy quality time with your loved ones.
Goals
- to grow professionally and financially
- to support his younger siblings and provide them the best education for better future
- spend quality time with family, friends, and loved one
Frustrations
- unavailability of seats at our preferred location
- seats are available, not together, but at different locations
- when counter clerk looks at you suspeciously for buying more
User Profile
Anand completed his graduation in Fine Arts, three years back from a prestigious college in Mumbai. Anand is planning to continue his studies in Fine Arts by enrolling for a Masters Degree. He is a very creative, hard working, and ambitious person. He uses the local train/ metro for daily commutation. His father is a bank manager, mother is a housewife. His younger brother is in first year of college, and sisters in school 9th and 11th standard respectively. He belongs to the middle-income-group as per Indian standards, and lives in a 2BHK flat in Dadar with his family. Anand is quite popular amongst his relatives, neighbors, his colleagues, and his friends.
He loves to watch movies as he believes watching movies feeds ideas to his creativity. He is a big fan of Bollywood, Hollywood, and Marathi movies He also loves to watch movies with his colleagues during weekends, especially in the company of his girlfriend Nitu. He enjoys watching movies in a group. The group could be of his family, office colleagues, or his friends.
PROBLEM STATEMENT
Anand works as an art director at an ad agency who needs an easy way to get confirmed movie ticket reservations of desired seats for his group at a movie theatre because the current process of seat reservation is stressful, requiring him to coordinate with the group, stand in line, and spend time at the ticket counter with the clerk to discuss the availability of the preferred seats.
USER JOURNEY MAP : Anand Shinde
PAPER STORYBOARD
PAPER WIREFRAMES : Home Screen
DIGITAL WIREFRAMES
The goal was to provide users with more options on the page, such as language, movie genre, location, and so on, in the form of a simple burger menu in the top-left corner.
Then, new releases with successful films are classified into various categories. giving the user preference for movies near their current location first, followed by those in other locations
The goal was to give users the ability to choose a date, search for a specific cinema hall, select a cinema hall based on its distance from the user’s location, choose a showtime, and check ticket availability.
Only after the user selects a specific showtime will the disabled “Book Tickets” button at the bottom become active.
LOW FIDELITY PROTOTYPE
It’s a simple user flow where users first sign up or log in and then set their current location; based on their current location, the app shows them movie results. Users select:
- movie
- showtime
- seats
- pay with your wallet
- received a confirmed eTicket on the mobile app.
EMPATHY MAP
USABILITY STUDY : Parameters
Study Type
Unmoderated Usability Study
Location
Mumbai, New Delhi, Hyderabad, Bengaluru, and Ghaziabad.
Participants
Seventeen Participants
Lengths
20 – 30 Minutes
USABILITY STUDY : Findings
Users were confused about the screen directions, which could lead to selecting seats in the wrong rows.
Users were not happy about not getting confirmation messages before making the final payment.
Users were not happy about not getting confirmation messages before proceeding to the seat selection screen.
Users found the repeat information (showtimes) under select cinemas to be very crowded and distracting.
Users wanted tickets’ price-range-based search results in the cinema’s selection screen.
Users wanted to know how much they had to pay in real-time while selecting the screens.
MOCKUPS
A two-column grid is used instead of a three-column grid to improve text readability and legibility for the user. To avoid confusion with error messages, I replaced the red theme with Google’s Material theme colour. The hamburger menu (top-left) was retained only for the home screen, and it was replaced with a back icon in subsequent screens such as the “Select Movies” screen, while the vertical three-dot menu (top-right) is used for additional menus and options.
During our second usability test, we discovered that users were perplexed by so much similar, distracting, and crowded information. Furthermore, the top section that was being fixed (banner and date) was taking up a lot of digital real estate. Users were having difficulty locating the “Reserve Seats” button at the bottom of the screen. We made the top section float, with the movie banner taking up half the space and the other half used to select the date, showtime, and ticket price range (user’s requirement). As a result, the section for choosing a cinema hall is clean and distraction-free. The button was moved to the top for easier access. Select cinema halls were highlighted with colour and the “Selected” icon to improve accessibility.
HI-FIDELITY PROTOTYPE
ACCESSIBILITY CONSIDERATIONS
The designs for screen size variation included mobile, tablet, and desktop. I optimised the designs to fit specific user needs for each device and screen size.
On movies screen, changed the layout from three column to two column; increased the size of movie banner and text/ fonts.
For users with colour blindness concerns, the “Correct” icon is shown on the right side and the selected contact is highlighted in a distinctive colour.
In seat selection screen, used button to showcase the total price change in real-time based on users selection.
TAKEAWAYS
Impact
Study participants were excited and eager to use this app on their mobile phones. They are expecting it come on app store in the coming months which gives me the confidence to connect with my circle of android and iOS developers to explore the feasibility of its commercial success.
What I learned?
The most important lesson that I learned in this project was that it is very important to invest our time in making the right design system for the project. Usability testing is a never ending process and is important for the success of your app and it’s users in the long run. Keeping pace with the latest trends and technology in the marketplace will play important role in keeping our existing users and attracting future users.
Thank you for taking the time to review my work. For potential collaboration, feel free to reach out.
- Category
- UX/UI Design