Application Design 1 | Project 3 Lo-Fi Prototype

21/05/2025 - 25/6/2025 ( Week 5 - Week 10)

Lam Hui Zhen / 0374770
Application Design /  Bachelor of Design (Honors) in Creative Media / Taylors University
Project 2 ： Lo-Fi application design

Table of Contents

  1. Instructions
  2. Lectures
  3. Project 2 : Lo-Fi application Design
  4. Feedback

Instructions

Fig 1 Module Info Booklet Application Design 1



Lectures

Week 11 

Visual Design
User Interface (UI) = The other side of the UX spectrum

Design Priciples:
-Balance
-Contract
-emphasis
-unity
-proximity
-repetition
-alignment
- hierarchy
-simplicity
-negative space


Project 3

At this stage we need to look for reference and study our competitor application. Next we are asked to follow own customer journey map and create a draft of our application wireframes.
I'm focus the journey of the user when buying ticket.

Fig 2.0 Wire Frames draft

Main features
I focus on these features while creating the wireframe:
  • Movie preview
  • Movie Ticket Booking
  • Food & Beverage customization
Site Map



Fig 2.1 Lo-fi Wireframes design in Figma ( First version)


Low-Fi prototype ( Overall features)

After consultation with the lecturer I decided to enlarge my font size and also add on the contact us page to make the application look more complete and comprehensive.

Fig 2.2 Landing page, Main Page and Burger menu

Fig 2.2 Profile, Loyalty page and Rewards Redeem page

Fig 2.4 Contact us, Live Chat and order history

Fig 2.5 Movie selection page, Movie preview and booking flow

Fig 2.6 Payment process and ticket page

Fig 2.7 Prototype Scenario

User Testing

After completing my overall prototype, I moved on to the user testing stage. This testing focused on two main user flows: the happy path (booking process) and the Contact Us feature for users who encounter issues during their booking journey.


Feedback From the user

Fig 2.8 User Feedback Form

Analysis 

What’s Good
  • Easy to navigate; users understood where to tap or click
  • Clean, clear, and visually pleasant interface
  • Booking process mostly smooth and easy to follow
  • Helpful features:
  • Movie listings (helpful even without knowing movie names)
  • Seat selection with clear seat map
  • Trailer previews to help in decision-making
  • Live chat feature praised for quick support
  • Most users felt satisfied and rated the app positively
What Needs Improvement
  • Some buttons need to be tapped multiple times to work
  • Certain pages are hard to scroll or respond slowly
  • Live chat icon could be clearer (suggest using a text-labeled button)
  • QR code scanner was present but not functioning
  • Missing features users expected:
  • Movie ratings or reviews
  • Guest checkout option for faster booking

Final Outcome





Walkthrough Video: https://youtu.be/WJIKb_qWOEA


Feedback

Week 10

Specific Feedback: The draft seems goods, can try to proceed to the digital prototype

Week 11
Specific Feedback: Some of the words looks to small hard to read, refine it and for the first page can do some arrangement, the main purpose of these apps is let the user to buy ticket. Avoid rigid layout. Highlight Now Showing movies by enlarging their posters.