Application Design / Project 3 : Lo-Fi App Design Prototype
2/7/2025 - 16/7/2025 (Week11-Week13)
Amber Tan Jing Jing (0372746)
DST60504 / Application Design I / Bachelor of Design in Creative Media
Project 3 / Lo-Fi App Design Prototype
TABLE OF CONTENTS
1. Lectures
2. Instructions
3. Project 3 (Lo-Fi App Design Prototype)
4. Feedback
5. Reflection
LECTURES
Week11
This week we learned how to use Figma step by step. Mr Sylvain explained basic tools such as frame, shapes, text, alignment and also taught us how to use the Iconify plugin.
Week12
This week we learned how to create components in Figma. Mr Sylvain showed us how to make components that change color using variants.
INSTRUCTIONS
PROJECT 3 (Lo-Fi App Design Prototype)
Description:
Once the UX design process is completed, can now create a low fidelity prototype of the app. We needs to arrange all the screen wireframes, actions, visual feedback and link them up in Adobe XD/ Figma/ Invision Studio or any other prototype software’s. We are then required to perform usability testing whereby we will invite guests to test out our low fidelity prototype and gather all the information, response, feedback, pain points observed from the test.We need to document this process with video and produce a document containing detail analysis of this task and the solutions to the problems faced by the testers.
Initial Lo-Fi Prototype
Week11
Sketches
I first drew rough sketches based on my user flowchart plan the screens and how users would move through the app.
Since “Spin the Wheel” is a pop-up, users who select “Not Now” won’t spin immediately. To make sure they still get a chance later, I added a reminder in the Notification page that says “You have 1 unclaimed spin!” so they can go back and spin.
User 1- Yee Qin
1. Was there anything confusing or unclear while navigating through the prototype?
No, the prototype is clear and user-friendly, and there was nothing confusing throughout the process. Everything was straightforward, and I didn’t encounter any difficulties or uncertainties while navigating. The design and functionality were intuitive, which made the experience smooth and easy to understand. Overall, the entire process was seamless, and I felt confident using the prototype without any issues.
2. How easy was it to understand how to redeem the voucher using your points?
It was very easy. Just like other apps, I simply need to go to the exchange section to redeem it. The process is very intuitive and doesn't require any complicated steps. I just navigate to the designated section, and everything is clearly laid out for me.
3. Do the pop-ups help you better understand what actions you can take next? Do you think the pop-up reminders are helpful or annoying?
I think it is helpful, as without the pop-up assistance, I might need to spend time figuring things out on my own. The pop-ups serve as a clear guide, telling me what actions I can take next, which makes the process more efficient. It’s convenient to have these reminders because they prevent me from getting stuck or wasting time trying to navigate through steps on my own. At the same time, I appreciate that I have the freedom to decline them if I don't need the reminder or if I want to proceed in a different way. Overall, the pop-ups provide useful guidance without being intrusive, offering a helpful balance between assistance and control.
4. What did you think about the Spin the Wheel experience?
I think it's quite special and good. It creates an exciting way to encourage users to make a purchase, as it offers benefits after spending. The element of surprise adds a unique thrill to the experience, since you don’t know what you’ll land on before spinning, it keeps you curious and engaged. This uncertainty creates a sense of anticipation, which can motivate users to participate more actively. The idea of potentially receiving a reward after making a purchase is appealing, as it makes the process feel like a fun game rather than just a transaction. So, I think the 'Spin the Wheel' feature enhances the shopping experience by adding an entertaining and interactive twist, making it more enjoyable and compelling for users to keep coming back.
5. On a scale of 1 to 10, how would you rate the overall experience using this redesign app?
9/10
User 2- Pei Jiun
1. Was there anything confusing or unclear while navigating through the prototype?
No. All instructions are clear and concise, helping users understand the specific operations.
2. How easy was it to understand how to redeem the voucher using your points?
Very easy to understand.
3. Do you think the pop-up reminders are helpful or annoying?
Yes, pop-ups help better understand the next steps and provide clear and intuitive guidance.
4. What did you think about the Spin the Wheel experience?
I really liked it because I could get extra points. It made the experience more rewarding and fun.
5. On a scale of 1 to 10, how would you rate the overall experience using this redesign app?
9/10 - The overall design is excellent and the instructions are clear.
1. Was there anything confusing or unclear while navigating through the prototype?
I found it very clear and straightforward. Everything was immediately visible.
2. How easy was it to understand how to redeem the voucher using your points?
It was extremely easy. The instructions on how to redeem and use the vouchers were very intuitive.
3. Do you think the pop-up reminders are helpful or annoying?
The pop-up reminders were very helpful, clearly explaining what actions to take next.
4. What did you think about the Spin the Wheel experience?
The Spin the Wheel feature was fun because I could get extra points. It made the reward process more exciting.
5. On a scale of 1 to 10, how would you rate the overall experience using this redesign app?
8/10 – It is very straightforward and easy to follow.
FEEDBACK
Week11
- Overall is ok
- The second pop up why don't bring me to REWARDS directly. If just press OK then I have to find where is the REWARDS.
- Another pop-up says "RM2 cash coupon is added to MyCoupons", but I don’t know where MyCoupons is. I have to go back to the homepage and look for it. It would be clearer if there’s a “Go to Coupons” button.
- Pop up need to be more clear like "myNEWS RM2..." because the app includes different stores and it's not clear which coupon it refers to.
- The "spin the wheel" part feels too sudden. I thought everything was done after the pop-up, but then it suddenly asks me to spin. Maybe before "spin the wheel" can ask first like "You’ve earned a spin, do you want to spin now?"
REFLECTION
Experience
Through this project, I slowly learned how to make the app design look cleaner and nice by looking at other similar apps and learn from them. Since there were only a few weeks left, I had to finish the prototype quickly.
Observations
I felt a bit confused when linking the prototype screens. Some screens had different outcomes depending on what the user clicks, so the wireframe became quite messy. Even though some pages were just copy and paste, I still had to make sure things like the points and coupon numbers were correct. Because I had a separate flow due to the “Spin the Wheel” pop up, I had to think more about what happens if the user chooses to spin or not. That made the flow more detailed and harder to arrange clearly.
Findings
I found that designing an app is not just about how it looks, but also about how users move through the app. Although it was challenging, I am happy with what I have learned and created.
Comments
Post a Comment