ux design for mobile apps

Download Ux Design for Mobile Apps

Post on 21-Jul-2015

350 views

Category:

Design

3 download

Embed Size (px)

TRANSCRIPT

  • inmediatum.com

    UX designby @drumerch

  • inmediatum.com

    EXPERIENCE=The totality of the cognitions given by perception; all that is perceived, understood, and remembered.

  • inmediatum.com

    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

  • inmediatum.com

    DESIGN=The creation of a plan or convention for the construction of an object or a system.

  • inmediatum.com

    UX vs UI

  • inmediatum.com

    BEFORE DURING AFTERThe askThe audienceThe competitionThe ecosystemThe content

    The information architectureThe interaction designThe usability

    The testsThe analytics

    THE WORK

  • inmediatum.com

    BEFORE DURING AFTERThe askThe audienceThe competitionThe ecosystemThe content

    The information architectureThe interaction designThe usability

    The testsThe analytics

    THE WORK

  • inmediatum.com

    BEFORE DURING AFTERThe askThe audienceThe competitionThe ecosystemThe content

    The information architectureThe interaction designThe usability

    The testsThe analytics

    THE WORK

  • inmediatum.com

    BEFORE DURING AFTERThe askThe audienceThe competitionThe ecosystemThe content

    The information architectureThe interaction designThe usability

    The testsThe analytics

    THE WORK

  • inmediatum.com

    THE ASKClient needsWhat behaviour hed like from his usersWho he believes his users are

    BEFORE

  • inmediatum.com

    BRIEF

  • inmediatum.com

    THE AUDIENCEThe people who will use the productWhat they will use it for?Under what conditions they will use it?

    BEFORE

  • inmediatum.com

    PERSONAS

  • inmediatum.com

  • inmediatum.com

    THE COMPETITIONPull out key conventionsDiscover key opportunities

    BEFORE

  • inmediatum.com

    THE ECOSYSTEMTechnical limitationsWhat have they done?Alternatives

    BEFORE

  • inmediatum.com

    THE CONTENTAll informationAll sectionsEverything the client will need

    BEFORE

  • inmediatum.com

    THE INFORMATION ARCHITECTUREHierarchyContextual analysisCorporate & product strategyUI roadmapCard sorting

    DURING

  • inmediatum.com

    DIAGRAMS

  • inmediatum.com

  • inmediatum.com

    THE INTERACTION DESIGNFlowLabels & contentPatternsHierarchyPlacementDesign error

    DURING

  • inmediatum.com

    WIREFRAMES

  • inmediatum.com

  • inmediatum.com

    THE USABILITYTests the systemCognitive walkthroughForms

    DURING

  • inmediatum.com

    THE FUNBEGINS

  • inmediatum.comFOR EVERYONE

  • inmediatum.com

  • inmediatum.com

  • inmediatum.com

    THE TESTSTests the systemCognitive walkthroughHeuristic tests

    AFTER

  • inmediatum.com

    THE TESTSFor the devsmeta tag

    AFTER

  • inmediatum.com

  • inmediatum.com

    THE ANALYTICSFormsMouse trackingEye tracking

    AFTER

  • inmediatum.com

    Eye tracking

  • inmediatum.com

  • inmediatum.com

    Data

    Logic

    UI

    Magic

    UI

    Data

    Logic

    UI

    Data

    Logic

    UI

    Your product How users see it

    How do you see it How should you see it