Fann Wong Jing En (0382237)

FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media Advance Interactive DST60804 TABLE OF CONTENT   Lecture Note        Task        Reflection INSTRUCTIONS 1. Overview & Context In modern interactive design, high-quality user experiences rely heavily on micro-interactions—the subtle, functional animations and state changes that provide feedback, guide navigation, and delight users. This exercise serves as your technical foundation in Framer. Before jumping into full page layouts and site architecture, you will focus on component state logic, variant transitions, and motion physics inside an isolated Component Sandbox. 2. Learning Outcomes Upon completing this exercise, you will be able to: Construct Multi-State Components: Utilize Framer’s Variant engine to model complex interaction flows (Idle, Hover, Active, Loading, Success, Error). Fine-Tun...

FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media Minor Project PRJ62204 TABLE OF CONTENT MIB        Lecture Note        Task        Feedback        Reflection MODULE INFORMATION BRIEF (MIB) LECTURE NOTE Summarized lecture content, key takeaways, definitions, diagrams, and supporting resources can be added here for easy review. TASK Include your assignment brief, goals, submission details, and any resources you used or created during the task here. FEEDBACK Record your instructor’s or peer feedback here. Use it to identify strengths and areas for improvement. REFLECTION Reflect on your learning journey: What did you learn? What challenges did you face? How did you overcome them?

FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media Design Research Dissertation DIS60304 TABLE OF CONTENT MIB        Lecture Note        Task        Feedback        Reflection MODULE INFORMATION BRIEF (MIB) LECTURE NOTE Summarized lecture content, key takeaways, definitions, diagrams, and supporting resources can be added here for easy review. TASK Include your assignment brief, goals, submission details, and any resources you used or created during the task here. FEEDBACK Record your instructor’s or peer feedback here. Use it to identify strengths and areas for improvement. REFLECTION Reflect on your learning journey: What did you learn? What challenges did you face? How did you overcome them?

FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media GCD60904 Interactive design TABLE OF CONTENT MIB        Instruction        Task 4         Reflection MODULE INFORMATION BRIEF (MIB) TASK 4 - Previous and After Modification - Based on the feedback collected from user testing and peer review, several improvements were identified to further enhance the usability of the website. 1. Theme Consistency Previous - Although each theme had its own visual style, some interaction behaviours such as task m...

FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media GCD60904 Interactive design TABLE OF CONTENT MIB        Instruction        Task 3        Reflection MODULE INFORMATION BRIEF (MIB) TASK 3 - User Testing - Overview To evaluate the usability and functionality of the productivity website, two non-professional student participants were invited to participate in a moderated usability testing session conducted through an online call. Before the testing began, participants were informed that the website was designed to support studying ...