Week 6: Interaction Design

Hello and Hai, 

This week we do not have class as our lecturer is not in a good of health. However, she had not leave us just like that. She still manage to give us some task to be done. The task is to create mind map about topic for today which is Interaction Design. 

The critical tasks of interaction design are to create guidance system to orient users, to design the navigation system, to define what happens on each screen, design the controls for interaction and determine how much interaction is to be included in website. 

There are several questions can be used as a guideline to create effective navigation. The questions include:

1. Where am I? - Let the user know their current page.

- Precise location on the web: URLs

- Page and Site Labels

- Page and site style and location

2. Where have I been? - Let the user know where they have been.

- History: Link coloration can help identify links that have already been visited.

- Landmarks

- Cookies

3. Where can I go? - Let users know where they are in relation to the rest of the website.

- Provide links to other pages that the user can visit.

4. How do I get there? - Provide consistent, easy and understandable link

5. How do I get back to where I started? Provide alternatives to the browser's back button to let users return to the starting point.

There are 3 important elements in interaction design which are organization, navigation and interactivity.

1. Organization is about how the graphic, text and other elements will be arrange in the web page. 

- Draw storyboard

- In index page or homepage must included

a) banner

b) title of the website

c) interface of content

d) graphics

e) menu

2. Navigation is about link, button  or icon in the website. Must consider whether the elements used for navigation is easily navigate the user. 

3. Interactivity is about whether the website give opportunity for the users to involved actively. There are several types of interactivity which are

 - place finding

- bread crump

- page number

- different colour for the existing menu.

Below is the mind map that I create for this topic. Please click the picture for a clear view. 

That all for now. Thank you.