SlideShare a Scribd company logo
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
What information
do I need to convey
to users?
1/10
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Image & Text?
ORDER
MAIL
SETTING
PRIVATE SHOP
EXPGOLD
DIAMOND
HELP
NEWSBOARD
RANKING
ORDER
MAIL
SETTING
PRIVATE SHOP
EXP
GOLD DIAMOND
HELP
NEWSBOARD
RANKING
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Position
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
Button size ?
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
DETERMINE PLATFORM
CHOOSING FUNCTIONALITIES
ADJUSTING POSITION & SIZE
CREATING SCREEN FLOW
TESTING & FIXING
DEVICE iOS (iPhone 4 & prev, iPhone 5 & later,
iPad...)
Android (HD, SD…)
Choose basic device
(960 x 640)
FUNCTION Provide information
Allow user to do
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
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
Special
Easy
Medium
Difficult
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
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,...
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
TEST
&
FIX
Team +
Feedback
Detail
REFERENCES
DETERMINE PLATFORM
CHOOSING FUNCTIONALITIES
ADJUSTING POSITION & SIZE
CREATING SCREEN FLOW
TESTING & FIXING
REFERENCES
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen
OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen

More Related Content

PPT
Interface Word
PDF
OGDC 2014_Speed Up and make quality 3D game models_Mr. Pham Duc Duy
PDF
OGDC 2014_ Game Design: 5 years of painful lessons_Mr. Do Van Thanh
PDF
OGDC 2014_One-Man Studio: How to make a game prototype_Mr. Le Vo Tien Giang
PDF
OGDC 2014_Business design is game design: 10 bits of business/design wisdom_M...
PDF
OGDC 2014_Entity system in mobile game development_Mr. Cody nguyen
PPT
Paving the Way for IPv6 in Singapore
PPSX
OGDC 2014_Creativity in Game Design - Case Study: Famous Vietnamese mobile ga...
Interface Word
OGDC 2014_Speed Up and make quality 3D game models_Mr. Pham Duc Duy
OGDC 2014_ Game Design: 5 years of painful lessons_Mr. Do Van Thanh
OGDC 2014_One-Man Studio: How to make a game prototype_Mr. Le Vo Tien Giang
OGDC 2014_Business design is game design: 10 bits of business/design wisdom_M...
OGDC 2014_Entity system in mobile game development_Mr. Cody nguyen
Paving the Way for IPv6 in Singapore
OGDC 2014_Creativity in Game Design - Case Study: Famous Vietnamese mobile ga...

Similar to OGDC 2014_UI/UX: Difficulty and Experience_Ms. Nguyen Hoang To Uyen (20)

PDF
Designing iOS apps that rock!
PDF
Mobile UX Workshop General Assembly
PPTX
DJNF 2015 Mobile Presentation
PPTX
Mobile Apps Design Principles
PDF
Designing for Mobile
KEY
Best Mobile UI Practices - FITC Mobile 2010
PDF
UX and UI - Designing for Mobile
PDF
Tapping into Mobile UI with HTML 5
PPTX
Learn ios design
PDF
Understanding mobile design patterns
PPTX
PPS
Mobile User Experience - @iRajLal
PPTX
Designing for responsive UI - Yahoo! OpenHack India 2012
PDF
UX Design for Mobile Apps
PDF
Application GUI Design
PPTX
Mobile Functional Beauty - Trebbble
PPTX
Slideonmaterialdesign on google design
PPTX
Tapping into Mobile UI with HTML5
PDF
What I Learned about Mobile UX... The Hard Way
PPSX
Designing for mobile. A UX perspective for developers
Designing iOS apps that rock!
Mobile UX Workshop General Assembly
DJNF 2015 Mobile Presentation
Mobile Apps Design Principles
Designing for Mobile
Best Mobile UI Practices - FITC Mobile 2010
UX and UI - Designing for Mobile
Tapping into Mobile UI with HTML 5
Learn ios design
Understanding mobile design patterns
Mobile User Experience - @iRajLal
Designing for responsive UI - Yahoo! OpenHack India 2012
UX Design for Mobile Apps
Application GUI Design
Mobile Functional Beauty - Trebbble
Slideonmaterialdesign on google design
Tapping into Mobile UI with HTML5
What I Learned about Mobile UX... The Hard Way
Designing for mobile. A UX perspective for developers
Ad

