• Flash


    A movie ticket app that allows sers to pre-purchase tickets for the theatre.

  • Process


    1 - Research
    2 - Ideation
    3 - Testing
    4 - Design
    5 - Reflection

  • Role / Duration


    UX/UI Design
    Prototype

    8 weeks

  • Overview


    This project aims to elevate the user experience of the movie ticketing app by focusing on enhancing the app's usability and overall appeal. The key objective is to design a user-centric interface that simplifies the process of searching for movies, choosing showtimes, and purchasing tickets. The project involves a comprehensive redesign, incorporating user feedback and thorough research insights to create a more engaging and efficient platform.

  • Problem


    My challenge is to identify and address any pain points within the entire process from start to finish to create a smooth and successful experience. The ultimate goal is to make the app a user-friendly, efficient, and enjoyable tool for moviegoers, restoring confidence and satisfaction in using this service.

  • Solution


    User Journey Mapping: Create a detailed user journey map that visualizes each step a user takes, from opening the app to successfully purchasing a ticket. This map should highlight pain points and moments of friction.

    Identify Pain Points: Analyze the user research and journey map to pinpoint specific pain points. This could include confusing navigation, slow load times, unclear instructions, or payment difficulties.

    Iterative Testing: Implement the design changes incrementally, and conduct iterative testing at each stage. This allows me to improve and make necessary adjustments.

RESEARCH

Understanding the User

I took a goal-directed design approach that proved to be effective in my design efforts. I found qualitative research methods to be valuable, which consisted of problem and goal statements, personas, and journey maps. I started asking myself these following questions as a guide to kickoff.

Personas

User Journey Map

I put together a journey map sheet to give an idea of what the average user will go through from a basic start to finish while considering possibilities of a problem and solution.

Design Challenges

1.

Develop an interface that is minimalistic, allowing users to concentrate on the product.

2.

Design a unified interface to create a sense of familiarity for users.

3.

Ensure accessibility is a primary consideration.

IDEATION

Wireframe

I started with paper and digital wireframes where I drew the basic layout and features of the application where it would later serve a low-fidelity prototype. The goal was to keep each screen with the minimum amount of information needed enough for the user to complete the tasks: selecting a movie, viewing trailers, reserving a seat, and purchasing a ticket.

Low-Fidelity Prototype

This low-fidelity prototype allows users to complete the process of booking a movie, time, and pre-selected seats. Users can also navigate to their profile and the trailers section.

TESTING

Moderated Usability Test

I conducted a moderated usability test with a sample of five participants to evaluate the functionality of a low-fidelity prototype. These users were tasked with performing straightforward actions, such as selecting a movie, navigating to the trailer page, reserving show tickets, and locating their purchased tickets.

Key Insights

After creating the prototype from lo-fi wireframes, I conducted two rounds of moderated usability studies. Users were asked to compete simple tasks and respond to open-ended research questions. The first round of testing helped guide the designs from wireframes to mockup. The second round used a high-fidelity prototype and revealed which features or aspects needed refining.

Round 1

  • Users want simple navigation.

  • Users need confidence while using the app.

  • Users need to complete the path as quickly as possible.

Round 2

  • Showtimes needs to be more visible.

  • Movie time slots are too cluttered; need spacing.

  • The legend seating chart needs to be simple.

DESIGN

Iteration

I found that taking feedback from a moderated usability test helped me create a user-centric design, ensuring that I addressed real user needs. When I iterated UI designs based on this feedback, it fostered continuous improvement and resulted in a more intuitive and effective user experience.

Design Challenge #1

Design a cohesive interface for familiar and unfamiliar users.

The interface is very basic with visible iconography, natural gestures, and simple steps to complete the task.

Design Challenge #2

Create a minimalistic UI to keep the focus on the product.

Just the right amount of elements were used to create this simple user interface. No extra stuff.

Consider accessibility throughout the design.

Aside from color contrast throughout the app, the seating arrangement has the option to zoom in and out.

Design Challenge #3

Component and Style Guide

REFLECTION

Working on this cinema project has been exciting and insightful. I’ve learned that by continuously iterating, embracing emerging technologies, and valuing user feedback, we can create a cinema experience that truly engages moviegoers.

This task aligns with my profound enthusiasm for the responsibility of crafting an interface that can meaningfully enhance the movie-watching experience for our users.

End.