Posts

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

Image
21.10.2024 - 12.11.2024 / Week 5 - Week 8 Lim Rui Ying / 0358986 Application Design II / Bachelor of Design (Hons) in Creative Media Task  2: Interaction Design Proposal and Planning INSTRUCTIONS TASK 2: Interaction Design Proposal and Planning In this task, we will plan and design both micro and macro interactions for our app. Thoughtful interaction design is essential for creating a vibrant and enhanced user experience. Task requirements: Create flowcharts and wireframes to map out the user journey and key interactions within the app. Develop prototypes demonstrating both micro and macro animations for the interface. Provide detailed explanations and visual presentations illustrating how these interactions and animations enhance both usability and aesthetic design. Process In the previous task, I created animations to show the f

Application Design II - Task 1: App Design I Self-Evaluation & Reflection

Image
23.09.2024 - 20.10.2024 / Week 1 - Week 4 Lim Rui Ying / 0358986 Application Design II / Bachelor of Design (Hons) in Creative Media Task 1: App Design I Self-Evaluation & Reflection INSTRUCTIONS TASK 1: App Design I Self-Evaluation and Reflection We are tasked with conducting a self-evaluation and reflection on our mobile application design I final project to identify issues, problems, and areas for improvement and propose solutions to enhance the app's design aesthetics and user flow. Choose a task flow to review, analyse, and redesign it based on the proposed solutions. Task requirements: Complete analysis of the chosen task flow in the app Identify problems and propose solutions  Presentation video of the analysis and redesigned app screens NutriFit App Overview NutriFit is a nutrition and calorie tracking app desig

Application Design II - Lectures & Exercises

Image
23.09.2024 - 20.10.2024 / Week 1 - Week 5 Lim Rui Ying / 0358986 Application Design II / Bachelor of Design (Hons) in Creative Media Lectures & Exercises LECTURES WEEK 3 | Introduction to DOM INSTRUCTIONS EXERCISES WEEK 2 | HTML/CSS Revisiting Exercise This week, we had an HTML/CSS recap exercise in class. We were required to code the interface ( Figma link ) provided by Mr Shamsul. I started coding in Visual Studio Code by creating an HTML and a CSS file. This exercise reviewed the Class and ID attributes in HTML and the Flex property in CSS. Mr Shamsul asked us to remember that the interface must be responsive by using percentages for the screen width. Fig. 1.1 App interface provided Fig. 1.2 Codes (HTML & CSS) Fig. 1.3 Ou