Demystifying User Experience - General Assembly



My introduction to UX evening at General Assembly Sydney.

My introduction to UX evening at General Assembly Sydney.



Total Views
Views on SlideShare
Embed Views



5 Embeds 28 12
http://localhost 11 3 1 1


Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Demystifying User Experience - General Assembly Demystifying User Experience - General Assembly Presentation Transcript

    • 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 stuff I’ve done: an Instagram rip-off, Hackathon Mentoring, Smart forms (that’s 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 YOU’LL 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] defines 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? ▫︎Everyone’s responsible ▫︎Can also mean no one’s 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 defined by 5 quality components: ▫︎ Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design? ▫︎ Efficiency: 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 proficiency? ▫︎ 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 ▫︎ Affordances / 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.. “Don’t make me think” -Steve Krug 32
    • THE UX PROCESS 34 The 5 D’s ▫︎Discover ▫︎Define ▫︎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 ▫︎ Affinity diagrams ▫︎ Semantic Maps
    • THE UX PROCESS 41 Define Stage. Goal: To define the high level requirements of any design output. Contributors: Information Architect, Mythical UX Generalist, Project Manager, Product Manager. Methods: ▫︎ Development of Product Requirements ▫︎ Define 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 defined. 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 flows ▫︎ 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
    • WHAT’S 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 track how a user response to a detailed wireframe or full website design. ▫︎ Human Computer Interaction cousre- hciucsd ▫︎ Lean Validation Board- for Startups and Product development, but is just as useful when addressing UX - https://
    • THANKS Mike Biggs @MetaMikeBiggs ThoughtWorks 56