Movie Goer

The product

The app, named “Movie Goer" is a product that can be easily used by both people with disabilities and the elderly. This can be found in the simple and clean composition of Movie Gore, which is intuitive and does not confuse users with it’s own style of design considering the user-centric structure.

Project duration

Jun 2023 - July 2023

Project overview

My role

UX designer designing an app for Movie booking app called Movie Goer.

Responsibilitie

User research, Wireframing, Prototyping and Testing, Refine the design of the Prototype with the feedback of users from usability study.

The problem

Currently, movie booking apps on the market sometimes seem too distracting, which seems to make users lose their concentration on the app. And it seems to overlook the part about accessibility for all users, including people with disabilities.

The goal

My goal through Movie Gore is to create an accessible and easy-to-use application that anyone, including users with disabilities, can use comfortably and without difficulty through feedback from real users.

User research: summary

• This user group confirmed initial assumptions about movie ticketing applications users, but research also revealed that time was not only factor limiting users from booking their ticket for the movies. Other user problem included obligations, interests, or challenges that make it difficult to get their tickets for watching movie from the theater in-person.

User research: pain points

Time

Working adults are too busy to spend time on buying ticket

Accessibility

Platforms for buying a ticket are not equipped with assistive technologies

IA

Text-heavy menus in apps are often difficult to read and order from

Real-time information

the difficulty of obtaining proper real-time information when purchasing movie tickets or seat reservations

User journey map

We tried to analyze the behavioral patterns of users who live busy lives when they book a movie, and analyze which parts they feel frustrated or satisfied with. Besides through that data, we tried to find improvements and apply them to the design to solve the pain and problems of users.

Paper wireframes

The goal of this is to visualize a movie booking application with an intuitive structure in my opinion and materialize the design of the digital prototype through it. The beginning of the thought process is to make the elements that make up the home screen, such as the menu configuration necessary for booking a movie, intuitive and simple so that the user can achieve the goal of movie booking.

digital wireframes

The goal of the home screen configuration is to reduce user confusion and help users easily find the movie they want and complete the movie reservation. The beginning of the thought process is starts with making the menu easy for users to see and checking information in real time so that users can smoothly reach movie reservations.

digital wireframes

The goal of this process is to provide an environment where users can easily select the date they want to see a movie and select their desired seat easily and conveniently. The beginning of the thought process is to configure an environment where users can check the date and time in real time with minimal manipulation and select the seat they want as easily as possible.

Low-fidelity prototype

• I'm creating a new app to helppeople want to book a movie ticket. we need to find out if the main userexperience, booking a movie ticket, is easy for users to complete. we'd alsolike to understand the specific challenges that users might face in thesearching, booking, checkout processes.

Usabilitystudy: findings

I conducted two rounds of usability studies. Finding from the first study helped guide the design from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Round 1 findings

Users want more simple and intuitive Menu style

Users want accessible function whenever they want

Users want a range of possible outcomes

Round 2 findings

Inthe seat selection process, the layout of seats need
to be more detailed

Paymentinfo, such as my credit card information
need to be included

User want to group order or multiple order function

mockups

The goal of this process is to create an attractive screen composition that can better draw the user's attention to the composition of the home screen, providing pleasure in manipulating the screen. The thought process starts with how to make the home screen more enjoyable for the user and motivating them to continue interacting with it.

mockups

The goal of this process is to make it easier for users to select the movies they want by providing various and reliable information to users. The thought process starts with how to organize the information to make it more visible to the user and provide the user with a searchable environment.

mockups

The goal of this process is to provide users with a more detailed seating plan based on feedback from usability studies. The thought process starts from the feedback of the usability study that wants to add detail to the design, which was only limited to the simplicity of seat selection that we had before the usability study.

mockups

The goal of this process is to provide users with a more detailed payment process for movie booking derived from feedback from usability studies. The thought process starts from the feedback of usability research and how to check the payment process to the user in detail and how to provide the contents appropriately.

mockups

The goal of this process is to provide the user with the pleasure of using the application by adding a esthetic elements, and to provide the convenience of use while providing the QR code. The thought process begins with the feedback of usability studies and concerns about how to construct an app environment that makes users want to continue using the app.

mockups

The goal of this process is to diversify the menu composition of the snack bar based on the feedback from the usability study and to broaden the range of menu selection methods for users. The thought process begins with the diversification of menu composition and ordering methods derived from feedback from usability studies, such as activating a cart or adding a menu in a cart.

mockups

The goal of this process is to provide an environment in which users can more accurately check their order details and, in the process, to make users feel attracted to the application. The beginning of the thought process begins with thinking about how to make the overall app environment attractive and unique, derived from feedback from usability studies.

High-fidelity prototype

Accessibility considerations

Ensure visibility within the app by allowing the size and thickness of the text that composes the menu to be adjusted, ensuring accessibility for a variety of users.

Providesa function to reduce transparency or increase contrast, as well as a colorfilter function and a screen reader function, considering the accessibility ofall users, including users with visual impairments.

Securing ease of access for users of various languages by allowing various languages to be added

Takeaways

Impact

User-centered design and pleasure from usability, an attractive movie booking application that you want to continue using.

What I learned

I was able to learn that our users, including myself, who live in complex and diverse information, are thirsty for the pleasure of simpler yet usability. I think it is our responsibility as UX designers to configure an environment that can properly solve our insensitivity exposed to too many types of designs and structures.

Next steps

Conduct additional usability research to see if the user's pain point has been truly resolved and whether the improvement of the design formed through the two usability studies is appropriate.

Based on the feedback obtained through additional usability studies, we conduct a design iteration process to make the design more attractive and solve the user's pain points.

After the design iteration process, try the process of handing over the design data to team members such as engineers working together.

Let's connect!

Thank you for your time reviewing my works.
If you like to see more, please get in touch with me.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.