Demystifying User Experience - General Assembly

  • View

  • Download

Embed Size (px)


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 ! [1] 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
  • 20
  • 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 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
  • 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 !
  • THE UX PROCESS 52 What is this process?
  • ENVIRONMENTS 53 Environments: Waterfall Agile Lean
  • 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 < I use this one- cheap, good and you can share wireframes with clients/stakeholders remotely < popular < 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. < allows you to remotely t