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

Web Design 2 - Sitemap

Mood Board

Site Map

How to....???

1. How to make simple steak

Who am I: chef

Who are they: friends and family

What for: different occasions/events

1st Task: find the materials

2nd Task: follow the instructions

3rd Task: add your personal touch

Outcome: satisfaction

Showcase: gallery

2. How to create a healthy, safe & natural homes.

Who am I: instructor

Who are they: everyone

What for: for healthy living

1st Task: find the materials

2nd Task: follow the instructions

3rd Task: using them for day to day purpose

Outcome: satisfaction

Showcase: gallery

3. How to take power naps

Who am I: instructor

What for: a quick way to revitalize

1st Task: set the mood

2nd Task: do the necessary preparations

3rd Task: follow the instructions

Outcome: satisfaction

Showcase: gallery

Beautiful Websites

www.feartox.com

www.timeforcake.com

www.hugsformonsters.com

www.mcmillerssweetsemporium.co.uk

AI/PS Tutorials

www.webdesignerdepot.com/2009/06/create-a-realistic-candy-bar-in-illustrator/

http://www.vectordiary.com/illustrator/gradient-mesh-flower-tutorial/

http://psd.tutsplus.com/tutorials/designing-tutorials/creating-a-cool-3d-web-design-effect

www.grafpedia.com/tutorials/design-creative-unusual-layout

Diary that we all carry about with us