Interactive Design Classes Learning Documentation

3/4/2023 - XX/XX/2023
Edwin Choo Quan Rong / 0348305 / Bachelor of Design (Hons) In Creative Media
GCD 60904 / Interactive Design
Class Activities


3/4/2023 Monday

The first class of Interactive Design introduced us to the world of website design through coding, using software such as Adobe XD or Figma for prototype development, while Adobe Dreamweaver or Visual Studio Code for web development.


To start off our understanding of web design, we first had to understand what good and bad web designs is. Thus, we got arranged into a temporary group and chose websites from https://www.mwa.my/2021/
 or https://www.awwwards.com/ , 3 good websites and 3 bad websites to discuss why they were good or bad, taking into consideration if the website design aligns with its target audience. 



Fig 1.1 - Week 1 Class Activity 

Here is the link to an excel spreadsheet we were provided with to complete this activity. This lists all 6 websites we gathered and analyzed as a group. Since we have 6 members, we gave each of us to find 1 website to speed things up. 

Mkaz Car Rental was the website I found from https://www.mwa.my/2021/. There are a few reasons why I chose this for the bad website category. 



Fig 1.2 - Landing page

Firstly, the page seems to end before any scrolling is done, but there is actually a big gap of empty space before it reaches the car selection area below. Also as a side note, a Hari Raya Aidilfitri notice states that their services will close between two dates, but the button is awkwardly placed at the right side, being cut off from the main page.



Fig 1.3 - Car selection

This area scrolls horizontally, which makes it inconvenient to view multiple cars at once for comparison. The text quality is poor as well as if one section per car is taken from an image and placed into the website. 




Fig 1.4 - Car selection under "Check Price" menu

The issue with the previous car selection above was that it was done better here, being easier to scroll and convenient when comparing details. This layout should be applied to the previous to show consistency or just remove the previous layout entirely (from Fig 1.3). 



Fig 1.5 - Phone instructions

This was my biggest gripe for why this website is considered bad. The phone instructions while text is there, the actual visual showing step by step of what is shown on phone is blurry, making it unclear what the actual page reads. 




Fig 1.6 - Size inconsistency

A small nitpick, compared to the rest of the website, the size of these images appears big suddenly out of nowhere. This makes this section of the website feel clustered as there isn't enough negative space to balance out the contents. 




Comments

Post a Comment

Popular posts from this blog

Games Development Task 1: Game Design Document

Image
22/4/2024 - 13/4/2024 Edwin Choo Quan Rong / 0348305 / Bachelor of Design (Hons) In Creative Media DST 61104 / Games Development Task 1 Game Critical Review (Exercise) Reaper Test Good theme and aesthetic of the game, the simplicity helps the character as well as background elements stand out. Gameplay has some accessibility through allowing multiple options for movement by either using WASD or Arrow Keys. The sound effects fits smoothly with the visuals along with the background music fitting for the visual themes of the game, contrasting the enraging nature of the actual gameplay. About the gameplay, the initial level design is cool, slowly introducing more controls to help ease the player into the mode. However, having only 1 HP from terrain elements raised the difficulty of the game. It is as critical as avoiding any mistake from touching terrain elements, which ...
Read more

Interactive Design Exercises

Image
3/4/2023 - XX/XX/2023 Edwin Choo Quan Rong / 0348305 / Bachelor of Design (Hons) In Creative Media GCD 60904 / Interactive Design Exercises 3/4/2023 - 10/4/2023 (Week 1 - Week 2) Exercise 1: Web Analysis This is the introductory exercise we have to the class of Interactive Design. To understand websites better, we are tasked to analyze TWO websites from this link . A brief summary of analyzing 2 websites was written so we can take note and improve our understanding of the design,  layout, content, and functionality, strengths and weaknesses about websites. The websites I chose to analyze were Simply Chocolate and Torgerson Design Partners .  Here is my analysis for each website. Simply Chocolate Landing page looks clean and gives an easy introduction. The big white text is clear and readable but the smaller texts of white can be harder to see as the background is also of light color. The menu texts on the side are placed sideways, making it harder to read quickly or rep...
Read more