.jpg)
Application Design / Bachelor of Design in Creative Media
Project 3: Lo-Fi App Design Prototype
Index
1. Instructions
2. Project 3
3. Feedback
4. Reflection
Project 3: Lo-Fi App Design Prototype
After completing the UX design process, students will create a low-fidelity prototype of their app. They should arrange all screen wireframes, actions, and visual feedback, linking them together in a prototyping software such as Adobe XD, Figma, or Invision Studio. Next, students must conduct usability testing by inviting guests to interact with their low-fidelity prototype. During these tests, students will gather information, responses, feedback, and note any pain points observed. This process should be documented through video recordings and a detailed analysis document that outlines the findings and proposed solutions to the issues encountered by testers.
Visual Design Concept
Before we start designing the low-fidelity app, we need
to base our design on our chosen app and think about the
UI kits, including color, iconography, typography, and
more. This will help guide our design process.
Designing Progress
After deciding all the UI kits, designing progress can
be start.
Usability Test
In this stage, I developed three scenarios/tasks with
detailed descriptions that require users to perform
specific actions within the application. Three people
are involved in this usability test of the low-fidelity
Senheng app design.
Scenario 1: Adding Products to Cart
- As a new user of the Senheng app, imagine you have just downloaded it. First, navigate to the category page and find the Laifen product. Then, use the filter functions to find the most suitable option and apply the filter. Next, view the product's details and add the product to your cart. After this, double-check to ensure that it has been successfully added to your cart.
Scenario 2: Purchasing a Product
- In this scenario, imagine you would like to find a product using the Photo Search function. Click on any product you like and view its details. Then, choose your favorite options and proceed to payment until the payment is completed.
- Now, imagine you have completed your order and received a notification. You would like to check your order form to confirm your order. Then, you want to view the tracking status of the product. After a few days, you receive your order and want to find the history of your order to view it.
User Feedback
I asked for feedback from the 3 participants. Here
is the
link
of user feedback in Google docs.
Summary of Areas for Improvement Based on User Feedback
- Font Size: Increase the font size for better readability, especially on larger screens like computers.
- Icons and Buttons: Enhance visibility and responsiveness of icons and buttons. Implement hover effects to indicate when a specific page is selected or a button is clicked.
- Layout: Improve layout consistency, such as displaying the home page in the background during login instead of a blank screen with an ad. Ensure the design remains clean despite the presence of multiple brands and categories.
Feedback
Week 13
Specific Feedback: The flow of the page should be improved; for
example, on the order form page, clicking the
back button should return to the previous page
instead of navigating to another page.
Additionally, after clicking the "Add to Cart"
button, there should be a visible effect to
confirm the action and prevent user
confusion.
Week 12
Specific Feedback: Mr. Wong suggested that the user scenarios could
be written in more detail by following the sample
provided by the lecturer.
Week 11.
Specific Feedback: In the home page layout arrangement,
super deals should be placed above the brand
stores to attract users when they browse the
e-commerce mobile app.
Comments
Post a Comment