UX Design - Final Project: Prototype & Concept Testing
16 June 2025 - 25 July 2025 (Week 9 - Week 14)
These are the rough sketches showing the app screens and flow.
1) beginning with low-fidelity wireframes to outline the basic layout and functionality,
2) followed by interactive prototypes demonstrating detailed user interactions and navigation flows,
3) and concluding with high-fidelity designs that refine visual elements and animations.
Due to the limited time remaining, it was advised to narrow the scope and
workload of the project. Some features appear to be achievable only through
coding. So, a screen to screen demonstration of the idea will suffice. It does
not need to be fully completed or refined. But it should include animations
and button interactions.
1. Focus on the main idea first. These are the must have features.
2. Put the Parking Availability feature on hold.
3. Continue it only if there is time left.
However, since we are still at the sketching stage, I am concerned we might have to revamp everything during the low-fidelity stage, or encounter issues such as missing or disorganised information, or cluttered designs. Based on past experiences and reflection, I often tend to modify designs at every stage, which can negatively affect my mental state due to the constant generation of new ideas and the frustration of feeling stuck when outcomes don't match my expectations.
Duties were clearly assigned and tightly managed to ensure everything proceeds according to our plan within the remaining timeframe. After discussions with my two teammates, YUU will handle the loading screen and animation, while Arnusha will convert the sketches into low fidelity wireframes. I will then take over to refine the designs, animate, and prototype the interface before conducting user interviews and testing next week.
Honestly, since I am the only member specializing in UIUX, I initially struggled with whether I should handle certain tasks myself. I was concerned about potentially depriving my teammates of valuable experiences. However, I am grateful that my teammates understand my perspective, support my vision, and help bring it to life. I also believe my teammates will surprise me, which they already have, because I recognized my limitations regarding custom illustrations and artwork tailored specifically for our app. Both YUU and Arnusha come from entertainment design backgrounds and have experience in application design, making the communication within our design process exceptionally smooth.
Vincent Lee // 0359386
UX Design // Bachelor of Design (Hons) in Creative Media // Taylor's
University
Final Project: Prototype & Concept Testing
Instructions
MIB
<iframe
src="https://drive.google.com/file/d/1rgJw-kz3JflGH9Gupzo7ZHW9mu_jM3Nx/preview"
width="640" height="480" allow="autoplay"></iframe>
Final Project: Prototype & Concept Testing
After finalising task 2 and 3, based on the ideations, we are required to
develop a prototype of a given project. Upon completing the product, we are
required to conduct several iterations of user testing to specific target group
in order to finalise the product or service.
Ideation [Sketches]
Rationale:
(left) The railway represents the LRT, the road for drivers. Both linking to our commuting audience. The duck nods to our campus lake, and the bridge reflects the one near our campus toll.
(right) add a bus stop for BRT and bus users
|
| Figure 1.1 - Ideation #1, Week 9 (16 June 2025) |
Rationale:
(left) Make the loading icon an animation of a snake chasing its tail using railway, road and bridge. A duck swims slowly below.
(right) The bridge and road above are the main roads near our school. Below, the duck sits on a mine cart.
|
| Figure 1.2 - Ideation #2, Week 9 (16 June 2025) |
Rationale:
Include a short rotating animation at the top to add texture and make the loading screen more engaging.
|
| Figure 1.3 - Ideation #3, Week 9 (16 June 2025) |
- Splash Screen and Onboarding Screens (top-left)
- Home Page (left-middle)
- Parking Feature Page (left-bottom)
- Transit Page (right)
|
| Figure 1.4 - Features & Screens, Week 9 (16 June 2025) |
Each section will be structured according to
3 progressive stages of design:
1) beginning with low-fidelity wireframes to outline the basic layout and functionality,
2) followed by interactive prototypes demonstrating detailed user interactions and navigation flows,
3) and concluding with high-fidelity designs that refine visual elements and animations.
|
| Figure 1.5 - Week 10 Meeting Agenda, (23 June 2025) |
|
| Figure 1.6 - Page Breakdown and Design Intent for Each Screen, Week 10 (23 June 2025) |
Splash Screen / Onboarding & Login Screens
- Splash Screen
- Welcome Screen
- Onboarding Slide 1 / 2 / 3
- Login Screen
- Sign Up Screen
Home Page
Public Transport Stops/ Stations & Schedules
Parking Availability Features
Final Project Submission
FigJam Workspace
Figma Workspace and Links
User Feedback
Canva Slides
Feedback
Week 10
1. Focus on the main idea first. These are the must have features.
2. Put the Parking Availability feature on hold.
3. Continue it only if there is time left.
Reflection
Week 9
The process was relatively easy to kick-start, as I gathered inspiration from
Dribbble and Pinterest. I then modified the design and layout according to the
features required for our app. Progress is currently on track, but given the
limited time remaining, it's essential to be clear and precise about our final
output. This clarity will enable us to efficiently conduct user testing and
final refinements for submission and presentation in Week 14.However, since we are still at the sketching stage, I am concerned we might have to revamp everything during the low-fidelity stage, or encounter issues such as missing or disorganised information, or cluttered designs. Based on past experiences and reflection, I often tend to modify designs at every stage, which can negatively affect my mental state due to the constant generation of new ideas and the frustration of feeling stuck when outcomes don't match my expectations.
Week 10
Honestly, since I am the only member specializing in UIUX, I initially struggled with whether I should handle certain tasks myself. I was concerned about potentially depriving my teammates of valuable experiences. However, I am grateful that my teammates understand my perspective, support my vision, and help bring it to life. I also believe my teammates will surprise me, which they already have, because I recognized my limitations regarding custom illustrations and artwork tailored specifically for our app. Both YUU and Arnusha come from entertainment design backgrounds and have experience in application design, making the communication within our design process exceptionally smooth.
Week 11
Final project: need to include a comparison of all commute methods (car, bus, and train).
time duration and distance
tied timetable to the app with notifications
A preliminary implementation or prototype developed to demonstrate the feasibility of a concept, design, or functionality. In the context of UX and cybersecurity, a PoC helps validate whether the proposed solution effectively addresses user needs and security requirements before investing in full-scale development. [Link]
time duration and distance
tied timetable to the app with notifications
Week 10 Notes
Google Docs [Link]Additional Readings
- Proof of Concept (PoC)A preliminary implementation or prototype developed to demonstrate the feasibility of a concept, design, or functionality. In the context of UX and cybersecurity, a PoC helps validate whether the proposed solution effectively addresses user needs and security requirements before investing in full-scale development. [Link]
- Heuristic Evaluation / Expert Review
This method involves usability inspection conducted by individuals with expertise in user experience (UX), human factors, and domain-specific knowledge—particularly in cybersecurity. These experts evaluate the interface based on established usability principles (heuristics) to identify potential usability issues, ensuring the design aligns with both general UX standards and the specific needs and risks associated with the cybersecurity domain.
This method involves usability inspection conducted by individuals with expertise in user experience (UX), human factors, and domain-specific knowledge—particularly in cybersecurity. These experts evaluate the interface based on established usability principles (heuristics) to identify potential usability issues, ensuring the design aligns with both general UX standards and the specific needs and risks associated with the cybersecurity domain.
Quick Links
Task 1: UX Audit
Task 2: User Personas & Empathy Map
Task 3: User Journey Map & Ideation
Final Project: Prototype & Concept Training
