SlideShare une entreprise Scribd logo
1  sur  39
Télécharger pour lire hors ligne
What information
do I need to convey
to users?
1/10
Image & Text?
ORDER
MAIL
SETTING
PRIVATE SHOP
EXPGOLD
DIAMOND
HELP
NEWSBOARD
RANKING
ORDER
MAIL
SETTING
PRIVATE SHOP
EXP
GOLD DIAMOND
HELP
NEWSBOARD
RANKING
Position
Button size ?
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
POSITION
&
SIZE
Work with artists
Rule of button’s color
Uniform (BG, button,…)
Animation
Special
Easy
Medium
Difficult
SCREEN
FLOW Logical link
Easy to group features
Tool: MS Excel, MS Visio,...
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

Contenu connexe

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

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

THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...
THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...
THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...
 
Page
PagePage
Page
 
SharePoint Overview 2/2 - Iran SharePoint Academy
SharePoint Overview 2/2 - Iran SharePoint AcademySharePoint Overview 2/2 - Iran SharePoint Academy
SharePoint Overview 2/2 - Iran SharePoint Academy
 
Windows phone 7_intro
Windows phone 7_introWindows phone 7_intro
Windows phone 7_intro
 
Cable Slides How To
Cable Slides How ToCable Slides How To
Cable Slides How To
 
20131029 design your app
20131029 design your app20131029 design your app
20131029 design your app
 
why android first?
why android first?why android first?
why android first?
 
Experiences with PlayStation VR - Sony Interactive Entertainment
Experiences with PlayStation VR  - Sony Interactive EntertainmentExperiences with PlayStation VR  - Sony Interactive Entertainment
Experiences with PlayStation VR - Sony Interactive Entertainment
 
Experiences with PlayStation VR
Experiences with PlayStation VRExperiences with PlayStation VR
Experiences with PlayStation VR
 
Going Mobile by Nate Beck
Going Mobile by Nate BeckGoing Mobile by Nate Beck
Going Mobile by Nate Beck
 
VRA Conference Assistive Technology @ Work
VRA Conference Assistive Technology @ Work VRA Conference Assistive Technology @ Work
VRA Conference Assistive Technology @ Work
 
UI/UX: Building Player Experiences
UI/UX: Building Player ExperiencesUI/UX: Building Player Experiences
UI/UX: Building Player Experiences
 
Keynote: Challenges, Pains and Points of Software Development Today
Keynote: Challenges, Pains and Points of Software Development TodayKeynote: Challenges, Pains and Points of Software Development Today
Keynote: Challenges, Pains and Points of Software Development Today
 
Desigining for auto_layout
Desigining for auto_layoutDesigining for auto_layout
Desigining for auto_layout
 
I os11
I os11I os11
I os11
 
Power point
Power pointPower point
Power point
 
SAP HR Configuration Guide
SAP HR Configuration Guide SAP HR Configuration Guide
SAP HR Configuration Guide
 
Sap hr
Sap hrSap hr
Sap hr
 
PowerPoint Augmentative/Alternative Communication
PowerPoint Augmentative/Alternative CommunicationPowerPoint Augmentative/Alternative Communication
PowerPoint Augmentative/Alternative Communication
 
Are You Doing This? (revised)
Are You Doing This? (revised)Are You Doing This? (revised)
Are You Doing This? (revised)
 

Plus de ogdc

OGDC 2014_Sky Garden Mobile conceptualization: From PC to Mobile_Mr. Luc Hoan...
OGDC 2014_Sky Garden Mobile conceptualization: From PC to Mobile_Mr. Luc Hoan...OGDC 2014_Sky Garden Mobile conceptualization: From PC to Mobile_Mr. Luc Hoan...
OGDC 2014_Sky Garden Mobile conceptualization: From PC to Mobile_Mr. Luc Hoan...
ogdc
 
OGDC 2014_Vietnam Mobile Internet 2014: A focus in smartphone game and compar...
OGDC 2014_Vietnam Mobile Internet 2014: A focus in smartphone game and compar...OGDC 2014_Vietnam Mobile Internet 2014: A focus in smartphone game and compar...
OGDC 2014_Vietnam Mobile Internet 2014: A focus in smartphone game and compar...
ogdc
 
