Best Practice for Mobile UX Design

Download Best Practice for Mobile UX Design

Post on 13-Jan-2015

3.779 views

Category:

Technology

5 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

<ul><li> 1. UX/UI Best Practice for UX Deliverables Mobile UX Design Essential / KT Econovation Smart School | @jonathanis</li></ul> <p> 2. UX | Content List1. | User Needs AnalysisMobile UX Design Essential | 001 3. UX | Content List1. | User Needs Analysis2. | Contents StrategyMobile UX Design Essential | 001 4. UX | Content List1. | User Needs Analysis2. | Contents Strategy3. | Mobile Contents DesignMobile UX Design Essential | 001 5. UX | Content List1. | User Needs Analysis2. | Contents Strategy3. | Mobile Contents DesignSlideshare UX 2011 52 KT ESS . UX . . naebon1@gmail.com Mobile UX Design Essential | 001 6. UX | Practice - UX Deliverables1. | User Needs Analysis1. | Persona Mobile UX Design Essential | 001 7. UX | Practice - UX Deliverables1. | User Needs Analysis1. | Persona2. | Usability Test Plan Mobile UX Design Essential | 001 8. UX | Practice - UX Deliverables1. | User Needs Analysis1. | Persona2. | Usability Test Plan3. | Usability Report Mobile UX Design Essential | 001 9. 1. | User Needs Analysis | Persona, "A persona is Mobile UX Design Essential | 001 10. 1. | User Needs Analysis | Persona, , , , . "A persona is Mobile UX Design Essential | 001 11. 1. | User Needs Analysis | Persona, , , , . "A persona is a user archetype you can use to help guide decisions aboutproduct features, navigation, interactions, and even visual design.Kim Goodwin, Cooper.comMobile UX Design Essential | 001 12. 1. | User Needs Analysis | Persona | Problem of Usability Being user-centered is not natural / Users are complicated and varied / Those who may be doinguser and market research are not typically the people who actually design and build the product / The word "user" isnt very helpful (like "injury" is to the ER) / Raw data isnt inherently useful,and neither are most reportsGary Thompson / Daphne Ogle Mobile UX Design Essential | 001 13. 1. | User Needs Analysis | Persona | Problem of Usability .Being user-centered is not natural / Users are complicated and varied / Those who may be doinguser and market research are not typically the people who actually design and build the product / The word "user" isnt very helpful (like "injury" is to the ER) / Raw data isnt inherently useful,and neither are most reportsGary Thompson / Daphne Ogle Mobile UX Design Essential | 001 14. 1. | User Needs Analysis | Persona | Problem of Usability . .Being user-centered is not natural / Users are complicated and varied / Those who may be doinguser and market research are not typically the people who actually design and build the product / The word "user" isnt very helpful (like "injury" is to the ER) / Raw data isnt inherently useful,and neither are most reportsGary Thompson / Daphne Ogle Mobile UX Design Essential | 001 15. 1. | User Needs Analysis | Persona | Problem of Usability . . .Being user-centered is not natural / Users are complicated and varied / Those who may be doinguser and market research are not typically the people who actually design and build the product / The word "user" isnt very helpful (like "injury" is to the ER) / Raw data isnt inherently useful,and neither are most reportsGary Thompson / Daphne Ogle Mobile UX Design Essential | 001 16. 1. | User Needs Analysis | Persona | Problem of Usability . . . .Being user-centered is not natural / Users are complicated and varied / Those who may be doinguser and market research are not typically the people who actually design and build the product / The word "user" isnt very helpful (like "injury" is to the ER) / Raw data isnt inherently useful,and neither are most reportsGary Thompson / Daphne Ogle Mobile UX Design Essential | 001 17. 1. | User Needs Analysis | Persona , | Effectiveness of Persona () .Make assumptions about users explicit (articulate a common language to talk meaningfully aboutusers) / Place the focus on specific users rather than on "everyone / In limiting our choices,personas help us make better decisions / Personas engage the product design and developmentteam (personas are fun)Gary Thompson / Daphne OgleMobile UX Design Essential | 001 18. 1. | User Needs Analysis | Persona , | Effectiveness of Persona () . , .Make assumptions about users explicit (articulate a common language to talk meaningfully aboutusers) / Place the focus on specific users rather than on "everyone / In limiting our choices,personas help us make better decisions / Personas engage the product design and developmentteam (personas are fun)Gary Thompson / Daphne OgleMobile UX Design Essential | 001 19. 1. | User Needs Analysis | Persona , | Effectiveness of Persona () . , . , .Make assumptions about users explicit (articulate a common language to talk meaningfully aboutusers) / Place the focus on specific users rather than on "everyone / In limiting our choices,personas help us make better decisions / Personas engage the product design and developmentteam (personas are fun)Gary Thompson / Daphne OgleMobile UX Design Essential | 001 20. 1. | User Needs Analysis | Persona , | Effectiveness of Persona () . , . , . () .Make assumptions about users explicit (articulate a common language to talk meaningfully aboutusers) / Place the focus on specific users rather than on "everyone / In limiting our choices,personas help us make better decisions / Personas engage the product design and developmentteam (personas are fun)Gary Thompson / Daphne OgleMobile UX Design Essential | 001 21. 1. | User Needs Analysis | Persona Source: WebCredible Mobile UX Design Essential | 001 22. 1. | User Needs Analysis | Persona Source: WebCredible Mobile UX Design Essential | 001 23. 1. | User Needs Analysis | Persona Source: WebCredible Mobile UX Design Essential | 001 24. 1. | User Needs Analysis | Persona Source: WebCredible Mobile UX Design Essential | 001 25. 1. | User Needs Analysis | Persona Source: fluid Mobile UX Design Essential | 001 26. 1. | User Needs Analysis | Persona Source: fluid Mobile UX Design Essential | 001 27. 1. | User Needs Analysis | Persona | background , photo : 22 / : 3, 11 / : () : : 3 / . 6 5 : , , . : . photo: The Christian Science MonitorMobile UX Design Essential | 001 28. 1. | User Needs Analysis | Persona name primary persona background | , , , main points | photo age, role, field, , level of skill, experience goals frustrationnarrativescenario Mobile UX Design Essential | 001 29. UX | Practice - UX Deliverables2. | Contents Strategy1. | Bench Marking Mobile UX Design Essential | 001 30. UX | Practice - UX Deliverables2. | Contents Strategy1. | Bench Marking2. | Concept Model Mobile UX Design Essential | 001 31. UX | Practice - UX Deliverables2. | Contents Strategy1. | Bench Marking2. | Concept Model3. | Contents Inventory Mobile UX Design Essential | 001 32. 2. | Contents Strategy | Concept ModelMobile UX Design Essential | 001 33. 2. | Contents Strategy | Concept ModelMobile UX Design Essential | 001 34. 2. | Contents Strategy | Concept ModelMobile UX Design Essential | 001 35. 2. | Contents Strategy | Concept ModelMobile UX Design Essential | 001 36. 2. | Contents Strategy | Concept ModelMobile UX Design Essential | 001 37. 2. | Contents Strategy | Concept Model .Draw a concept model onto the grid paperMobile UX Design Essential | 001 38. 2. | Contents Strategy | Concept Model . Build a concept model with PPTX shape elements. Mobile UX Design Essential | 001 39. 2. | Contents Strategy | Contents Inventory | Typical contents inventory for a web siteID / Page Name / Link / Document Type / Owner / Keywords / Meta / Notes Mobile UX Design Essential | 001 40. 2. | Contents Strategy | Contents Inventory | Typical contents inventory for a web siteID / Page Name / Link / Document Type / Owner / Keywords / Meta / Notes, | Contents inventory for a mobile applicationID / View Name / Nav / UI Element / Owner / SDK &amp; Dev Lang / Meta / Notes Mobile UX Design Essential | 001 41. 2. | Contents Strategy | Contents InventoryIDView Name File Name UI ElementOwner SDK, Dev Lang Meta Desc IssueImage + Table Intro and main1.0.0.0welcome nikeplus_intro.m UI team Xcode Log-inViewnavigation Text +TableUser mainRequest det1.1.0.0startuser_profile.mUI+Dev teamXcode, Obj-CViewpage ailed profileRun-type1.1.1.0run_menurecord_list.m Table View UI team XcodeSNS cheerlist page1.1.1.1run_basic record_default.mTable View UI+Dev teamXcode, Obj-CRun-type 1 Music1.1.1.2run _time record_compete.mTable View UI+Dev teamXcode, Obj-CRun-type 2 Time unitGuide for1.2.0.0tour Info_app.m Image View UI team XcodeSensornew oneNike+ .Mobile UX Design Essential | 001 42. 2. | Contents Strategy | Contents InventoryID View Name File Name UI Element Owner SDK, Dev Lang Meta Desc IssueMobile UX Design Essential | 001 43. UX | Practice - UX Deliverables3. | Mobile Contents Design1. | Flowchart Mobile UX Design Essential | 001 44. UX | Practice - UX Deliverables3. | Mobile Contents Design1. | Flowchart2. | Wireframe Mobile UX Design Essential | 001 45. UX | Practice - UX Deliverables3. | Mobile Contents Design1. | Flowchart2. | Wireframe3. | Screen Design Mobile UX Design Essential | 001 46. UX | Practice - UX Deliverables3. | Mobile Contents Design1. | Flowchart2. | Wireframe3. | Screen Design4. | Story Board, Clickstream Mobile UX Design Essential | 001 47. UX | Practice - UX Deliverables3. | Mobile Contents Design1. | Flowchart2. | Wireframe3. | Screen Design4. | Story Board, Clickstream5. | Prototype with mobile-web Mobile UX Design Essential | 001 48. 3. | Mobile Contents Design | Wireframe source : justin delabarMobile UX Design Essential | 001 49. 3. | Mobile Contents Design | Wireframe source : Ian James CoxMobile UX Design Essential | 001 50. 3. | Mobile Contents Design | Wireframe Navigation barMobile UX Design Essential | 001 51. 3. | Mobile Contents Design | Screen Design source : erinthompsonstudioMobile UX Design Essential | 001 52. 3. | Mobile Contents Design | Screen Designsource : seedandsproutMobile UX Design Essential | 001 53. 3. | Mobile Contents Design | Screen Design Navigation barMobile UX Design Essential | 001 54. 3. | Mobile Contents Design | Story Board source : Paul StantonMobile UX Design Essential | 001 55. 3. | Mobile Contents Design | Prototype HTML5 + CSS3 + FTP HTML, CSS , . FTP . facebook Like , .Mobile UX Design Essential | 001 56. UX/UIBest Practice for UX Deliverables Jonathan Dong / @jonathanis / naebon1@gmail.comLecture ProjectKT ESS / KT + , + 57. UX/UIBest Practice for UX Deliverables.Thank you. Jonathan Dong / @jonathanis / naebon1@gmail.comLecture ProjectKT ESS / KT + , + </p>