Application Design 1 Project 3: Low-Fi App Design Prototype
Application Design 1 - Project 3: Low-Fi App Design Prototype
21/6/2025 - 20/7/2025 (Week 10 - Week 12)
TABLE OF CONTENTS
1. LECTURES
|
| Typography. |
|
| Typography Guideline. |
|
| Colour Scheme. |
|
| Iconography. |
|
| layouts and Grids |
|
| layouts |
|
| components |
First Attempt Low-Fidelity Prototype Work Progress
To advance the project, the next step is to develop a complete low-fidelity prototype that visually outlines the application's structure and functionality. We also need to conduct user testing to ensure quality.
There are three stages in the testing phase.
Upon first launching the app, users access the sign-in/sign-up page. According to testing by my friends, the overall process works smoothly, allowing users to create accounts or log in without major issues. Only minor glitches were noted, such as unclear input prompts or slight UI adjustments needed, which can be addressed in subsequent updates.
Scenario 2: Car Rental Process
Users browse available cars, select their preferred vehicle, and proceed to the payment page. During testing, many users encountered difficulties at the payment stage — the interface became unresponsive or failed to submit orders. This issue appears related to misconfigured properties in the payment module, causing a blockage in the rental workflow. It is recommended to prioritize debugging this area, including code and API calls.
Scenario 3: Car Favoriting Feature
After completing or during the rental process, users can favorite cars they like. This feature is relatively straightforward and was tested without significant problems. User experience here was smooth and well-received.
Based on the feedback received from users during testing, I have updated and enhanced the components accordingly. The improvements include refined UI elements, clearer input prompts, and optimized interactions to ensure a smoother and more visually appealing user experience. These updates aim to address the minor issues reported and elevate the overall usability and aesthetics of the app.
User Sign-In and Registration:
Minor UI adjustments and clearer input prompts were added
to address the small issues reported during the login and
registration process. These refinements improve form
clarity and reduce user confusion, resulting in a smoother
onboarding experience.
Car Rental Payment Process:
The payment interface was thoroughly reviewed and debugged to resolve the blocking issues caused by misconfigured properties. Improvements in form validation, error handling, and backend integration now ensure that users can complete their payments without interruptions, significantly enhancing the rental flow.
4. FEEDBACK
Week 11
General feedback indicated the need to construct a user kit before
developing the prototype, emphasizing the importance of thorough
preparation.
Week 12
sir was suggested that a low-fidelity
prototype should focus on structure and functionality rather than including
pictures or colors. In response, I chose to incorporate images to provide a
rough visualization of the app’s potential final appearance. This approach
aimed to help better communicate the overall layout and user interface
during the early design stages.
Week 13
Additional advice encouraged drawing inspiration from well-designed
e-commerce apps to elevate the prototype’s visual appeal. Taking this into
consideration, I recognize the need to explore more creative design
solutions that enhance both aesthetics and usability, with the goal of
making the prototype more engaging while retaining its core functionality.
5. REFLECTION
Experience
Working on this proposal gave me a practical understanding of the importance
of simplicity and functionality in the early stages of app design.
Developing the low-fidelity prototype allowed me to focus on the app’s
structure and user flow without distraction from visual details. Designing
in Figma was both challenging and rewarding, encouraging me to critically
consider user needs and how to create an intuitive interface. Usability
testing further enriched this process by providing real user insights into
the prototype’s design and functionality.
Observation
User feedback highlighted key areas for improvement. While many found the
navigation structure clear, some were confused by icon-only buttons lacking
text labels. Additionally, the absence of a search function on the category
page was noted as a usability gap. These findings emphasized the need to
balance minimalist design with clear, accessible elements.
Finding
Analysis of the feedback showed that small changes—like adding text labels
to navigation icons and including a brand search bar—can greatly improve
user experience. The process also underscored the importance of
accessibility and inclusivity, ensuring the design is intuitive for diverse
users. Overall, these insights reinforced the value of iterative,
user-centered design in creating a functional and user-friendly product.
评论
发表评论