Interactive Design / Final Compilation

23/9/2024 -- 6/1/2025 (W1-W14)

LIU YITONG (0370907)

Advanced Typography / Bachelor of Design (Hons) in Creative Media / Taylor's University

Final Compilation

INSTRUCTION

EXERCISE

23/9/2024--14/10/2024 (W1-W4)

Exercise 1: Web Analysis

1. SOGAI™ — Generative AI in Arts & Culture (sogaiart.com)

Main interface

· Purpose & Goals: The SOGAI website aims to showcase the role of AI in art and culture, and provides a brief overview of its evolution. The artistic creation potential of AI is introduced, and ethical issues are also addressed.

Website screenshot 1

· Design & Layout: The minimalist design is visually appealing, and the high-saturation yellow and low-saturation green color combinations are readable. The layout is simple and easy to navigate.I especially like the scanning line effect it uses in artwork pictures, and the interface color matching looks very retro art.And there are many examples of famous AI art and human art on the website, which are easy to view and comfortable to typeset.

· Content Quality: The content is relevant and clearly written, providing a deep analysis of the impact of generative artificial intelligence on art. However, the site could benefit from more detailed case studies and practical applications to appeal to a wider audience. Information is well organised, although some areas feel under-developed, particularly in the area of ethical debate.

· Functionality & Usability: Navigation is intuitive, menus and chapter labels are clear. However, interactive elements such as forms or social share buttons are somewhat limited, reducing users' ability to engage deeply with the content.

· Performance: The site loads quickly, and it should be responsive on both mobile and desktop devices. However, typographic design on mobile devices is not as comfortable as on desktop devices.

· Recommendations: 1. Expansion of case studies and practical Ai art applications to deepen user understanding. 2. The button to view more examples should not be placed in the center of the screen, which feels easier to find but also less aesthetically pleasing.

2. Zentry: The Metagame Layer, Your Gateway to the Play Economy | Zentry

Website screenshot 2

· Purpose & Goals: The aim of Zentry is to create a portal into the "PlayEconomy" that combines gaming, NFT and blockchain technologies on Web2 and Web3 platforms. But many features are still in development, which could limit user engagement.

Image dynamic feedback

· Design & Layout: The site has a sleek, modern design with deep colors and vivid images that give it a tech-driven feel. The layout is simple and clear, and the graphical dynamic feedback generated by scrolling with the mouse pulley is very compelling, which is one of the main reasons I like it.I was pleasantly surprised by everything the site did in terms of visual design and interaction.

Website screenshot 2

· Functionality & Usability: Navigation is intuitive and easy to access menus and areas, but most of the site lacks active functional elements. Although there are many pieces under development, the general usability of forms, social links, and active areas is effective.

· Content Quality: The content is futuristic and focuses on the integration of game systems. While the content is clear, it is somewhat limited in terms of practical details, especially for those unfamiliar with Web3 concepts. A deeper explanation would help clarify the benefits of the "Play Economy."

· Performance: The site performed well in terms of load times and was responsive on different devices and browsers. However, the heavy use of visual elements such as graphic videos can slow down the loading speed and sometimes cause stalling.

· Recommendations: 1.The proportion of pictures is large, and the text is relatively small, which leads to the explanation of details and concepts. 2.Introduce playable or interactive content to enhance the user experience and demonstrate the capabilities of Play Economy.

Exercise 2 - Web Replication

1.Ocean Health Index