My introduction to UX evening at General Assembly Sydney.
Text of Demystifying User Experience - General Assembly
USER EXPERIENCE Demystifying it with Mike Biggs @MetaMikeBiggs
A BIT ABOUT ME 2 Mike Biggs Instigator, Digital Strategist, Product Innovator, Management Consultant, Agilist, Lean UXer.. essentially a T-shaped person. Places and projects: Currently work at ThoughtWorks Previously worked in digital agencies, NSW Government, Freelance.. Clients (past & current) include: CommBank, Vodafone, Macquarie Bank, Perpetual, Toshiba, MTV, VMware, The Rocks/Darling Harbour Precincts, Gatorade Interesting stu Ive done: an Instagram rip-o, Hackathon Mentoring, Smart forms (thats right, forms are interesting!), Soccer viewing iPad app.
Your experience of tonight is governed by your expectations as much as what is actually delivered. 3
A BIT ABOUT YOU 4 Tell me about yourselves: Developer vs design folk Delivery vs business people New vs seasoned
WHAT YOULL LEARN 5 ! Understand what we mean when we talk about UX (User Experience) Where has it come from? - the need of humans Where it lives The UX process What are the deliverables Environments What Next?
UX HISTORY 6 1988
UX HISTORY 7 1998
WHAT IS UX? 8 ! ISO 9241-210 Human Centred Design !  denes user experience as "a person's perceptions and responses that result from the use or anticipated use of a product, system or service".
WHAT IS UX? 9 ! User experience has broadened into being: every single touchpoint your that forms your business - your brand. -Velvet Onion
WHAT IS UX? 10
WHAT IS UX? 11
WHAT IS UX? 12
WHAT IS UX? 13
WHAT IS UX? 14
So..where does UX live? 15
WHAT IS UX 16 Living in a Silo? An excellent structure for holding knowledge Also excellent at withholding knowledge Ensures UX is done RIGHT Does not ensure UX is actually done IS a bottleneck Does not address cultural change Commonly found in Waterfall environments
WHAT IS UX 17 Cross functional UX? Everyones responsible Can also mean no ones responsible Potential consistency issues Huge cultural advantages More common in mature Agile environments
If UX is problem solving, then a UX designer is a facilitator. 18
What problem are we solving again? 19
WHAT IS UX 21 At its heart, UX design aims to solve the problem of usability. Usability is dened by 5 quality components: Learnability: How easy is it for users to accomplish basic tasks the rst time they encounter the design? Eciency: Once users have learned the design, how quickly can they perform tasks? Memorability: When users return to the design after a period of not using it, how easily can they reestablish prociency? Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors? Satisfaction: How pleasant is it to use the design?
WHAT IS UX 22 Examples: Good and Bad Login Sequence
WHAT IS UX 23 Examples: Good and Bad Aordances / Cognitive load
WHAT IS UX 24 Examples: Good and Bad Memorability / Satisfaction- Microinteractions
WHAT IS UX 25 Examples: Good and Bad Memorability / Satisfaction- Microinteractions
WHAT IS UX 26 Examples: Good and Bad Error Reporting
WHAT IS UX 27 Examples: Good and Bad Persuasive design (copy)
WHAT IS UX 28 Examples: Good and Bad Memorability - Navigation
WHAT IS UX 29 Examples: Good and Bad Cross Channel
WHAT IS UX 30 Examples: Good and Bad Labelling / IA - Also, Cognitive Load
WHAT IS UX 31 Examples: Good and Bad Cross Channel
Basically.. Dont make me think -Steve Krug 32
THE UX PROCESS 33
THE UX PROCESS 34 The 5 Ds Discover Dene Design Develop Deliver
THE UX PROCESS 35 The Double Diamond:
THE UX PROCESS 36 The Design Thinking Process:
THE UX PROCESS 37 Discover Stage. Goal: To understand the User and their context. Main contributor: User Researcher Methods: Ethnographic research User diaries Interviews Card sort Outputs: User stories & personas Problem statements Anity diagrams Semantic Maps
EXAMPLES OF ACTIVITIES DELIVERABLES 38 Ethnographic Research
EXAMPLES OF ACTIVITIES DELIVERABLES 39 Empathy Maps
EXAMPLES OF ACTIVITIES DELIVERABLES 40 Personas
THE UX PROCESS 41 Dene Stage. Goal: To dene the high level requirements of any design output. Contributors: Information Architect, Mythical UX Generalist, Project Manager, Product Manager. Methods: Development of Product Requirements Dene Information Architecture including Tree testing Project Plan development ! Outputs: Product Requirements Document Tree testing report Project Plan
THE UX PROCESS 42 Content Inventories & Sitemapping
THE UX PROCESS 43 Design Stage. Goal: To design artefacts which address the problem as dened. Contributors: Information Architect & Interaction Designer Methods: Paper prototyping Digital Wireframing Explicit use of Usability Quality Metrics User Testing Visual Design Concepts Outputs: Validated prototypes & wireframes Revised sitemap User ows UI designs Brand/ Marketing buy-in re visual design
THE UX PROCESS 44 User Flows
THE UX PROCESS 45 Think views not pages
THE UX PROCESS 46 Content Matrix
THE UX PROCESS 47 Content Matrix Pre Event At Event Post Event Desktop Mobile
THE UX PROCESS 48 Paper Prototypes
THE UX PROCESS 49 Wireframes
THE UX PROCESS 50 Develop Stage. Goal: To build software that will deliver the design as intended. Contributors: Primarily Developers Methods: Technical Architecture design UML Setup testing environment Release management ! Outputs: Actual code No UX deliverables !
THE UX PROCESS 51 Deliver Stage. Goal: To release software to market. Contributors: Primarily Developers Methods: Test cases Testing ! ! Outputs: Test reports No UX deliverables !
WHATS NEXT 54 Where is UX going? Product Management Service Design Industries/ contexts Where you can go: Human Computer Interaction Lean Validation Board Designing the organisation
TOOLS & RESOURCES 55 mockow.com < I use this one- cheap, good and you can share wireframes with clients/stakeholders remotely balsamiq.com < popular http://www.optimalworkshop.com/ < A suite of tools for organising your Information Architecture, then testing it. Also includes a tool for rapidly testing early designs/ sketches called Chalkmark. Recommended. loop11.com < allows you to remotely t