Application Design 1 - Final Compilation & Reflection

-

 23/9/2024 - 30/12/2024 ( Week 1 - Week 14 )

Ho Winnie / 0364866

Application Design 1 / Bachelor's of Design Honors In Creative Media 

Final Compilation & Reflection

INDEX




SUBMISSIONS

Project 1 : Mobile Application Proposal
23/9/2024 - 14/10/2024 ( Week 1 - Week 4 )

Final Proposal Slides - Redesigning TBS to enhance User Experience 

Click here to view the slides in Google Slides 




Project 2 : UIUX Document
14/10/2024 - 4/11/2024 ( Week 4 - Week 7 )
UX/UI Document by Winnie Ho

Click here to Youtube Video On Presenting UIUX Document :




Project 3 : Lo-Fi App Design Prototype
18/11/2024 - 9/12/2024 ( Week 5 - Week 10 )

Final Outcome :

Youtube Link : https://youtu.be/zjVLCvmYc9Q


Click HERE to view the final low fidelity Figma wireframe 

  





Final Project : Completed Mobile Application Design Prototype ( Hi-Fi )
13/11/2024 - 29/12/2024 ( Week 9 - Week 14 )

Final Outcome :




App Showcase : 










Click HERE to view the Figma File :
   

REFLECTION

Experience : 
The Application Design 1 module has been an exciting and rewarding experience, especially as a core subject in the UI/UX Specialisation that I had been looking forward to. With prior experience in Figma, I was eager to refine my design skills, and this module provided exactly that. The structured journey from project proposal to the creation of a comprehensive UI/UX document, followed by the development of low-fidelity (low-fi) and high-fidelity (hi-fi) prototypes, allowed me to experience the complete UI/UX design process. I particularly enjoyed conducting user research and testing, as these activities provided valuable insights that shaped my design decisions and made the final prototype more user-friendly. Overall, this module gave me the opportunity to apply both creative and analytical skills, which made the entire process highly rewarding.

Observations : 
One of the key observations I made during this module was the importance of iteration and incorporating feedback loops. The low-fi prototyping phase stood out because it helped me focus on the core functionality and user flow before considering aesthetic elements. Usability testing at this stage highlighted several user pain points that I had overlooked during the initial design phase. Another key observation was how crucial branding consistency is in UI/UX design. By aligning the typography, color scheme, and overall visual identity with the brand, I was able to create a cohesive and recognizable interface.

Findings : 
Through this module, I discovered new approaches to using Figma that significantly improved my workflow. For instance, I learned how to implement interactive components and transitions, which added a layer of realism to my hi-fi prototype and enhanced the user experience. I also became more adept at using plugins to automate tasks and achieve pixel-perfect designs. These findings deepened my technical knowledge and reinforced the importance of storytelling in UI/UX design. Every element in the prototype needed to serve a purpose, contributing to a seamless user journey. I would also like to sincerely thank Mr. Zeon for his invaluable guidance and feedback throughout this module. His advice helped me improve my designs and strengthened my understanding of effective UI/UX design principles.

Comments

Post a Comment

Popular posts from this blog

Application Design 2 - Task 1 : App Design 1 Self Evaluation & Reflection

-
Image
21/04/2025 -  ( Week 1 - Week 4 ) Ho Winnie / 0364866  Application Design 2 / Bachelor's of Design Honors In Creative Media  Task 1 : App Design 1 Self Evaluation & Reflection 1. Lectures 2. Task 1 : App Design 1 Self Evaluation & Reflection 3. Feedback   4. Reflection   1. Lectures  Week 1 :  This week, Mr. Razif provided an overview of Application Design 2 , emphasizing that design is an iterative process and encouraging us to improve upon the software developed in Application Design 1 . He also introduced us to his GPT-powered plugin, UX Lab Assistant , which will help evaluate our app and provide constructive feedback. Additionally, we signed up for FlutterFlow as our main development platform for this project. Week 3 : This week, we were given the task of redesigning an AirAsia boarding pass to better serve both our primary and secondary audiences. The main objective was to improve the layout and organization of information to enha...
Read more

Application Design 2 - Task 2 : Interaction Design Proposal & Planning

-
Image
  21/04/2025 -  ( Week 5 - Week 7 ) Ho Winnie / 0364866  Application Design 2 / Bachelor's of Design Honors In Creative Media  Task 2 : Interaction Design Proposal & Planning 1. Lectures 2. Task 2 : Interaction Design Proposal & Planning 3. Feedback   4. Reflection  1. Lectures  Week 6 :  This week, we were introduced to FlutterFlow, the main platform we’ll be using to develop our final application. Mr. Razif guided us through the fundamentals of building a fully functional user authentication flow, including login, sign-up, and dashboard pages . We also learned how to integrate Firebase with FlutterFlow, enabling real-time data storage and secure user authentication. During the session, we explored Firebase Authentication , which allows users to create accounts and log in using their email and password. Mr. Razif demonstrated how to set up Firebase in the FlutterFlow project settings and link the sign-up and login buttons to the c...
Read more

Information Design - Exercise 1 : Quantifiable Information

-
Image
03/02/2025 - 10/02/2025 ( Week 1 - Week 2 ) Ho Winnie / 0364866  Information Design / Bachelor's of Design Honors In Creative Media  Exercise 1 : Quantifiable Information 1. Lectures 2. Exercise 1 - Quantifiable Information 3. Feedback  4. Reflection 1. Lectures  Week 1 : Types Of Infographics  In week 1, we were introduced to different type of infographic and how to make an effective infographic.  There are eight main types of infographics, each tailored for specific kinds of information.  List infographics are designed to present information in a list format, using a combination of written text and visual elements to make the content more attractive and easier to follow. They are particularly useful for highlighting multiple points or providing tips. Statistical infographics focus on representing data visually through charts, graphs, and percentages. They are effective for conveying research findings, survey results, and other data-heavy informati...
Read more