Cinetick
Muhammad Qasim
The product:
Cinetick is a movie ticketing mobile app in Pakistan. It provides movie reviews, synopsis, trailers, and quick barcode/QR code e-ticketing features. The user-friendly interface streamlines the booking process, eliminating the need for physical tickets and long queues. Cinetick offers a hassle-free and efficient way for movie lovers to book tickets and enjoy a seamless experience. With its advanced features and convenient interface, Cinetick is a must-have app for moviegoers in Pakistan.
Project overview
Project duration:
Nov 2022 to February 2023
The problem:
The usual problems with movie ticket booking in Pakistan include inefficiency, long queues, and the need for physical tickets. Additionally, it can be challenging for moviegoers to decide which movie to watch with so many options available. Cinetick addresses these issues with its streamlined mobile app offering quick ticketing and access to movie information.
Project overview
The goal:
Design an app that would enhance the movie ticket booking experience in Pakistan. Aimed to create a user-friendly interface that would eliminate inefficiencies, reduce wait times, and simplify the process of booking tickets while providing access to essential movie information. The result is Cinetick, an easy-to-use app that enables quick ticketing and offers essential movie details.
My role:
As the UX Designer for Cinetick, I designed and delivered a high-fidelity, user-centered movie ticketing app for Pakistani moviegoers, overseeing the process from conception to delivery.
Project overview
Responsibilities:
My responsibilities as the UX Designer for Cinetick involved conducting research on user needs, developing wireframes and prototypes, and conducting usability testing. The aim was to create a user-centered design that streamlines the movie ticket booking process and enhances the user experience for moviegoers in Pakistan. I aimed to create a seamless and intuitive app that provides quick and easy access to movie information and ticketing.
Understanding
the user
User research: summary
Based on secondary research, it was found that Pakistani moviegoers faced inefficiencies, long queues, and difficulty in deciding which movie to watch. To address these issues, Cinetick was designed as a user-centered movie ticketing app with quick ticketing, in-app movie reviews, trailers, and synopses.
Additionally, pain points of wheelchair users were also considered, leading to the inclusion of special seating arrangement options in the app. Through usability testing, working adults were identified as the primary users of the app, with positive feedback on the app's features, particularly the quick ticketing and in-app movie reviews, which significantly improved their overall movie ticket booking experience.
Overall, the user research conducted for Cinetick highlighted the importance of creating a seamless and intuitive app that caters to the needs of Pakistani moviegoers. The insights gained from the research were instrumental in the app's design and development, resulting in a user-friendly interface that offers a hassle-free movie ticket booking experience. The research findings also emphasized the importance of considering the unique needs of all users, including those with disabilities, and how technology can be leveraged to make movie ticket booking more accessible and inclusive.
User research: pain points
Ticketing Inefficiencies
The current movie ticket booking process in Pakistan is inefficient and time-consuming, with long queues and physical ticket requirements causing delays.
Customers find it frustrating to wait in line for long periods, leading to a poor user experience.
Decision Making Overload
With an overwhelming number of movie options available, customers find it difficult to decide about which movie to watch.
This leads to indecision, wasted time, and an overall unsatisfactory experience.
Limited Accessibility
The current movie ticketing process does not provide adequate accessibility options for wheelchair users, leading to difficulties in finding suitable seating arrangements.
This can be frustrating and exclusionary for users with disabilities.
Poor Information Accessibility
Customers often struggle to find reliable and up-to-date movie information, such as showtimes, synopses, and reviews.
This can lead to confusion and frustration, ultimately impacting the overall user experience.
1
2
3
4
Persona: Sara Khan
Problem statement:
Sara is a wheelchair user who requires special seating arrangements so that she can watch and enjoy a movie like everyone else.
Persona: Asim Azhar
Problem statement:
Asim is a busy working adult who requires an easy way to access movie reviews and ratings because he currently uses external apps and websites.
User journey map
In order to gain a deeper understanding of our users' experiences, a user journey map was created to analyze each stage of the movie ticket booking process for our personas.
Starting
the design
Paper wireframes
During the design phase of the Cinetick project, wireframing was an important step in creating a user-centered movie ticketing app. Iterations of each screen were first drafted on paper, ensuring that the elements that made it to digital wireframes would be well-suited to address user pain points. The wireframing process helped to prioritize a quick and easy ticketing process on the home screen while also ensuring that the synopsis, video trailer option, and reviews screens were easily accessible for users.
Stars were used to mark the elements of each sketch that would be used in the initial digital wireframes.
Paper wireframes
Iterating on paper wireframes proved to be a time-saving and efficient approach for the Cinetick project, allowing for necessary design changes to be made before moving onto the digital design process. This method helped ensure that the final digital wireframes effectively addressed user pain points and provided an intuitive and seamless experience for the app's users.
Digital wireframes
Throughout the design phase of Cinetick, I kept a close eye on user research feedback and insights to ensure that screen designs were tailored to address user pain points and preferences. To ensure an inclusive experience for wheelchair users, the app includes options for special seating arrangements, resulting in a more comfortable and enjoyable moviegoing experience.
The option for wheelchair users in the app ensures they can book their desired seating arrangement with ease and convenience.
Digital wireframes
Ensuring intuitive navigation was a crucial aspect of designing Cinetick to make it easy for users to access movie synopses, trailers, and reviews. Furthermore, the app was designed to be compatible with assistive technologies to ensure that all users can navigate the app with ease.
With the prominent placement of the watch trailer button, users can easily view movie trailers to inform their movie selection on the Cinetick app.
The scheduling and synopsis options provide quick access to seat booking options and movie information for a seamless user experience in the Cinetick app.
Low-fidelity prototype
During the design process for the Cinetick app, I created a low-fidelity prototype based on the completed set of digital wireframes. This allowed for testing and validation of the primary user flow of selecting a movie, viewing details such as synopsis and reviews, and booking a seat, which was essential to ensure the app's usability.
View the Cinetick low-fidelity prototype
Usability study: findings
I conducted two rounds of usability studies to refine the Cinetick app design. The findings from the first study guided wireframes to mockups, while the second study, using a high-fidelity prototype, identified areas that required further refining.
Round 1 findings
Some users had difficulty locating the wheelchair-accessible seats and recommended making the option more prominent in the app.
1
Round 2 findings
Users liked the overall look and feel of the app but recommended improving the contrast between text and background colors.
2
Users had difficulty finding the button to view movie details.
1
Some users found the text on the order summary screen too small.
2
Users were generally able to complete the booking process successfully.
3
Refining
the design
Mockups
I took the feedback from the usability study and addressed the issue of small text on the order summary screen by increasing the font size to improve legibility for users. Additionally, font sizes on other screens were also reviewed and adjusted for improved readability.
Before usability study
After usability study
Mockups
In response to user feedback, I explored various solutions including making the option more prominent in the app and changing the color of available seats. I also reviewed the contrast between text and background colors and made necessary adjustments to improve legibility.
Before usability study 2
After usability study 2
Mockups
High-fidelity prototype
The final high-fidelity prototype for Cinetick app presented improved user flows for movie selection, seat booking, and checkout. It met user needs for easy navigation, scheduling options, and accessibility.
View the Cinetick high-fidelity prototype
Accessibility considerations
Designing a clear and consistent layout and using appropriate font sizes and styles for readability.
Making sure that there is enough color contrast between the text and background to make it easier for users with visual impairments to read.
Ensuring compatibility with assistive technologies, such as screen readers and speech recognition software.
1
2
3
Going forward
Takeaways
Impact:
The app's intuitive interface and seamless user flow make booking a movie and selecting seats a breeze, as one user expressed in feedback:
"I loved how easy it was to navigate the app and book my tickets. The process was quick and stress-free."
What I learned:
During the design process of the Cinetick app, I realized that the initial concepts were just the starting point. Continuous feedback from usability testing, as well as input from colleagues, helped shape and refine the app's interface and functionality to enhance the user experience.
Next steps
Conduct additional usability testing: While the high-fidelity prototype has gone through rounds of usability testing, it's important to continue testing as the app develops. This will ensure that the app is user-friendly and accessible to a wide range of users.
Implement accessibility features: As discussed earlier, accessibility considerations were considered during the design process. However, it's important to continue implementing accessibility features as the app develops to ensure that all users can enjoy the app.
Collaborate with the development team to optimize the app for various devices and screen sizes, ensuring a consistent and satisfying user experience across different devices.
1
2
3
Letβs connect!
Thank you for taking the time to review my work on the Cinetick app. If you have any further questions or would like to see additional examples of my work, please feel free to contact me using the information provided below.
I look forward to hearing from you soon!
Email: iseeqasim@gmail.com
Find me on π
Instagram | Behance | LinkedIn
Thank you!