Cinematic - A showtime check-in app for movie theaters, This project was a part of the Google UX Design Professional Course. The duration of the project is May 2021 to July 2021.
Project overview:

Cinematic is a showtime check-in and booking app for movie theaters. It mainly functions for small towns or non-metropolitan cities. Our target audience is non-technology-friendly users or average tech-savvy users between the age of 16-70 years.

My role and responsibilities:

I was responsible for designing a Cinematic app from conception to delivery with the tasks like Ux research, Empathize, Ideation, Usability studies, Wireframing, design of high fidelity, Prototyping, and accountability for accessibility.

The Problem:

Users are struggling with the long time-consuming process of physical ticket bookings and keep them safe till the time. Those who are friendly with technology and having busy schedules are troubling in remembering details about the bookings.

The Goal:

After successfully booking movie tickets, this app helps people set a reminder for their upcoming movie plan with their digital planner, to-do, etc. It also allows users to share that details with their movie partners.

The Process
User thinking framework, the graphic of circle Empathise-Ideate-Define-Prototype-Test

Design Thinking Framework

During the project, I had followed the design thinking framework. It is a way to create a user-centered approach to problem-solving. It helps to address a real user problem, which is functional and affordable. There are five phases in the process.

  1. Empathize
  2. Define
  3. Ideate
  4. Prototype
  5. Test

Each phase of the framework answers a specific question. The framework continues after initial Low fidelity designs for further iterations and high fidelity design to make them more user-centered.

Empathize and Define
User Persona Name: Sudhir Patel Age: 45 years Education: BBA Hometown: Anand Family: 2 kids, 4 employees Occupation: Businessman Quote: "Good experiences can make you feel empowered likewise, bad experiences don't wait to make you feel handicapped." Goal Want to book tickets by his self Get add-ons of calendar and planner Digitalization of tickets Need to cross-check utilities in advance Showtime notification Frustration Wasting time of his workforce Sometimes gets wrong bookings Loses his physical Tickets Some experiences make him feel handicapped Background Sudhir is a Businessman, who loves to watch the movie on big screens and Dolby sounds. He usually seems very busy, so sometimes he chooses to spend his time with family watching a movie in the theater. But he is facing some problems while getting tickets as he lives in a small town and has a disability in his arm. He loves to schedule his plans and meetings in advance.
User Journey User Name: Sudhir Patel Goal: He needs a feature in-app which to help him to remind him of movie timing and other updates related to the movie plan, which can also help him plan his day Action: Inquiries over the phone; Task: A. Decides to watch a movie with the family. B. Inquires to the theater by phone; Feeling Adjective: Excited-while deciding to spend some quality time with family; Improvement opportunities: Can directly check showtime and make a mutual decision with family. Action: Seeking the help of employee; Task: A. Gives money and instructions to purchase tickets to an employee. B. Employee goes to the theater and buys tickets as instructed; Feeling Adjective: Annoyed: when he has to send an employee to purchase tickets, he feels like a waste of his workforce.; Improvement opportunities: Can book tickets by his choice. Can directly add to Calendar/ Planner option. Email notification. Action: Gets movie tickets; Task: A. Employee hand over a physical ticket to Sudhir. B. Sudhir keeps his tickets in his pockets. C. Adds manually in a planner; Feeling Adjective: Thankful: of an employee as he helped him get tickets. Burdensome: in taking care of physical tickets. An Annoyed: When he gets the wrong tickets.; Improvement opportunities: Keep digital tickets for check-in and validation. Action: Goes home & gets ready for the movie; Task: A. went to a home and gets ready for the movie. B. Checks tickets, if they are correct or not. C. Leaves home for the movie.; Feeling Adjective: Anxious: sometimes, he loses his tickets from his pockets.; Improvement opportunities: Calendar/ Planner reminders. Email reminder. Action: Goes for a movie; Task: A. Check-in to watch a movie. B. Buys snacks for kids with the help. C. uses some utilities. ; Feeling Adjective: Frustrated & Discouraged: while the little things make him realize his disability. ; Improvement opportunities: Get beverages pre-bookings and delivery types.
Problem statement:

Sudhir Patel is a busy businessman who needs a reminder about his movie plan on his digital calendar because he is a very busy person with a hectic schedule.

Hypothesis statement:

If he books movie tickets by an app and schedules it directly in his planner, then he can plan his day effectively in advance.

User Story:

As a busy businessman who spends a whole day in the office with his hectic schedule, I want to get a reminder of my bookings in advance with easy integration in my planner so that I can better plan my day.