OGDC 2014_Vietnam Smartphone game market 2013 overview. From vision to action...
OGDC 2014_Vietnam Smartphone game market 2013 overview. From vision to action...OGDC 2014_Vietnam Smartphone game market 2013 overview. From vision to action...
OGDC 2014_Vietnam Smartphone game market 2013 overview. From vision to action...
ogdc
 
OGDC 2014_User segmentation and Monetization_Mr. Phat hoang
OGDC 2014_User segmentation and Monetization_Mr. Phat hoangOGDC 2014_User segmentation and Monetization_Mr. Phat hoang
OGDC 2014_User segmentation and Monetization_Mr. Phat hoang
ogdc
 
OGDC 2014_Animation workflow with Spine in Tiny Busters_Mr. Huynh Dong Hai
OGDC 2014_Animation workflow with Spine in Tiny Busters_Mr. Huynh Dong HaiOGDC 2014_Animation workflow with Spine in Tiny Busters_Mr. Huynh Dong Hai
OGDC 2014_Animation workflow with Spine in Tiny Busters_Mr. Huynh Dong Hai
ogdc
 
OGDC 2014_Architecting Games in Unity_Mr. Rustum Scammell
OGDC 2014_Architecting Games in Unity_Mr. Rustum ScammellOGDC 2014_Architecting Games in Unity_Mr. Rustum Scammell
OGDC 2014_Architecting Games in Unity_Mr. Rustum Scammell
ogdc
 
OGDC 2014_Hands on experience with Cocos2dx in cross-platform with Farmery_Mr...
OGDC 2014_Hands on experience with Cocos2dx in cross-platform with Farmery_Mr...OGDC 2014_Hands on experience with Cocos2dx in cross-platform with Farmery_Mr...
OGDC 2014_Hands on experience with Cocos2dx in cross-platform with Farmery_Mr...
ogdc
 
OGDC 2014_Optimize or Die: Key disciplines to optimize your mobile game_Mr. P...
OGDC 2014_Optimize or Die: Key disciplines to optimize your mobile game_Mr. P...OGDC 2014_Optimize or Die: Key disciplines to optimize your mobile game_Mr. P...
OGDC 2014_Optimize or Die: Key disciplines to optimize your mobile game_Mr. P...
ogdc
 
OGDC 2014_Why choosing 2D animation for Mobile Game?_Mr. Joe Tran
OGDC 2014_Why choosing 2D animation for Mobile Game?_Mr. Joe TranOGDC 2014_Why choosing 2D animation for Mobile Game?_Mr. Joe Tran
OGDC 2014_Why choosing 2D animation for Mobile Game?_Mr. Joe Tran
ogdc
 
OGDC 2014_ An artist's story_Mr. Vu Cam Cong Danh
OGDC 2014_ An artist's story_Mr. Vu Cam Cong DanhOGDC 2014_ An artist's story_Mr. Vu Cam Cong Danh
OGDC 2014_ An artist's story_Mr. Vu Cam Cong Danh
ogdc
 
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
ogdc
 
OGDC 2014_Cross platform mobile game application development_Mr. Makku J.Kero
OGDC 2014_Cross platform mobile game application development_Mr. Makku J.KeroOGDC 2014_Cross platform mobile game application development_Mr. Makku J.Kero
OGDC 2014_Cross platform mobile game application development_Mr. Makku J.Kero
ogdc
 
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
ogdc
 
OGDC 2014_Build your own Particle System_Mr. Nguyen Dang Quang
OGDC 2014_Build your own Particle System_Mr. Nguyen Dang QuangOGDC 2014_Build your own Particle System_Mr. Nguyen Dang Quang
OGDC 2014_Build your own Particle System_Mr. Nguyen Dang Quang
ogdc
 
OGDC 2014_3D Graphic on mobile_Mr. Hoang Minh Truong
OGDC 2014_3D Graphic on mobile_Mr. Hoang Minh TruongOGDC 2014_3D Graphic on mobile_Mr. Hoang Minh Truong
OGDC 2014_3D Graphic on mobile_Mr. Hoang Minh Truong
ogdc
 
OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong
OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien ThongOGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong
OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong
ogdc
 

Plus de ogdc (20)

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

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