Advanced Interactive Design // Task 2 : Interaction Design Planning and Prototype
22.10.2024- 6.11.2024 /Week 5 - Week 8
Angel Tan Xin Kei / 0356117
Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media
Task 2 / Interaction Design Planning and Prototype
⋆ ˚｡⋆୨୧˚ Index ˚୨୧⋆｡˚ ⋆
- Instruction
- Lectures
- Task 2 / Interaction Design Planning and Prototype
- Feedback
- Reflection
⋆ ˚｡⋆୨୧˚ Instruction ˚୨୧⋆｡˚ ⋆
Module Information Booklet
Requirement:
- Walkthrough Video presenting the plan and showing the animation examples and/or references.
- Online posts in E-portfolio as reflective studies with links to any resource involved in the creating of the plan. (i.e.: Figma link, Miro link, etc.)
⋆ ˚｡⋆୨୧˚ Lectures ˚୨୧⋆｡˚ ⋆
Week 5
Mr Shamsul guided us on designing buttons and creating animations with varying box sizes.
Week 7
Mr Shamsul also continued from last week's lecture by demonstrating how to implement color changes on buttons when hovered over.
Week 8
Independent Learning Week
⋆ ˚｡⋆୨୧˚ Task 2 / Interaction Design Planning and Prototype ˚୨୧⋆｡˚ ⋆
Figma Link:
Final Flow Chart Link:
Presentation Slides : Canva Link
Video Presentation:
⋆ ˚｡⋆୨୧˚ Feedback ˚୨୧⋆｡˚ ⋆
Week 5
Mr shamus commented that my initial moodboard showed creativity and an appealing aesthetic that aligns well with the ice cream and bubbly theme. However, it would be beneficial to refine my concept further to ensure cohesiveness throughout the design process. Consider focusing on how each element contributes to the overall narrative of the website.
Week 6
As I develop the wireframe in Adobe Illustrator and Figma, might pay attention to the user flow to ensure it's intuitive and engaging. Keep refining the layouts to maintain clarity and functionality but overall can feel the playfulness and engaging part in sundae maker page,
Week 7:
The high-fidelity wireframe is taking shape nicely, and it's clear that keep on going with the development.
Week 8:
The thematic consistency across your website is impressive, and the overall layout is visually engaging. Pay close attention to final details, such as optimizing images and good choices of typography but ensure size is good for readability. Great job, and look forward to seeing the finished product!
⋆ ˚｡⋆୨୧˚ Reflection ˚୨୧⋆｡˚ ⋆
Experience
I found this task to be quite enjoyable. Although I initially had difficulty envisioning how my original concept and moodboard would materialize, I eventually adapted and came up with a new idea. Creating the product backgrounds involved selecting elements from images individually, which was time-consuming. Once that was complete, putting together all the elements from my wireframe in task 1 was exciting. Watching the low-fidelity wireframe come together was awe-inspiring. The in-class exercises were quite challenging for me since it was my first experience using Adobe Animate. I struggled to keep up, so I took the initiative to learn at home. After becoming more familiar with the platform, I was able to follow along more easily in class. Overall, this task pushed me to think critically, and I found it really enjoyable.
Observations
Throughout this task, I noticed the significance of using varied fonts, as they enhance the expression of the website and add character. The color scheme is also crucial; it reflects the website's content and can convey a narrative. Lastly, I observed that mastering a platform like Adobe Animate requires a deep understanding of how it functions. Simply using it once or twice isn’t sufficient to develop expertise, which makes me feel a bit anxious about my final project—building a website.
Findings
I discovered that creating a website centered around something I’m passionate about makes the process much easier, as I already have a strong understanding of the content and motivation to promote the product. Additionally, I found that effective time management is essential; procrastination would have hindered my progress. I’m grateful to have approached this task incrementally each day. Finally, I’ve come to appreciate the various steps involved in website design; skipping to the final stage would undoubtedly lead to chaos. This realization has deepened my respect for the effort and time it takes to create a website.
Comments
Post a Comment