Download - OGDC 2014: UI/UX: Difficulty and Experience

Transcript
Page 1: OGDC 2014: UI/UX: Difficulty and Experience
Page 2: OGDC 2014: UI/UX: Difficulty and Experience
Page 3: OGDC 2014: UI/UX: Difficulty and Experience
Page 4: OGDC 2014: UI/UX: Difficulty and Experience

What information

do I need to convey

to users?

Page 5: OGDC 2014: UI/UX: Difficulty and Experience

1/10

Page 6: OGDC 2014: UI/UX: Difficulty and Experience
Page 7: OGDC 2014: UI/UX: Difficulty and Experience
Page 8: OGDC 2014: UI/UX: Difficulty and Experience
Page 9: OGDC 2014: UI/UX: Difficulty and Experience

Image & Text?

Page 10: OGDC 2014: UI/UX: Difficulty and Experience

ORDER

MAIL

SETTING

PRIVATE SHOP

EXP GOLD

DIAMOND

HELP

NEWSBOARD RANKING

Page 11: OGDC 2014: UI/UX: Difficulty and Experience

ORDER

MAIL

SETTING

PRIVATE SHOP

EXP

GOLD DIAMOND

HELP

NEWSBOARD

RANKING

Page 12: OGDC 2014: UI/UX: Difficulty and Experience
Page 13: OGDC 2014: UI/UX: Difficulty and Experience
Page 14: OGDC 2014: UI/UX: Difficulty and Experience
Page 15: OGDC 2014: UI/UX: Difficulty and Experience

Position

Page 16: OGDC 2014: UI/UX: Difficulty and Experience
Page 17: OGDC 2014: UI/UX: Difficulty and Experience
Page 18: OGDC 2014: UI/UX: Difficulty and Experience

Button size ?

Page 19: OGDC 2014: UI/UX: Difficulty and Experience
Page 20: OGDC 2014: UI/UX: Difficulty and Experience
Page 21: OGDC 2014: UI/UX: Difficulty and Experience
Page 22: OGDC 2014: UI/UX: Difficulty and Experience

DETERMINE PLATFORM

CHOOSING FUNCTIONALITIES

ADJUSTING POSITION & SIZE

CREATING SCREEN FLOW

TESTING & FIXING

Page 23: OGDC 2014: UI/UX: Difficulty and Experience

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

FUNCTION Provide information

Allow user to do

Page 25: OGDC 2014: UI/UX: Difficulty and Experience
Page 26: OGDC 2014: UI/UX: Difficulty and Experience
Page 27: OGDC 2014: UI/UX: Difficulty and Experience

POSITION

&

SIZE

Work with artists

Rule of button’s color

Uniform (BG, button,…)

Animation

Page 28: OGDC 2014: UI/UX: Difficulty and Experience

Special

Easy

Medium

Difficult

Page 29: OGDC 2014: UI/UX: Difficulty and Experience
Page 30: OGDC 2014: UI/UX: Difficulty and Experience
Page 31: OGDC 2014: UI/UX: Difficulty and Experience

SCREEN FLOW Logical link

Easy to group features

Tool: MS Excel, MS Visio,...

Page 32: OGDC 2014: UI/UX: Difficulty and Experience
Page 33: OGDC 2014: UI/UX: Difficulty and Experience
Page 34: OGDC 2014: UI/UX: Difficulty and Experience

TEST

&

FIX

Team +

Feedback

Detail

Page 35: OGDC 2014: UI/UX: Difficulty and Experience

REFERENCES

DETERMINE PLATFORM

CHOOSING FUNCTIONALITIES

ADJUSTING POSITION & SIZE

CREATING SCREEN FLOW

TESTING & FIXING

Page 36: OGDC 2014: UI/UX: Difficulty and Experience

REFERENCES

Page 37: OGDC 2014: UI/UX: Difficulty and Experience
Page 38: OGDC 2014: UI/UX: Difficulty and Experience
Page 39: OGDC 2014: UI/UX: Difficulty and Experience