Design Method 3 - On field research (Islamic Art Museum)

Research Area

Current Interactuve Media Experience

- Online (None)

- Offline (Good)

Experience Description

- Online (None)

- Offline

(1) China - using scroll and ceremic

(2) Malay World

- mostly using batik

-sword (represent the level of a person, design using living things for the Hilts part.)

- Medallion (decoration)/ Belt Buckle

- Metal kind

(3) India - Stone/ Glass/ Wood/ Accessories of a person

- Design ( Flowers & Dot )

Benefits/ Achievement's Wanted

- spread out Islamic art

Final Web Design 2

http://tan-sri.zxq.net/

User Test

Web Accessibility Initiative (WAI) Site Usability Testing Questions

Please circle one number for each question and offer any comments you wish.

1. 1) Does the overall site colour looks comfortable?

Level 1 2 3 4 5

Disagree/ Neutral/Agree

Comments: (the color looks fresh, nice color mood, color is light)

2. 2) Is the site’s graphics look nice?

Level 1 2 3 4 5

Disagree/ Neutral/Agree

Comments:

3. 3) How the layout look overall ?

Level 1 2 3 4 5

Disagree/ Neutral/Agree

Comments: (looks so outstanding, content color can be more contrast, button part a bit different)

4. 4) Is it easy to find the information that you need in the site?

Level 1 2 3 4 5

Disagree/ Neutral/Agree

Comments: (the information is clear)

5. 5) Is the information easy to understand?

Level 1 2 3 4 5

Disagree/ Neutral/Agree

Comments: (can be better, easy to understand, font color need to be consider)

6. 6) Is the information enough for you to know about this site ?

Level 1 2 3 4 5

Disagree/ Neutral/Agree

Comments:

7. 7) Is the site look user friendly for first time visitor?

Level 1 2 3 4 5

Disagree/ Neutral/Agree

Comments: (a bit blur, a bit hard to relate to milk, i think the first time visitor will love it, the color is not offensive.)

8. 8) Is the site clear to bring out the message ?

Level 1 2 3 4 5

Disagree/ Neutral/Agree

Comments:

9. 9) How was the colour ?

Level 1 2 3 4 5

Disagree/ Neutral/Agree

Comments: ( fresh, the color match with tis website, content color can enhance)

10. 10) What should I improve in the site

Comments: (content colors, kerning move a bit, color for the button when click)

Web Layout

Product

Mission

Profile

Home

Moodboard

Refinement of Gantt Chart & Sitemap

Sitemap

Gantt Chart

Site Map and Gantt Chart

Gantt Chart

Sitemap

Competitors Websites

Url

http://erapoly.trustpass.alibaba.com/

Analysis

This is a company that sell condensed milk and evaporated milk. It still ok for the arrangement, only the color combination got a little bit boring.

Url

http://www.nestle.com/Pages/Nestle.aspx

Analysis

It too much things in a page, but it differentiate every part of the things that appeared in the page like advertising, video etc. So is clear to make a user know how to use.

Url

http://www.dutchlady.com.my/en/home.asp

Analysis

I think the bottom menu bar should be put together with the top bar because it seems to be in the family. It's also a clean design.

Url

http://www.marigold.com.my/index.html

Analysis

So far, the page are clear with advertising, but maybe the color is too colorful in the page, so it not much focus point to me.

HTML Codes & Tutorial

Url:

- http://www.dynamicdrive.com/

- http://www.tizag.com/htmlT/htmlcode.php

- http://html-codes.1keydata.com/

- http://www.htmlquick.com/

Design Tutorials

http://psd.tutsplus.com/tutorials-effects/creating-a-vector-composite-effect-from-a-photo/

http://www.photoshopstar.com/effects/making-of-abstract-art-piece/

http://photoshoptutorials.ws/photoshop-tutorials/photo-effects/digital-star-effect.html

http://www.visualdesigncore.com/tutorial.php/photoshop/Abstract-Airbrushing/?do=tut&tut=Abstract-Airbrushing

Beautiful Websites

Url

www.plusgood.co.uk

Analysis

It design with a bit of mysterious. Using kind of dark color and somethings like game that can choose the area or what.

Url

www.eetjewel.net

Analysis

This website design looks fun, won't have any boring things in there. It used those cute staff with cute animation in the website.

Url

www.xfactor2008.unit9.com

Analysis

This website looks clean and nice. For the arrangement of character and typo, it's suite to match each other. The art-style is a kind of comic style, and it use to do it in a paper book.

Url

www.adplanet.com.sg

Analysis

The design looks a little like those x-men or spiderman cartoon animation. The color mood bring me to what cartoon I watch when I was young. It seems like a game design in the website.

Chart

Mood Board

How To ...?

How To Care for a Pet Turtle

1. Who Am I- Turtle Owner

2. Who Is It - Turtle

3. What For - Not Lonely

4. 1st Task - Buy the materials (3-5 steps)

5. 2nd Task - Check the Health (2-4 steps)

6. 3rd Task - Decorating the Aquarium (2-4 steps)

7. Outcome - Hobby

8. Showcase - Gallery

How To Clean a White Macbook

1. Who Am I - Macbook Owner

2. What Is It - White Macbook

3. What For - Keep Clean

4. 1st Task - Prepare Materials (2-4 steps)

5. 2nd Task - Cleaning (3-5 steps)

6. 3rd Task - Display (2-4 steps)

7. Outcome - Look's New

8. Showcase - Gallery

How To Make Best Chinese Tea

1. Who Am I - Tea Owner

2. What Is It - Chinese Tea

3. What For - Drink

4. 1st Task - Prepare Materials (2-4 steps)

5. 2nd Task - Clean Materials (2-4 steps)

6. 3rd Task - Make Tea (3-5 steps)

7. Outcome - Enjoy Leisure

8. Showcase - Gallery

Web Layout

URL http://www.webdesignerwall.com/tutorials/design-watercolor-effect-menu/

URL

http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-web-design-dark-theme/

URL

http://www.talk-mania.com/web-layouts/42013-most-advanced-game-layout.html

Photoshop Tutorial

URL

http://abduzeedo.com/space-lighting-effects-10-steps-photoshop-tutorial

URL

http://psdlearning.com/2008/06/luminescent-lines/#more-45

URL

http://www.webdesignerwall.com/tutorials/chroma-wallpapers/

Beautiful Website

URL

http://www.stevenholl.com/

URL

http:// frostdesign.com.au/

URL

http://www.tsdo.jp/