Advanced Interactive Design | Task 2: Interaction Design Planning and Prototype

-
20.10.2024 - 17.11.2024 || Week 04 - Week 08
Hanson Pea Wei Hao || 0359463
Advanced Interactive Design || Bachelor of Design (Honours) in Creative Media || Taylor's University
Task 2: Interaction Design Planning and Prototype

Lists




Instructions



Description:
Students are required to work on their visual design and start planning their website’s interactive design elements and features. Unlike traditional static website, when it comes to interactive design where animations are present, the plan not only should include the layout visuals but also the animation example or reference. Students can build their animation or user-reference animation to demonstrate the intended idea.

Requirements:
Walkthrough Video presenting the plan and showing the animation examples and/or references. Online posts in your E-portfolio as your reflective studies with links to any resource involved in the creating of the plan. (i.e.: Figma link, Miro link, etc.)

Progress

Fig 1.2 Website Prototype Process (Figma) | Week 08 (14/11/24)

Animation for Prototype
Fig 1.3 Animation (Figma) | Week 08 (15/11/24)

Feedbacks

Week 6:  Do the prototype make it more interesting. 

Week 7: The Prototype is good but try make it don't like a selling page. If you do like a selling page, you need to make a payment page. Other than that don't be afraid to leave blank space. And now you just need to add the animation into your prototype

Reflections

In these few week I get to learn more about adobe animate. i still having struggle in how the action code working in there. I guess i still need more time to learning about the part there. Other than that's making animation I did do much research in how to making a website which to look good, can't do the best in my mind due to lots of animation issue which I will met. I try to make the design become more good and also simplicity for user interaction.

Comments

Post a Comment

Popular posts from this blog

Advanced Typography | Task 1: Typographic Systems & Type, & Play

-
Image
22.04.2024 - 12.05.2024 || Week 1 - Week 3 Hanson Pea Wei Hao || 0359463 Advanced Typography || Bachelor of Design (Honours) in Creative Media || Taylor's University Task 1: Typographic Systems & Type, & Play Lists 1. Lectures 2. Instructions 3. Feedbacks 4. Reflections 5. Further Readings Lectures Week 1: Typographic System "All design is based on a structural system". According to Elam, there are eight major variations with an infinite number of permutations, those are : Axial Radial Dilatational Random Grid Modular Transitional Bilateral The typographical organization is complex because the elements depend on communication to function.  Axial System : All elements are arranged on either side of an axis or line. fig 1.1, Axial System Radial System : all elements are organized to extend from a central point of focus like rays fig 1.2, Radial System Dilatational System :  type set along circular paths. fig 1.3, Dilatational System Random System : organizes ...
Read more

Intercultural Design | Projects

-
Image
05 February 2024 - 24 March 2024 / (Week 01 - Week 07) Hanson Pea Wei Hao / 0359463 Intercultural Design / Bachelor of Design (Hons) in Creative Media Projects Lists 1. Instructions 2. Proposal 3. Field Study 4. Visual Design 5. Final Outcome 6. Feedback 7. Reflections Instructions Proposal This is a long-term project until the end of the semester. So I will separate the progress into proposal, field study, and visual design. First, before everything starts, we need to decide on a sensitive culture as our theme. After we decided on our theme, we needed to prepare a minimum of 3 Primary ideas or sketches based on our theme. Planning : First, we have quite a lot of ideas such as pop culture, punk culture, gaming culture, and more. but mostly get declined because of the final production problem and some of the ideas are too sensitive to do. So after some intense discussions, we all agree on Modesty as our main topic. After the theme had been chosen, we all agreed each of us needed t...
Read more

Interactive Design: Exercises

-
Image
22.04.2024 - 16.06.2024 || Week 1 - Week 8 Hanson Pea Wei Hao || 0359463 Interactive Design || Bachelor of Design (Honours) in Creative Media || Taylor's University Exercises: HTML Document Development & HTML, CSS Document Development, CSS Layout Mode Lists 1. Lectures 2. Instructions 3. Feedbacks 4. Reflections 5. Further Readings Lectures Week 1: Understanding Website Structure Week 2: Anatomy of a Website For week two we need to read and understand this website: < The Anatomy of a Web Page: 14 Basic Elements > Week 3: Usability: Designing Products for User Satisfaction Week 4: The Web and Language Week 5: HTML & CSS Week 6: CSS Selector Back To Lists Instructions Exercise 1: Web Analysis For this exercise, we need to choose two websites from the link given and review the websites, which are The Webby Award , Awwwards , and Csswinner . and write a brief report summarizing our findings and recommendations. We have to analyze the purpose and goals of the website and...
Read more