Interactive Design: Final Compilation & Reflection
| 23.04.2024 - 03.08.2024 (WEEK 1-WEEK 15)
| Tang Chin Ting [ 0366473 ]
| Interactive Design / Bachelor of Design in Creative Media
| Final Compilation & Reflection
.jpeg)
BLOG LINKS
- Interactive Design: Exercises
- Interactive Design: Project 01
- Interactive Design: Project 02
- Interactive Design: Final Project
SUBMISSION
Exercise 01
Website 01:
Figure 1.1 Exercise Analysis Website 01 PDF
Website 02:
Figure 1.2 Exercise Analysis Website 02 PDF
Links to Website 01 & Website 02
Website Analysis in Docs:
Figure 1.3 Exercise Analysis In Docs
Exercise 02
Figure 1.4 Website 01 Replication Outcome (PDF)
Figure 1.5 Website 02 Replication Outcome (PDF)
Exercise 03
Links to my recipe page: https://capable-croquembouche-e9a438.netlify.app/
Project 01
Click here for the Figma link!
Figure 1.6 Final Prototype Outcome PDF
Figure 1.7 Final Website Outcome
Project 03
Click here to view my website!
Figure 1.8 Website's Final Outcome
REFLECTION
Findings
During the project, I discovered the value of user-centered design and the necessity of striking a balance between utility and aesthetics. I learned how important it is to have features like an intelligent navigation bar, a carousel for playing videos, and mobile responsiveness when I had to implement them to provide a smooth user experience. I also became aware of the rules and limitations surrounding the embedding of content, including YouTube music videos, which forced me to adjust by downloading and inserting videos straight into the website.
Experience
Working on this module forced me to learn new coding approaches through practical application. In particular, it was satisfying to create a dynamic gallery, modify image arrangements, and add interactive aspects. I also had to make sure that the website's layout worked well on desktop and mobile devices, and I had to change the gallery area to better accommodate landscape photos. These difficulties helped me become more adaptable and skilled at fixing problems.
Observations
The influence of minute details on the overall user experience was one important finding. Even though they may appear little, features like the 'go to top' button and the staggered background text made a big difference in the website's usability and aesthetic appeal. Peer and mentor feedback—such as the recommendation to include some of the buttons—emphasized the need for iterative design and the benefit of outside input in improving the final product.
.jpeg)
Comments
Post a Comment