Application Design I / Task 3 : Low Fidelity Prototype

30.05.2023 - 29.06.2023 / Week 9 - Week 13
Chai HongHong / 0354211
Application Design I / Bachelor of Design (Hons) in Creative Media
Task 3 / Low Fidelity Prototype






INSTRUCTION



Task 3: Low-Fidelity Prototype

In this task, we are required to create a low-fidelity prototype for the selected mobile application. This prototype should include wireframes and a visual design concept that aligns with the branding of the application. The purpose of this task is to test and validate the user flow and user experience of the application before moving on to higher-fidelity prototypes. By creating a low-fidelity prototype, we can quickly iterate on our design and make necessary adjustments based on user feedback.

#Requirements for the task :
  • Wireframes 
  • Visual Design Concept
  • Usability Testing
  • Deliverables

I started typesetting and setting up the layout in Figma.

Figma Link: https://www.figma.com/file/Ypg1KOeojKZF0ISo2gtyiY/Untitled?type=design&node-id=0%3A1&mode=design&t=F8kwwXXwfI6giox1-1


Fig.1.1. Wireframes



I did two search pages, the first one I thought was too generic. I wanted to do some animation, so I changed to the second one.

Fig.1.2.



Fig.1.3. Low-Fidelity Prototype


I originally wanted to use an orange-toned color scheme, I wanted the app to feel energized. During the high-fidelity prototyping process, the first colorway felt a bit ordinary to use. So I boldly tried very bright colors. This green (98FD80) strikes me as vibrant and attention-grabbing. So I ended up going with the second set of colorways.

Fig.1.4



Fig.1.5


Task 3 Low Fidelity Prototype Submission

Figma Link: https://www.figma.com/file/Ypg1KOeojKZF0ISo2gtyiY/Untitled?type=design&node-id=0%3A1&mode=design&t=F8kwwXXwfI6giox1-1

Slide Link: https://drive.google.com/file/d/1THhRug3NmCiEtdRa9VlbezgOw5Rsx9-e/view?usp=drive_link



Comments

Post a Comment

Popular posts from this blog

Games Development

Image
23.04.2025 - 27.07.2025 (Week1-Week15) ZengYu/035538​​​​8 Chai HongHong/0354211 Bachelor of Design (Hons) in Creative Media Game Development INSTRUCTIONS Our Google Drive Submission Link： https://drive.google.com/drive/folders/1J4MP9nAnGTgJlgFNlyGJDq4o1plwtkaO?usp=drive_link Task 1 -  Game Design Document   In this task, we are required to design a 2D side-scrolling/platformer game and create a Game Design Document (GDD). The GDD should outline: Game concept and mechanics Character design and abilities Level and world design Art style and visuals Weekly Progress Final Proposal Submission Task 1 Feedback We named the game "Run, Eggsy!", which shaped the core concept and gameplay framework of the game eggman's adventure. Our goal is to create a humorous, trap-filled platformer inspired by games like Level Devil, with a unique twist on the typical puzzle adventure formula. While the project is still in progress, here are some key observations and conclusions so far: Clear ch...
Read more

Advanced Typography / Final Compilation & Reflection

Image
30.08.2023-29.11.2023（Week1-Week14） Chai HongHong/0354211/Creative Media Design. Advanced Typography /  Final Compilation & Reflection                                 INSTRUCTION Task 1:  Typographic Systems & Type & Play Task 2:  Key Artwork and Collateral Task 3:   Type Exploration and Application SUBMISSIONS Task 1 Exercise 1/Typographic Systems Fig.1.1. Axial Final attempt. Fig.1.2. Radial final attempt Fig.1.3. Modular final attempt Fig.1.4. Random final attempt Fig.1.5. Dilatational attempt Fig.1.6. Transitional final attempt Fig.1.7. Grid final attempt Fig.1.8. Bilateral final attempt PDF.1.1. Task 1/Exercise 1/Typographic Systems PDF.1.2. Task 1/Exercise 1/Typographic Systems/Grid Exercise 2/ Type & Play Fig.1.8. Final A Fig.1.9. Final L Fig.1.10. Final M Fig.1.11. Final U PDF.1.3. Task 1/Exercise 2 Fig.1.12. Final Poster  PD...
Read more

Application Design I / Final Task

Image
16.06.2023 - 24.07.2023 / Week 12 - Week 16 Chai HongHong / 0354211 Application Design I / Bachelor of Design (Hons) in Creative Media Final Task /  High-Fidelity Prototype INSTRUCTION  Final Task:  High-Fidelity Prototype Original Design In this task, a high-fidelity prototype is to be created for the mobile application. This prototype showcases the final visual design, interactions, and functionality of your application. In this interface, touch the option box will turn green. Fig.1.1. If you log in with a Google account, you can directly enter the main page, and the main page will pop up your personal information. The user profile picture and user nickname will be the same as the default Google account information. Fig.1.2 The search history and recommended music types will be displayed on the Search interface. Search for songs in the record, and it will be played directly after clicking. Recommended music genres are updated and changed frequently. The circle will boun...
Read more