熱氣球

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

2011-10-16T16:06:00.002+08:00

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

2011-07-11T22:09:00.002+08:00

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

User Test

2011-06-15T20:23:00.002+08:00

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

2011-06-15T00:40:00.005+08:00

Product

Mission

Profile

Home

Moodboard

2011-06-05T12:38:00.001+08:00

Refinement of Gantt Chart & Sitemap

2011-05-21T12:44:00.003+08:00

Sitemap

Gantt Chart

Site Map and Gantt Chart

2011-05-18T21:57:00.003+08:00

Gantt Chart

Sitemap

Competitors Websites

2011-05-16T10:16:00.007+08:00

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

2011-05-16T09:46:00.002+08:00

Url:

- http://www.dynamicdrive.com/

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

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

- http://www.htmlquick.com/

Design Tutorials

2011-05-15T12:29:00.004+08:00

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

2011-05-15T12:01:00.009+08:00

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

2011-01-20T22:53:00.002+08:00

Mood Board

2011-01-20T22:12:00.004+08:00

How To ...?

2011-01-09T12:29:00.008+08:00

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

2011-01-08T23:43:00.004+08:00

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

2011-01-08T23:30:00.005+08:00

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

2011-01-08T23:09:00.005+08:00

URL

http://www.stevenholl.com/

URL

http:// frostdesign.com.au/

URL

http://www.tsdo.jp/

~photoshop tutorial url~

2010-08-17T10:48:00.000+08:00

http://www.developertutorials.com/tutorials/photoshop/creating-energy-spheres-in-photoshop-119/

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

Flowchart

2010-06-08T18:36:00.002+08:00

What is flowchart?

Flowchart shows something from beginning till the end. Following things that is yes or no will totally get the point straight forward.

Why do you want to use flowchart in your mobile interface design & screen interface design?

User will know easily from my flowchart. Flowchart will let us know about the starting & the ending ways. It will also easily know between what is possible or impossible & what is sure or unsure by the following step.

How will it help your users to meet the interactive goals?

It will show users step by step clearly to make them easily know of it. Users also easily get the process of the flowchart straight forward.

10 things about me

2010-05-24T20:27:00.003+08:00

1) as mysterious as a hidden file.

2) as listless as tapir.

3) as complicated as words.

4) as forgetful as an old man.

5) as irritable as Beethoven.

6) as harmless as a rabbit.

7) as straight as rules.

8) as confiding as a lie.

9) as generous as Google.

10) as punctual as sunflower.

~My Assignment~

2010-05-21T21:27:00.002+08:00