ogdc 2014: ui/ux: difficulty and experience
TRANSCRIPT
![Page 1: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/1.jpg)
![Page 2: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/2.jpg)
![Page 3: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/3.jpg)
![Page 4: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/4.jpg)
What information
do I need to convey
to users?
![Page 5: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/5.jpg)
1/10
![Page 6: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/6.jpg)
![Page 7: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/7.jpg)
![Page 8: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/8.jpg)
![Page 9: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/9.jpg)
Image & Text?
![Page 10: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/10.jpg)
ORDER
SETTING
PRIVATE SHOP
EXP GOLD
DIAMOND
HELP
NEWSBOARD RANKING
![Page 11: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/11.jpg)
ORDER
SETTING
PRIVATE SHOP
EXP
GOLD DIAMOND
HELP
NEWSBOARD
RANKING
![Page 12: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/12.jpg)
![Page 13: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/13.jpg)
![Page 14: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/14.jpg)
![Page 15: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/15.jpg)
Position
![Page 16: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/16.jpg)
![Page 17: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/17.jpg)
![Page 18: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/18.jpg)
Button size ?
![Page 19: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/19.jpg)
![Page 20: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/20.jpg)
![Page 21: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/21.jpg)
![Page 22: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/22.jpg)
DETERMINE PLATFORM
CHOOSING FUNCTIONALITIES
ADJUSTING POSITION & SIZE
CREATING SCREEN FLOW
TESTING & FIXING
![Page 23: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/23.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/24.jpg)
FUNCTION Provide information
Allow user to do
![Page 25: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/25.jpg)
![Page 26: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/26.jpg)
![Page 27: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/27.jpg)
POSITION
&
SIZE
Work with artists
Rule of button’s color
Uniform (BG, button,…)
Animation
![Page 28: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/28.jpg)
Special
Easy
Medium
Difficult
![Page 29: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/29.jpg)
![Page 30: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/30.jpg)
![Page 31: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/31.jpg)
SCREEN FLOW Logical link
Easy to group features
Tool: MS Excel, MS Visio,...
![Page 32: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/32.jpg)
![Page 33: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/33.jpg)
![Page 34: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/34.jpg)
TEST
&
FIX
Team +
Feedback
Detail
![Page 35: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/35.jpg)
REFERENCES
DETERMINE PLATFORM
CHOOSING FUNCTIONALITIES
ADJUSTING POSITION & SIZE
CREATING SCREEN FLOW
TESTING & FIXING
![Page 36: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/36.jpg)
REFERENCES
![Page 37: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/37.jpg)
![Page 38: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/38.jpg)
![Page 39: OGDC 2014: UI/UX: Difficulty and Experience](https://reader033.vdocuments.mx/reader033/viewer/2022052507/558540eed8b42a5e018b4d3e/html5/thumbnails/39.jpg)