More from ogdc (20)

PDF
OGDC 2014_Sky Garden Mobile conceptualization: From PC to Mobile_Mr. Luc Hoan...
PDF
OGDC 2014_Vietnam Mobile Internet 2014: A focus in smartphone game and compar...
PDF
OGDC 2014_Vietnam Smartphone game market 2013 overview. From vision to action...
PDF
OGDC 2014_User segmentation and Monetization_Mr. Phat hoang
PDF
OGDC 2014_Animation workflow with Spine in Tiny Busters_Mr. Huynh Dong Hai
PDF
OGDC 2014_Architecting Games in Unity_Mr. Rustum Scammell
PDF
OGDC 2014_Hands on experience with Cocos2dx in cross-platform with Farmery_Mr...
PDF
OGDC 2014_Optimize or Die: Key disciplines to optimize your mobile game_Mr. P...
PDF
OGDC 2014_Why choosing 2D animation for Mobile Game?_Mr. Joe Tran
PDF
OGDC 2014_ An artist's story_Mr. Vu Cam Cong Danh
PDF
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
PDF
OGDC 2014_Cross platform mobile game application development_Mr. Makku J.Kero
PDF
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
PDF
OGDC 2014_Build your own Particle System_Mr. Nguyen Dang Quang
PDF
OGDC 2014_3D Graphic on mobile_Mr. Hoang Minh Truong
PDF
OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong
PPTX
OGDC2013_ Tip&trick 3D Graphic_ Mr Pham Ngoc Vu Khanh
PPTX
OGDC2013_ After effects in 2D Game Animation - lite _ Mr Nguyen Dang Quang
PPTX
OGDC2013_ How to build 3D avatar for Happy Me_ Mr Tran Don Tu
PPTX
OGDC2013_ Farmery2_ Mr Nguyen Quang Lam
OGDC 2014_Sky Garden Mobile conceptualization: From PC to Mobile_Mr. Luc Hoan...
OGDC 2014_Vietnam Mobile Internet 2014: A focus in smartphone game and compar...
OGDC 2014_Vietnam Smartphone game market 2013 overview. From vision to action...
OGDC 2014_User segmentation and Monetization_Mr. Phat hoang
OGDC 2014_Animation workflow with Spine in Tiny Busters_Mr. Huynh Dong Hai
OGDC 2014_Architecting Games in Unity_Mr. Rustum Scammell
OGDC 2014_Hands on experience with Cocos2dx in cross-platform with Farmery_Mr...
OGDC 2014_Optimize or Die: Key disciplines to optimize your mobile game_Mr. P...
OGDC 2014_Why choosing 2D animation for Mobile Game?_Mr. Joe Tran
OGDC 2014_ An artist's story_Mr. Vu Cam Cong Danh
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
OGDC 2014_Cross platform mobile game application development_Mr. Makku J.Kero
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
OGDC 2014_Build your own Particle System_Mr. Nguyen Dang Quang
OGDC 2014_3D Graphic on mobile_Mr. Hoang Minh Truong
OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong
OGDC2013_ Tip&trick 3D Graphic_ Mr Pham Ngoc Vu Khanh
OGDC2013_ After effects in 2D Game Animation - lite _ Mr Nguyen Dang Quang
OGDC2013_ How to build 3D avatar for Happy Me_ Mr Tran Don Tu
OGDC2013_ Farmery2_ Mr Nguyen Quang Lam
Ad

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