Advanced Interactive Design - Task 2
22/10/2024 - 17/11/2024
Week 05 - Week 08
Wong Jia Yi Carmen (0357198) / Bachelor Of Design In Creative Media
Advanced Interactive Design | Task 2: Interaction Design Planning and Prototype
LECTURES
Week 5: This week, we learned about word transition animation with a simple welcome
Week 6: We learned how to add actions to buttons using built-in javascript codes
Week 7: Today we were suppose to learn how to add in video clips but we can only manage to add in box for the video clips but Mr Shamsul will upload a video tutorial on how to do it in week 8.
Week 8:
We were told to start with our landing page for our thematic websites during Independent Learning Week.
INSTRUCTIONS
fig 1.0 Advanced Interactive Design Module Information
Task 2: Interaction Design Planning and Prototype
Timeframe: Week 05 - Week 08
Deadline: Week 08
Description: Work on our visual design and start planning our website's interactive design elements and features. Unlike traditional static websites, when it comes to interactive design where animations are present, the plan should not only include the layout visuals but also the animation example or reference.
- Walkthrough Video presenting the plan and showing the animation examples and/or references.
- Online posts in E-portfolio as your reflective studies with links to any resource involved in the creating of the plan
REFLECTION
Experience
Dealing with basic keyframes in Adobe animate has really been a mixture of joy and frustration. As much as I enjoy seeing basic animations pop up makes a new dimension of interactivity to my work it has been a headache trying to understand the app. Creating a prototype for our final websites has made me see what is theoretically achievable and having my concepts materialise has been encouraging.
But I know that the real task is yet to come when moving from tested prototypes to working websites. The idea of applying Adobe Animate for more complex projects was scary because I was still not fully familiar with the application. Some very clear challenges are that this is a technical field there is a shallow learning curve on much of the work that will be done, and the stress levels will rise some more, however, there are opportunities. Even though sometimes it makes me feel like I’m in over my head I am rather excited for mastering these tools and challenging my creativity more.
Observations
One of the realizations is that despite the fact Adobe Animate is truly a fantastic tool for producing captivating and interactive content, it is truly time-consuming and it pays a lot of attention to details. For instance, knowing the functioning of keyframes or synchronizing animations has turned out to be much harder than I had imagined. Another thing that I noticed is that behind all the fun and creativity of designing prototypes, there are some technical challenges that go with it. Yes, there are joyful moments when everything goes just perfect when an animation is exactly as it should be, but there are more frustrating moments when something goes wrong, when there are bugs or when you wanted that thing to work just as you imagine in your head but it doesn't. It’s a process of experiments and I get to know that apart from being determined, one has to be adaptable.
Findings
Without the plan or the storyboard when creating the prototype, it becomes very difficult to work on the specific project and due to this, the entire process is made tougher than it really should be. This has proved that actual animation is not only a creative process, but it involves a lot of thinking and tackling of problems.
I also noted that one is completely free to imagine and plan but the software has its constraints. While Adobe Animate is rich in various creative possibilities, still, it still requires some time to learn. Simply appreciating the fact that there are such things as constraints that need to be obeyed is not enough, it takes time and effort to practice how to operate effectively within the given parameters while at the same time considering the risks which come from experimentation.
Finally, I understood that what we have prototypes for now is only the primary version. Although it is always entertaining to watch the original concept unfold, the task of developing complete web applications will be much more rigorous in future. I know that there is still a lot that I could be taught regarding the application, particularly the manner in which the more complex portions of the software could be utilized. But this is what the experience is making me understand growth comes with the ability to persevere through these hurdles and sharpen skills.
Comments
Post a Comment