Sunday, October 19, 2008

design interface

design interface for interactive story.  give your comments ;]   

click on it to view it for a clearer view. ;]
the main page
the main page with rollover effects
the 2nd page

the 3rd page

character page  - the young girl


01. are the fonts readable? 
     [yes / no]

02. is the background suitable for the theme?
    [yes/ no]

03. which part of the interface design is the most interesting?
 A. The typography
 B. The illustration style
 C. The mood & theme
 D. Nothing at all. (doesn't impress me)
 E. Fine with everything

04. do you find this style (vector) interesting ?
 A. yes, it works for me
 B. it's quite okay
 C. nah, its rather plain. (why)

05. can you understand the story from the text?
 A. yeah, its clear
 B. hmm, not really. (why)

06. are the visuals (illustrations ) strong enough?
 A. yeah, I can understand it, without reading the text
 B. it takes a while to fully understand it.
 C. no i don't understand it at all. ( why)

07. what other suggestions or comments to improve on the interface?
 (ie; more elements can be added, improve on colour & theme ......)


thank you for your patience and time ;]


20 comments:

琴 Kimm said...

1. Yes

2. Yes

3. C

4. B (I think you'd be better off just drawing with the tablet ;D Since Illustrator's such a bitch to work with.)

5. A - I get what's going on.

6. B - Partially. It's a little difficult and I have to read the text to get a clearer understanding of the picture - again, I think it'd be better if you used your tablet for the facial expression and all. :/

7. As I've mentioned, maybe you really need to put a name to those two bright yellow pots on the sides of the couple in your main homepage interface - otherwise people won't know where to click.

Then when you hover, you can add effects like the pot rolling around, being tilted, or maybe you can make it sparkle.

But you should have some indication on your pots so people know where to navigate. Fun, though, to have the pots. :p

Your typography is very consistent with the theme but a little difficult to read because of the nature of the font - maybe you can bold it a little to make it easier on the eye? It's just that it's small, I suppose - so you can't really look at it and decipher it instantaneously.

Overall, good job! I know how many late nights you put into this. Lol. :P

Lin Er said...

1. Yes. but it can be come clearer. bcos the stroke is likt too thi, abit blur.

2. i like the main page. but y got double happiness on there? quite weird, bcos where got chinese ppl go and put english words there???? i s it a icon?? bcos for the following page it became the icon to download and characters rite?

3. B, i like the live trace of the double happiness and the tracing of urs in the main page.

4. B, i think u can put the shadow more contrast abit.

5. A
6. B
7. the frame is nice... u can make ur characters and the background colour more darker, the shadow can b more contrast.

LUVXIS said...

01. yes.

02. yes, I kinda like this. =)

03. C. The red background gives a big impact on reflecting happiness in a marriage.

04. B. I think the execution of characters can be better.

05. A.

06. A. It's obvious but still need the text to support the whole story.

07. You can add more elements to draw people's interest. Think, people visit this website, they will just find nothing but a story. Finish reading, then it leaves nothing in people's mind. Just consider to add something special that people will remember after visiting. =)

JayZEE said...

1. Yes, but a little bit small for my screen..

2. Yes,the red colored bg showed chinese-liked theme.

3. E

4. B,I'm ok wif it...since these seem to be flash interface website.

5. C, some part i m sure wif it but some part quite blur to me....hope to see the final flash outcome.

6. A,but I cant fully understand without reading the text descriptions.

7. Charaters can be more lively...maybe by adding some shadows on it.Some parts of the characters look not that nature, still can improve...Overall quite OK...Looking forward for more interaction final piece....
Great Effort....!!Keep it UP!!

Jade said...

1. Yes, but could be clearer, especially on the 2nd page.

2. Yes.

3. Somewhere between B and C. I really like the Chinese theme and the double happiness illustration on the main page.

4. A.

5. A.

6. B. At first glance, I got the gist of it, but had to read the text for the full story.

7. Umm, your characters could use a bit more shading, it looks almost 2D at this point. Also, the font could be darker/bolded so that it stands out more from the background. Otherwise, I think you did a really nice job on it. (:

J.E said...

1.yes.
2.yes.Your background is nice =D
3.c.
4.B.
5.A.
6.A.
7.izzit only the pot is nagivation? wow moving pot XD,btw i like ur title design. and The english work"double happiness" i cant notice it, i think without the english will better.

Jessie Lem said...

1. Font Type - Yes
Font Size - No

2. Yes

3. E

4. B

5. A

6. B

7. It's good. but the colour gets boring after a while.. that's all i could say, hope it helps u to do better ! :D

Kelly Hoh Ai Reen 何艾璘 said...

1. Yes
2. Yes
3. C
4. B ( maybe can add some highlights and shadow )
5. A
6. B
7. uhm, as i've mentioned, your character should add highlights and shadow to suit with the main page's character so that it will look more consistent :)
well done nic !

y[v]onne said...

1. yes
2. yes
3. A
4. B
5. A
6. B
7. it looks a bit flat..maybe it will look more interesting if it's in 3d form. fonts can be a lil bigger as well.

Anonymous said...

