A mobile app which allows users to purchase movie tickets or food and beverage online.
Role
UX Designer
Tools
Pen & Paper Miro Figma
Duration
6 weeks Jan - Feb 2022
MULTI
LINGUAL
Users able to select the language at onboarding screen and later change it at the settings.
Users able to select the language at onboarding screen and later change it at the settings.
MOVIE
MOVIE
SHOWTIME
Ticket tracking allows users to review the details of their tickets and check their purchase history.
Ticket tracking allows users to review the details of their tickets and check their purchase history.
VIRTUAL
TICKETS
VIRTUAL
TICKETS
PROCESS
RESEARCH
Interview User Journey Map User Flow Competitive Analysis
01
IDEATE
Crazy Eights Brainstorms User Story Board Paper and Digital Wireframe Low- Fidelity Design
02
TESTING
Usability Study Affinity Diagram Develop Insights
03
RESEARCH
Interview User Journey Map User Flow Competitive Analysis
01
IDEATE
Crazy Eights Brainstorms User Story Board Paper and Digital Wireframe Low- Fidelity Design
02
TESTING
Usability Study Affinity Diagram Develop Insights
03
PROTOTYPE
Iterate Design Design System Hi-Fidelity Prototype
04
PROTOTYPE
Iterate Design Design System Hi-Fidelity Prototype
04
DOCUMENT
Compile Evaluation Next Steps Reflection
05
DOCUMENT
Compile Evaluation Next Steps Reflection
05
RESEARCH
PERSONA
JORDAN LING, 27 YEARS OLD
FRUSTRATION
I had to wait a long time to get a movie ticket When I buy a ticket online, it's difficult for me to compare prices because the price is only shown on the checkout page
GOALS
Able to avoid the queue and clearly outlined prices so that it's easier to compare.
More languages should be provided.
01
Image retrieved from Kindel Media, Pexel.com
RESEARCH
USER FLOW
01
02
IDEATE
Paper Wireframe
Low- Fidelity Prototype
03
TESTING
USABILITY STUDY
“ I'm abit confusing that which theater location am I choosing for ”
“ Maybe there could be instrustion or something that could help me ”
“ Annoyed when every screen need to scroll down to get the menu bar ”
“ Annoyed when every screen need to scroll down to get the menu bar ”
“ I thought click the box will bring me to the next step ”
“ I thought click the box will bring me to the next step ”
“ Which cinema am I looking at? ”
“ Which cinema am I looking at? ”
“ Click on the boxes but there's no response then only realized have to click on the add button ”
“ Click on the boxes but there's no response then only realized have to click on the add button ”
Insight 1
Users require cues for the theatre place that they have selected.
Insight 2
Users want instructions or cues to inform them what to do next.
In an age of short attention spans, animated micro-interactions are the ideal method to increase user engagement.
Engagement across multiple channels
Responsive website to enable users to access through a variety of devices in a more convenient manner.
Develop push notifications
Push notifications are an effective alternative to notify users of an update. This little notice will attract the user to return to the app, boosting the app's conversion rate.
05
05
REFLECTION
Maintain consistency
I've always struggled with keeping things neat and consistent, but this project taught me about design systems, which assist me design the components and style in a more consistent manner.
Empathizing with users
I found that empathizing with users actually eliminates preconceptions and gathers real-time insights. No one can clearly comprehend another person's experience, but I attempt to get as close to consumers as possible in order to understand their needs.