PORTFOLIO


Mobile App Movie Ticket Booking

Title:

Description:


Mobile App Movie Ticket Booking

PROJECT OVERVIEW


https://sudhirjagtap.com/wp-content/uploads/2022/12/motiboo-app-select-movie.gif

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.


https://sudhirjagtap.com/wp-content/uploads/2022/11/motiboo-cover-top.jpg


USER RESEARCH : Pain Points


01234567890

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


01234567890

Lack of preferred seats

Users facing the issue of not getting confirmed seats but having the money deducted from their account.


01234567890

Difficult to collaborate

Users find it difficult to collaborate with each other while making decisions on selecting a movie.


01234567890

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


https://sudhirjagtap.com/wp-content/uploads/2022/12/persona-anand-shinde.jpg
Photo Credit

Italo Melo (pexels.com)

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

  1. to grow professionally and financially
  2. to support his younger siblings and provide them the best education for better future
  3. spend quality time with family, friends, and loved one

Frustrations

  1. unavailability of seats at our preferred location
  2. seats are available, not together, but at different locations
  3. 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

https://sudhirjagtap.com/wp-content/uploads/2022/11/motiboo-usere-journey-map-1.jpg


PAPER STORYBOARD

SCENARIO: An App that allows users to book bulk seats at a movie theatres, select seat locations, get tickets in app.
https://sudhirjagtap.com/wp-content/uploads/2022/11/motiboo-paper-storyboards-e1678298733357.jpg


PAPER WIREFRAMES : Home Screen

https://sudhirjagtap.com/wp-content/uploads/2022/11/motiboo-paper-wireframe.jpg


DIGITAL WIREFRAMES

https://sudhirjagtap.com/wp-content/uploads/2022/11/motiboo-digital-wireframe-1.jpg

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.

https://sudhirjagtap.com/wp-content/uploads/2022/11/motiboo-digital-wireframe-2.jpg


LOW FIDELITY PROTOTYPE

https://sudhirjagtap.com/wp-content/uploads/2023/03/proto-lofi-motiboo-white.jpg

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

https://sudhirjagtap.com/wp-content/uploads/2022/11/motiboo-empathy-maps.jpg


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

An unmoderated usability study was conducted for Rounds 1 and 2 with 8 and 9 participants, respectively, and no participant was repeated. Participants were located remotely in different cities in India.

01234567890

Users were confused about the screen directions, which could lead to selecting seats in the wrong rows.


01234567890

Users were not happy about not getting confirmation messages before making the final payment.


01234567890

Users were not happy about not getting confirmation messages before proceeding to the seat selection screen.


01234567890

Users found the repeat information (showtimes) under select cinemas to be very crowded and distracting.


01234567890

Users wanted tickets’ price-range-based search results in the cinema’s selection screen.


01234567890

Users wanted to know how much they had to pay in real-time while selecting the screens.


MOCKUPS


https://sudhirjagtap.com/wp-content/uploads/2022/11/motiboo-mockup-1.jpg

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.



https://sudhirjagtap.com/wp-content/uploads/2023/03/motiboo-colors.jpg

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.


https://sudhirjagtap.com/wp-content/uploads/2022/11/motiboo-mockup-2.jpg


HI-FIDELITY PROTOTYPE

https://sudhirjagtap.com/wp-content/uploads/2023/03/motiboo-components.jpg
https://sudhirjagtap.com/wp-content/uploads/2023/03/proto-hifi-motiboo-white.jpg

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.


01234567890

On movies screen, changed the layout from three column to two column; increased the size of movie banner and text/ fonts.

01234567890

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.

01234567890

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.

Let’s Connect

Category
UX/UI Design