INTERACTIVE DESIGN EXERCISE 1: WEBSITE ANALYSIS

 October 08, 2024

INTERACTIVE DESIGN EXERCISE 1: WEBSITE ANALYSIS

 26 September 2024-10 October 2024

FANG YAOYUE (0372006)

Interactive Design | Bachelor of Design in Creative Media | Taylor's University

Exercises 1/ Website Analysis

List

LECTURES

INSTRUCTIONS

FEEDBACK

REFLECTION

LECTURES

I watched the video given by Mr Shamsul about “bad doors”. This video introduced a term/concept, Norman door, which means:

1 A door where the design tells you to do the opposite of what you're actually supposed to do.

2 A door that gives the wrong signal and needs a sign to correct it.

Usability: Designing Products for User Satisfication

Usability refers to how effectively, efficiently and succesfully a particular user can utilise a product or design in a certain situation.It dependson how well its features accommocate user’s needs and contexts.

A user should be able to find the ways to achieve objective without any expert knowledge in the first use. 

Principle of Usability:

1 Consistency

2 Simplicity

3 Visibility

4 Feedback

5 Error Prevention

Consistency

In my impression, consistency is the most important thing in a software or an interface. If the color or main body of an interface is too rich and not uniform enough, such a picture will become very messy. But if an interface has a uniform tone, with similar elements, such a picture is very exciting for users.

 Simplicity

As said above, simple is very important, I think in a picture only do simple, will become advanced, a picture to feel very messy is not advanced, just like the decoration of the home, interaction is also to the interface for a decoration.

Visibility

Visibility means I think more than the user can see, I think a good design can be deeply embedded in the hearts of the people, if a design becomes more interesting, a design becomes more perfect, can tell the user more, the shock of the heart, I think this is the visibility.

 Feedback

Feedback is the result of any interaction, making it both visible and understandable. Its job is to give the user a signal that they have succeeded or failed at performing a task.

 Error Prevention

It alerts the user when they're making an error, with the intention to make it easy for them to do whatever it is they are doing without making a mistake.

For example: Are you sure you wanna quit without save ? 

This is important as human are prone to and will always make mistakes

INSTRUCTIONS

This is the Module Information Booklet for this module: 

Exercise 1.1: Web Analysis

For the first exercise, we need to choose 2 websites from the given link (1, 2, 3). We need to review the website analyze its design, layout, content, and functionality. Identify the strengths and weaknesses of the website, and consider how they impact the user experience. 

The interface I choose comes from the website published by the teacher, csswinner.com. It is an interface composed of green as the main color. This interface is full of children's interest, like a fairy tale world, a little like those in Nintendo games. I know from the interface that this is a map, which is very interesting and gives users a relaxed and pleasant feeling. There are many elements in the map, such as houses, rivers, stones, trees, castles and so on. I feel that the target users of this interface are some younger young players or children. There is a gold coin system at the bottom, which makes me more convinced that this is a mobile game, drawing like a Japanese cartoon game.

A few simple color matching, let the user's eyes light up, dominated by green, green is a nourishing eye color, so that everyone is very comfortable to see, and some small amounts of black, yellow and blue embellishment, make the entire interface full of vitality.

Exercise 1.2: Web Analysis

The whole interface gives me the first feeling is advanced, the interaction of the whole interface is very in place, giving people a feeling of a big name, simple and elegant, let me think of the brand of Apple, simple interaction, simple picture, simple design and scene, let my eyes light up, I think this is a very interesting interface.

One of the details of it is that the bottom right photo and the background are the same, the background is the bottom right photo after the blur, I think this is very interesting, the list from the top down, in order, from left to right is very orderly.

The interface is much simpler, with a girl on the right, the same woman in the middle background, ana vida's font in white, and the red header at the top of the page.

Exercise 1.3: Web Analysis

The whole picture gives people a feeling in space, this feeling is full of mystery and unknown, this page is like space, so that users continue to want to explore, explore the function and role of this website, I think this is one of the characteristics of this website.

And it mainly uses black as the background and a small amount of red and white embellishment, this is the whole picture, the most exciting, we have to learn its color matching, such color matching can attract users.

The left side is based on black, like a ring in space, the ring is in the middle, there are certain headlights on the head, giving people a lot of thoughts, why there will be such a building in space, and the right side is a column of scoring tables, such a simple and advanced design.

FEEDBACK

Week 2 Let's analyze the good parts of a page, just like reading good compositions as a child, and learning to draw, looking at the works of masters is the same reason.

:The homework in the second week, I think, is the first step to learn interaction design. The first step is to familiarize everyone with good page design, and first imitate and then innovate. Week 1 The format of the group work was very interesting, allowing us to exchange ideas, and what we did was interactive web pages about the school map.

In the first class, the teacher assigned a group homework, which let us have a preliminary experience of what is interaction design.

REFLECTIONS

The learning process is very boring, but I think this assignment is very interesting. I choose two websites provided by the teacher for analysis, and learn from their experience and wisdom. I think this is a skill that every design student should have.