Pain points:
User Pain points Scheduling: Users forget about their tickets and information related to the movie show. Sharing: Entering early in the cinema hall for a person other than having a ticket is difficult without information. Sometimes they forget shared details. Keeping: Physical tickets are difficult to keep, manage and scan.
Ideation

The ideation process is a journey towards the brainstorming of possible solutions. It consists of competitive analysis, competitive reports, Crazy 8 exercise, storyboarding, user flow, and Information Architecture of an app.

Competitive Analysis:

The goal of the analysis was to compare user experience and features of competitor’s websites. Four competitors have been analyzing, as a part of the competitive analysis. Among them, 3 were direct competitors (INOX, PVR, Bookmyshow) and were indirect competitors(Paytminsider, Bookmyshow).
The complete competitive analysis can be view here.
Click here to view the Competitive Audit
Click here to view the Competitive Audit Report

Ideation Exercises on paper:

Crazy8 Exercise: QR scanner for check-in/beverages order Fingerprint lock for payment/open an app Map direction Accessible items booking Ticket sharing with movie partner Share reviews on social media Movie page information in detail Surrounding should be accessible information
Storyboarding-Big picture_Sudhir Patel Scenario: An app to help users to book movie tickets and schedule them with their calendar Sudhir often forgets about family movie plan with his workload. He listens to our app and thought to use. Sudhir installed and sign up for our app. He books movie tickets for a family. He feels happy while using our scheduling add-on to his calendar. Sudhir feels efficient and satisfied at the same time.
Storyboarding-Closeup_Sudhir Patel Scenario: An app to help users to book movie tickets and schedule them with their calendar Sudhir signs up on the app to book a ticket. He chooses a movie to watch with his family. Sudhir selects theater, timings, etc. Sudhir books tickets and makes payments. Sudhir gets his digitally valid ticket. Sudhir gets options to schedule his time and notify.
User flow:
Information Architecture:
User flow for a showtime check-in app for movie theaters. User Task: Select showtime for a particular movie theater and book movie tickets. Schedule your plan into your planner.
Information Architecture for a showtime check-in app for movie theaters
Wireframe Ideation:
Five paper wireframe ideation for home screen with star marked selections and final wireframe ideation.

I had ideated some designs for the home screen on paper. From them, I had chosen the best-suited sections and finalized sections for the home screen. It is fun when your mind is flourishing with ideas, and you crave to explore them more.

Key points from wireframes:

The first arrow points out towards ticket and written, Can get a digital copy of a movie ticket on email and Whatsapp. The second arrow points out towards and written, Generates digital ticket for easy scan and entry.
The first arrow points out towards schedule dropdown and written, Add on the option to schedule their plan in their planner to get a reminder and plan better their day. The second arrow points out towards details of a calendar and written, Can add the name of your movie partner name to get them to notify about planning details.
Usability Study

An initial wireframe is tested with potential users by a usability study. It was conducted remotely in India. The usability study revealed some valuable insights, and it made me understand how minute details can change the user’s perspective! The process and details related to the usability study are present below.

Click to view the Usability study Research plan.

Derivatives from Usability Study:
Note-taking spreadsheet from usability study for a showtime check-in app for movie theaters
Affinity map from usability study for a showtime check-in app for movie theaters
Insights:
Insights from a usability study Users need more familiar and intuitive text to perform well. Users need more intuitive placement of apply coupon code and easy sorting. Users need a more clear visual hierarchy of payment procedures. Users need more information about the potential value of using the scheduling add-ons features.
Before-After Screens from a usability study:
After - Before usability study screen 1 for Movie theater list screen
After - Before usability study screen 3 for Ticket screen
After - Before usability study screen 2 for Success screen for add-on scheduling
Mockup Screens

After few iterations for low fidelity wireframes and usability research, come up with polished high fidelity designs. Some of the design screens are present here. Can check out all design screens from an embedded window.

Prototype:

A prototype of high fidelity mockup with interactions can be view by the link below.

Click here to view the prototype.

Takeaways

During the course of the project, I had learned so many new things and processes in detail. It is my first project, and I had enjoyed it thoroughly.
Empathizing with users differently without any biases and guidance is very important to get good outcomes from the research. I had also learned the importance of the users’ thought processes. It can change from user to user. How minor things and details can change conception from the user’s point of view! It is also necessary that you come up with equitable and inclusive solutions.
For this project, iteration is a continuous process. Also, usability study should be at every stage of the design, which helps to understand users and pain points. It also helps you in up to date with trends in the market.

Next Steps

1. Conduct usability studies to make sure that solutions address the pain points of users.

2. Design and iterate on group bookings for corporates and personals.

3. Do more research to find new needs of users and find the scope of improvements.