39

OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

  • Upload
    ogdc

  • View
    169

  • Download
    4

Embed Size (px)

Citation preview

Page 1: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 2: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 3: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 4: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

What information

do I need to convey

to users?

Page 5: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

1/10

Page 6: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 7: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 8: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 9: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

Image & Text?

Page 10: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

ORDER

MAIL

SETTING

PRIVATE SHOP

EXP GOLD

DIAMOND

HELP

NEWSBOARD RANKING

Page 11: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

ORDER

MAIL

SETTING

PRIVATE SHOP

EXP

GOLD DIAMOND

HELP

NEWSBOARD

RANKING

Page 12: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 13: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 14: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 15: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

Position

Page 16: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 17: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 18: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

Button size ?

Page 19: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 20: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 21: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 22: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

DETERMINE PLATFORM

CHOOSING FUNCTIONALITIES

ADJUSTING POSITION & SIZE

CREATING SCREEN FLOW

TESTING & FIXING

Page 23: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

DEVICE iOS (iPhone 4 & prev, iPhone 5 & later, iPad...)

Android (HD, SD…)

Choose basic device

(960 x 640)

Page 24: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

FUNCTION Provide information

Allow user to do

Page 25: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 26: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 27: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

POSITION

&

SIZE

Work with artists

Rule of button’s color

Uniform (BG, button,…)

Animation

Page 28: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

Special

Easy

Medium

Difficult

Page 29: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 30: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 31: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

SCREEN FLOW Logical link

Easy to group features

Tool: MS Excel, MS Visio,...

Page 32: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 33: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 34: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

TEST

&

FIX

Team +

Feedback

Detail

Page 35: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

REFERENCES

DETERMINE PLATFORM

CHOOSING FUNCTIONALITIES

ADJUSTING POSITION & SIZE

CREATING SCREEN FLOW

TESTING & FIXING

Page 36: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

REFERENCES

Page 37: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 38: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Page 39: OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen