Ux Design for Mobile Apps

Download Ux Design for Mobile Apps

Post on 21-Jul-2015

350 views

Category:

Design

3 download

TRANSCRIPT

<ul><li><p>inmediatum.com</p><p>UX designby @drumerch</p></li><li><p>inmediatum.com</p><p>EXPERIENCE=The totality of the cognitions given by perception; all that is perceived, understood, and remembered.</p></li><li><p>inmediatum.com</p><p>USER EXPERIENCE=A persons perceptions and responses that result from the use of a product, system or service.Includes:EmotionsBeliefsPreferencesPerceptionsPhysical and psychological responsesBehaviors and accomplishments</p></li><li><p>inmediatum.com</p><p>DESIGN=The creation of a plan or convention for the construction of an object or a system.</p></li><li><p>inmediatum.com</p><p>UX vs UI</p></li><li><p>inmediatum.com</p><p>BEFORE DURING AFTERThe askThe audienceThe competitionThe ecosystemThe content</p><p>The information architectureThe interaction designThe usability</p><p>The testsThe analytics</p><p>THE WORK</p></li><li><p>inmediatum.com</p><p>BEFORE DURING AFTERThe askThe audienceThe competitionThe ecosystemThe content</p><p>The information architectureThe interaction designThe usability</p><p>The testsThe analytics</p><p>THE WORK</p></li><li><p>inmediatum.com</p><p>BEFORE DURING AFTERThe askThe audienceThe competitionThe ecosystemThe content</p><p>The information architectureThe interaction designThe usability</p><p>The testsThe analytics</p><p>THE WORK</p></li><li><p>inmediatum.com</p><p>BEFORE DURING AFTERThe askThe audienceThe competitionThe ecosystemThe content</p><p>The information architectureThe interaction designThe usability</p><p>The testsThe analytics</p><p>THE WORK</p></li><li><p>inmediatum.com</p><p>THE ASKClient needsWhat behaviour hed like from his usersWho he believes his users are</p><p>BEFORE</p></li><li><p>inmediatum.com</p><p>BRIEF</p></li><li><p>inmediatum.com</p><p>THE AUDIENCEThe people who will use the productWhat they will use it for?Under what conditions they will use it?</p><p>BEFORE</p></li><li><p>inmediatum.com</p><p>PERSONAS</p></li><li><p>inmediatum.com</p></li><li><p>inmediatum.com</p><p>THE COMPETITIONPull out key conventionsDiscover key opportunities</p><p>BEFORE</p></li><li><p>inmediatum.com</p><p>THE ECOSYSTEMTechnical limitationsWhat have they done?Alternatives</p><p>BEFORE</p></li><li><p>inmediatum.com</p><p>THE CONTENTAll informationAll sectionsEverything the client will need</p><p>BEFORE</p></li><li><p>inmediatum.com</p><p>THE INFORMATION ARCHITECTUREHierarchyContextual analysisCorporate &amp; product strategyUI roadmapCard sorting</p><p>DURING</p></li><li><p>inmediatum.com</p><p>DIAGRAMS</p></li><li><p>inmediatum.com</p></li><li><p>inmediatum.com</p><p>THE INTERACTION DESIGNFlowLabels &amp; contentPatternsHierarchyPlacementDesign error</p><p>DURING</p></li><li><p>inmediatum.com</p><p>WIREFRAMES</p></li><li><p>inmediatum.com</p></li><li><p>inmediatum.com</p><p>THE USABILITYTests the systemCognitive walkthroughForms</p><p>DURING</p></li><li><p>inmediatum.com</p><p>THE FUNBEGINS</p></li><li><p>inmediatum.comFOR EVERYONE</p></li><li><p>inmediatum.com</p></li><li><p>inmediatum.com</p></li><li><p>inmediatum.com</p><p>THE TESTSTests the systemCognitive walkthroughHeuristic tests</p><p>AFTER</p></li><li><p>inmediatum.com</p><p>THE TESTSFor the devsmeta tag</p><p>AFTER</p></li><li><p>inmediatum.com</p></li><li><p>inmediatum.com</p><p>THE ANALYTICSFormsMouse trackingEye tracking</p><p>AFTER</p></li><li><p>inmediatum.com</p><p>Eye tracking</p></li><li><p>inmediatum.com</p></li><li><p>inmediatum.com</p><p> Data</p><p>Logic</p><p>UI</p><p> Magic</p><p>UI</p><p> Data</p><p>Logic</p><p>UI</p><p> Data</p><p>Logic</p><p>UI</p><p>Your product How users see it</p><p>How do you see it How should you see it</p></li></ul>