1)yes
2)yes
3)A
4)B
5)A
6)B
7) I dunno what to comment..hehe. I dunno anything bout graphic desiging ler. But i'm quite impressed la..so cool la u learn how to do this

Anonymous said...

I like the logo and gradient you create!! 2nd 3rd cha. pages i think should apply the gradient same as what you have done in main page. REMAINand carry on. background is good.

Kok Meng said...

Great for your design. I like the way you make the effect for your background.overall i think is fine. But your sentence of your word a bit not clear and I think your interactive way still can be improve.

chaiyen said...

1. yes
2. yes
3. C
4. A
5. A
6. B (i understand the images on its own --for eg when he is sick, he is sitting for exams but i need to read to understand the story). so i guess it is fine.
7. love the title with the hanging chinese character. i was just thinking about the character page title, the phrase 'the young girl' maybe can make it a bit more bold or more outstanding. currently it doesnt stand out. also you might want to drop the scroll altogether and just place the text on the brown background, so that you dont see the scroll on every page. to differentiate it from the main story page.

♥ wen ♥ said...

1. a
2. a because chinese ppl love red la when marry..haha
3. c
4. a
5. a

i think overal is ok but the typo u can use something tat more cursive

PeiSiu said...

1. a little tiny for me but yes.
2. yes, fits well with the title too.
3. B,C
4. B, maybe could add some texture or shading for characters.
5. A
6. A
7. i really like how you draw everything into perspective. and there can be more effects or texture still.
hmm is it there is no menu for the 2nd page?

siawwei said...

1. yes
2. yes..like how u add pattern to ur background
3. the mood and theme
4. b
5. a
6. a
7. your main page is nicely done. cheers ~

Anonymous said...

Q1 fonts readable
Q2 background suitable..got that chinese-y mood
Q3 the illustration mood and theme is fine. dunno wat is typography..the fonts ar?..if it is..then its nice.
Q4 yea it works for me.. reminds me of the designs on the plates at chinese restaurants..
Q5 yea stroy fr text is clear
Q6 yea i can understand the visuals ...oops.. din see the without reading part.. i tink for someone who do not know the story at all wud not understand by just lookin at the visuals.. lets say 2nd page u noe she is caring for the sick guy but u wont noe what she said..but once u noe the story a lil.. the visuals are understandable.. dunno if tht made sense.. hehe
Q7 1) are the brightness on all pages meant to be different? i tink some pages are bit too dark. the character page is fine.

2) the girl on character page looks bit kasar.. her feet pointing out look like she wana squat or sth.. haha.. not so ' si man' looking.. hehe meb u cud adjust or sth if u want

3) in the red background for all pages there's some light design.. i tink it should come out more as in a bit more visible.. and backgrounds less dark so tht design can be seen.. i tink its nice :)

4) on the main page it seems very red.. meb lighten the sides of the red background.. the color of the clothes, i feel the bright part is too bright..try make it smooth fr the dark to the bright..cuz now it like dark and then the bright part nt gradually gettin brighter. another suggestion - meb u cud use a diff shade of red somewhere on tht page.. cuz for me its lotsa red..meb the red part at the alter ?

5) ohh and y suddenly fr 3rd page become character page.. its kinda bit disjointed fr the 3rd page. i also tht meb u might wana have some sorta conclusion like the one on the last paragraph of ur previous post on this story. thts jz a suggestion

Anonymous said...

nike air max, nike trainers, oakley, nike huarache, ferragamo shoes, wedding dresses, north face outlet, jimmy choo shoes, ralph lauren, north face outlet, bottega veneta, nike air max, louboutin, chi flat iron, soccer shoes, gucci, instyler, hollister, herve leger, reebok shoes, longchamp, hollister, soccer jerseys, asics running shoes, ray ban, vans, abercrombie and fitch, babyliss, birkin bag, mac cosmetics, mont blanc, new balance, converse, ghd, vans shoes, giuseppe zanotti, iphone cases, converse outlet, celine handbags, baseball bats, valentino shoes, hollister, mcm handbags, p90x workout, nfl jerseys, beats by dre, insanity workout, timberland boots, lululemon, nike roshe

Anonymous said...

coach outlet, pandora jewelry, barbour, supra shoes, moncler, ugg,ugg australia,ugg italia, hollister, toms shoes, marc jacobs, sac louis vuitton pas cher, doudoune canada goose, juicy couture outlet, canada goose outlet, links of london, pandora charms, bottes ugg, louis vuitton, wedding dresses, thomas sabo, canada goose, louis vuitton, karen millen, moncler, louis vuitton, montre pas cher, canada goose, ugg,uggs,uggs canada, lancel, swarovski crystal, ugg boots uk, canada goose, canada goose uk, replica watches, moncler, canada goose outlet, moncler, moncler, moncler, pandora jewelry, juicy couture outlet, canada goose, louis vuitton, swarovski, moncler outlet, moncler, barbour jackets, pandora charms, ugg pas cher

deraz said...

خدمات عجمان – مزايا اكسبريس
تركيب رخام في عجمان
شركات صيانة عامة في عجمان