Web Design 2 - User Test

age:

sex:

1. rate the overall appearance of the website (from 0 to 5, 5 being the highest)

2. rate the readability of the website (from 0 to 5, 5 being the highest)

3. what do you think of the design and the layout?

4. any suggestion?

Islamic Arts Museum Malaysia

1. Which part of the their culture/lifestyle/ practice makes you curious most? Why?

The change to culture and lifestyle before and after coming of Islam to them. How influential

the religion was on them.

2. Can you find something (object/conversation/image/incident) from this trip that represent the impression you have towards Islamic Art?

3. If you were to continue finding out more about Islamic Art, list out 3 questions you would like to ask.

- what happened to the Islamic Art now?

- the function of the tools used for calligraphy.

- the purpose behind the decorative looks of the arms and armour.

Competitor websites & Analysis

1. Tommy Hilfiger

http://usa.tommy.com

- simple design.

- consistent layout.

-user friendly and easy to navigate.

2. Topshop

http://www.topshop.com

- simple design.

- easy navigation.

- informative.

3. Rachel Roy

http://www.rachelroy.com

- needs few adjustment to the navigation bar layout.

- easy navigation.

- simple typography.

4. Liz Claiborne

http://www.lizclaiborne.com/

- the splash page art direction wasn't related to the website. Expected it to be simple and sleek.

- content are all crammed.

- easy navigation and very informative.

Beautiful websites & Analysis

1. http://www.kevadamson.com

- interesting and simple design layout.

- good typography.

- effective roll-over effect.

- easy navigation.

2. http://acko.net/design

- nice layout & design.

- navigation button doesn't indicate which page the user is currently viewing. (no highlight or underline)

- content is too long.

3. http://www.hd-live.co.uk/speakers

- monochromatic color scheme.

- simple and beautiful design of navigation buttons.

- good typography.

- followed the grid system.

4. http://www.teqtonic.com/

- simple and colorful.

- interesting flash.

- good hierarchy.

Design Tutorials

1. http://www.grafpedia.com/tutorials/design-creative-unusual-layout

2. http://psd-files.com/blog/how-to-create-a-vintage-photoshop-file/

3. http://designinstruct.com/web-design/create-a-modern-lab-theme-web-design-in-photoshop/

4. http://www.blog.spoongraphics.co.uk/tutorials/how-to-build-a-stylish-portfolio-web-design-concept

HTML code & Tutorials

1. http://www.webmonkey.com/

2. http://www.htmlquick.com/

3. http://www.quackit.com/html/tutorial/

4. http://www.tizag.com/htmlT/script.php

Web Design 2 - Gantt Chart