Lo-Fi App Design Prototype
Weeks 9 and 10:
I began preparing for the creation of a minimum viable plan based on all my previous research and studies. I learned how to use Figma to create wireframes because I need to first make wireframes and then add fonts, images, and instructions. I also learned about the requirements for usability testing, where participants complete specific tasks and take notes. The main goal is to identify usability issues, collect data, and assess overall user satisfaction.
Steps:
- Recruit three participants and assign a scenario to each.
- Define three user scenarios and provide written descriptions for each.
- Conduct online testing.
- Collect feedback.
- Improve the low-fidelity prototype.
The initial version included only a simple login page, homepage, and personal page. I had four people test it. Below is the summary of the initial test:
1. The login page was too basic, with the login and registration processes being almost identical, which did not align with standard software workflows.
2. The homepage lacked content, and clicking actions frequently caused bugs where two pages would loop between each other, disabling the back function.
3. The layout and design of the personal page were inconsistent with the other pages, creating a disjointed experience for users.
To fix the bugs, I deleted all previously set commands and changed my design strategy. I decided to complete each minimum viable page first, then add commands to the main pages, and finally create the subpages derived from the main ones. At the end, I would add effects like sliding transitions.
To solve this issue, I represented both the pause and play states with separate screens and linked their commands to each other. As a result, a single video required 14 screens since this section involved the most user interactions. To avoid command confusion in the future, I turned all the interactive screens for one video into a self-contained loop model. This way, I could directly copy it whenever video playback was needed.
Low fi link：https://www.figma.com/design/PP5qSnyIJnaBi7P99wAUaJ/BILIBILI?node-id=0-1&p=f&t=4uAMWAQ90nGomle2-0
I presented the low-fidelity model to three video software users. Below are the video demonstration and their feedback.
First User:
Step1：Demonstration content: login, homepage, search, and watch video.
Feedback: Overall, it’s good, but the homepage categories are too fixed and not detailed enough.
Step 2:Viewing the feed, selecting a video from the album to post, opening the chat interface, and messaging a friend.
Feedback: The steps to publish a video are not detailed enough, and browsing is not possible.
second user：
Step1：Registration and login, displaying homepage categories, searching for and watching videos, and messaging a friend.
Feedback： The experience was relatively smooth.
Step2：Searching for products and making a purchase on the store page, and publishing a video.
Feedback： The icons on the payment page are too large, affecting the user's visual experience.
Comments
Post a Comment