ux design for mobile apps
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 person’s 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 ASK
Client needsWhat behaviour he’d like from his usersWho he believes his users are
BEFORE
inmediatum.com
BRIEF
inmediatum.com
THE AUDIENCE
The 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 COMPETITION
Pull out key conventionsDiscover key opportunities
BEFORE
inmediatum.com
THE ECOSYSTEM
Technical limitationsWhat have they done?Alternatives
BEFORE
inmediatum.com
THE CONTENT
All informationAll sectionsEverything the client will need
BEFORE
inmediatum.com
THE INFORMATION ARCHITECTURE
HierarchyContextual analysisCorporate & product strategyUI roadmapCard sorting
DURING
inmediatum.com
DIAGRAMS
inmediatum.com
inmediatum.com
THE INTERACTION DESIGN
FlowLabels & contentPatternsHierarchyPlacementDesign error
DURING
inmediatum.com
WIREFRAMES
inmediatum.com
inmediatum.com
THE USABILITY
Tests the systemCognitive walkthroughForms
DURING
inmediatum.com
THE FUNBEGINS
inmediatum.comFOR EVERYONE
inmediatum.com
inmediatum.com
inmediatum.com
THE TESTS
Tests the systemCognitive walkthroughHeuristic tests
AFTER
inmediatum.com
THE TESTS
For the devsmeta tag
AFTER
inmediatum.com
THE ANALYTICS
FormsMouse 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