Web Design 1.Project 1: How to...? : Sketches

Set 1:






Set 2:






Set 3:

Web Design 1.Project 1: How to...? : Flowchart

Web Design 1.Project 1: How to...? : Mood Board

Web Design 1.Project 1: How to...? : Ideas

First idea

Title: How to have a healthy eating lifestyle at a low cost?

Who am I: Dietician

Target audience: Thrifty person

Purpose: Chuck the unhealthy food and made your own simple, healthier food

"What?": Sandwiches, sushi, salad, yoghurt parfait

First task: Preparation

Second task: The making of three main meals(breakfast, lunch, dinner)

Third task: The making of dessert

Fourth task: Table of calories

Outcome: Save money and eat healthy at the same time







Second idea

Title: How to make your own hydrating face mask?

Who am I: Beautician

Target audience: Ladies

Purpose: To keep your skin moist

"What?": Hydrating face mask

First task: Preparation

Second task: The making

Third task: The advantages of using natural mask

Outcome: How the skin looks like






Third idea

Title: How to thank her?

Who am I: Daughter

Who is she: My mom

Purpose: My birthday
(My birthday is a time when she suffered）

"What?": Chocolate flowers

First task: Preparation

Second task: The making

Third task: The surprise

Outcome: How do we spend the day

Self reflection report

As you can see in the picture above, the curvy strokes and the thickness of the strokes had reflected that my feeling was very unstable. I was very confused. The yellow colour strokes which can be seen in the picture tend to create a feeling of cheerful. However, this feeling didn't go equally. Instead, it went in such a way that it was very uncertain, as you can see the pressure applied on the strokes in the picture above. The darker colour of the strokes in the picture showed the gloomy mood of mine. It disrupted my mind and feeling. Therefore, the strokes appear to be more curvy than the yellow strokes. There are some big dots and small dots in the self-reflection picture above. However, it's not obvious. The distance between the dots were not constant and this showed that my thoughts were not focussed.




There is a circle in this picture. The strokes were mainly inside the circle. The circle can be used to represent the inner thoughts of mine. My thoughts were in a state of chaotic. This can be seen from the directions, thickness and the pressure applied on the strokes. The two thick red and orange strokes that can be seen outside the circle showed that I was very stress and hence, the pressure applied on the strokes were larger. The vertical strokes that can be seen on the bottom left of the picture shows that I'm tired and I need to take some rest, as the pressure that I applied on the strokes were softer.




Obviously, the mood of this picture is much cheerful than the other two. The 'jumping' of the strokes were most probabbly because the music was sort of joyful. The curvy strokes appeared to be very smooth. This showed that music was kinda relaxing and be able to make us feel free. The combination of the colours of the strokes showed that my thoughts were actually positive. In this picture, the thickness of the strokes were to show my happiness only. The harder the pressure I applied on the stroke, the happier I was. The unconsistent distance of the dots eventually showed that I wanted to fly freely to anywhere as I like.

Matrix Development: Part E

user testing

click on the pic 2 enlarge it...thanks
Loading Page:


Main Menu:

Character Introduction:

Game: Painting

Ending




hey...

i had juz done my interface designs n now im doin my user-test.d objective of tis user-test is for me 2 enhance my designs which is very important 4me 2 improve myself not only in tis project but oso others...
basically my interface designs r abt the story of a rainbow. the full version of the story had been posted in my blog laz mth. so 4 those who interested of knowing d story, can hav a look. d title of tht blog is 'folklore, legend n myth'..oh yea..b4 i 4get, my target audience is primary children(age:7-12 yrs old)..n lastly, i hope i'l b able 2 5 out my weakness, strength n so on at the end of tis user-test after evaluate the feedbacks n results...n of coz, i'l enhance my designs base on d feedbacks..

ur feedback r very much appreaciated..=D


Questionnaire

1. The interface design is easy to use?
A. Agree
B. Disagree

2. The interface design is suitable for children in the age of 7 to 12 yrs old? (If no, why?)
A. Yes
B. No

3. What do you like most about my interface design? Why?
A. Character design
B. Colour Combinatin
C. Typography
D. Everything!
E. Others:_______

4. what do you like least about my interface design? Why?
A. Character design
B. Colour Combinatin
C. Typography
D. Everything!
E. Others:______

5. Do you think the interface design creates the mood which is very comfortable, peace or relaxing? (If no, why?)
A. Yes
B. No

6. Choose the relevant comments;
A. The interface design is easy to understand
B. The interface design is confusing
C. The interface design is kept your interest

7. What suggestion do you have for improving the interface design?
________________________________________________________________
________________________________________________________________
________________________________________________________________

20 colour palettes

vegie salad:




wilderness:




sunrise:




underwater:




rubber tree:




seaside:





port:



road at night




outskirts:




meadow:




night view:






lavender:




living room:





golf:




indoor:







fishes:




food:





disneyland at night:




farm:



bridge:



corals:






aquarium:




berries: