Download as PDF, PPTX
![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".](https://image.slidesharecdn.com/introtouserexperience-mikebiggs-150225001107-conversion-gate01/75/Introduction-to-User-Experience-Mike-Biggs-8-2048.jpg)
![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".](https://crownmelresort.com/image.slidesharecdn.com/introtouserexperience-mikebiggs-150225001107-conversion-gate01/75/Introduction-to-User-Experience-Mike-Biggs-8-2048.jpg)
Uploaded byThoughtworks
Introduction to User Experience - Mike Biggs
The document is an introduction to user experience (UX) led by Mike Biggs, covering the fundamentals of UX design, its history, and the UX process. It outlines core concepts such as usability, the contributions required from various team members, the five stages of the UX process (discover, define, design, develop, deliver), and emphasizes the importance of a user-centered approach. Additionally, the content provides resources and tools for UX practitioners and explores the future of UX in relation to product management and service design.
More Related Content
Similar to Introduction to User Experience - Mike Biggs
![Laminated_Springs[1]. Machine design practice](https://cdn.slidesharecdn.com/ss_thumbnails/laminatedsprings1-251116120255-2a3c06fb-thumbnail.jpg?width=640&height=640&fit=bounds)
Introduction to User Experience - Mike Biggs
- 1. DEMYSTIFYING USER EXPERIENCE An introductionto UX with @MetaMikeBiggs
- 2. A BIT ABOUTME 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.
- 3. Your experience oftonight is governed by your expectations as much as what is actually delivered. 3
- 4. A BIT ABOUTYOU 4 Tell me about yourselves: ▫︎Developer vs design folk ▫︎Delivery vs business people ▫︎New vs seasoned
- 5. WHAT YOU’LL LEARN 5 ! ▫︎Understandwhat 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?
- 6.
- 7.
- 8. WHAT IS UX? 8 ! ISO9241-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".
- 9. WHAT IS UX? 9 ! “Userexperience has broadened into being: every single touchpoint your that forms your business - your brand.” -Velvet Onion
- 10.
- 11.
- 12.
- 13.
- 14.
- 15. So..where does UXlive? 15
- 16. WHAT IS UX 16 Livingin 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
- 17. WHAT IS UX 17 Crossfunctional UX? ▫︎Everyone’s responsible ▫︎Can also mean no one’s responsible ▫︎Potential consistency issues ▫︎Huge cultural advantages ▫︎More common in mature Agile environments
- 18. If UX isproblem solving, then a UX designer is a facilitator. 18
- 19. What problem arewe solving again? 19
- 20.
- 21. WHAT IS UX 21 Atits 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?
- 22. WHAT IS UX 22 Examples:Good and Bad ▫︎ Login Sequence
- 23. WHAT IS UX 23 Examples:Good and Bad ▫︎ Affordances / Cognitive load
- 24. WHAT IS UX 24 Examples:Good and Bad ▫︎ Memorability / Satisfaction- Microinteractions
- 25. WHAT IS UX 25 Examples:Good and Bad ▫︎ Memorability / Satisfaction- Microinteractions
- 26. WHAT IS UX 26 Examples:Good and Bad ▫︎ Error Reporting
- 27. WHAT IS UX 27 Examples:Good and Bad ▫︎ Persuasive design (copy)
- 28. WHAT IS UX 28 Examples:Good and Bad ▫︎ Memorability - Navigation
- 29. WHAT IS UX 29 Examples:Good and Bad ▫︎ Cross Channel
- 30. WHAT IS UX 30 Examples:Good and Bad ▫︎ Labelling / IA - Also, Cognitive Load
- 31. WHAT IS UX 31 Examples:Good and Bad ▫︎ Cross Channel
- 32. Basically.. “Don’t make methink” -Steve Krug 32
- 33.
- 34. THE UX PROCESS 34 The5 D’s ▫︎Discover ▫︎Define ▫︎Design ▫︎Develop ▫︎Deliver
- 35. THE UX PROCESS 35 TheDouble Diamond:
- 36. THE UX PROCESS 36 TheDesign Thinking Process:
- 37. THE UX PROCESS 37 DiscoverStage. 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
- 38. EXAMPLES OF ACTIVITIESDELIVERABLES 38 Ethnographic Research
- 39. EXAMPLES OF ACTIVITIESDELIVERABLES 39 Empathy Maps
- 40. EXAMPLES OF ACTIVITIESDELIVERABLES 40 Personas
- 41. THE UX PROCESS 41 DefineStage. 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
- 42. THE UX PROCESS 42 ContentInventories & Sitemapping
- 43. THE UX PROCESS 43 DesignStage. 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
- 44.
- 45. THE UX PROCESS 45 Think‘views’ not pages
- 46.
- 47. THE UX PROCESS 47 ContentMatrix Pre Event At Event Post Event Desktop Mobile
- 48. THE UX PROCESS 48 PaperPrototypes
- 49.
- 50. THE UX PROCESS 50 DevelopStage. 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 !
- 51. THE UX PROCESS 51 DeliverStage. Goal: To release software to market. Contributors: Primarily Developers Methods: ▫︎ Test cases ▫︎ Testing ! ! Outputs: ▫︎ Test reports ▫︎ No ‘UX’ deliverables !
- 52. THE UX PROCESS 52 Whatis this process?
- 53.
- 54. WHAT’S NEXT 54 Where isUX going? ▫︎Product Management ▫︎Service Design ▫︎Industries/ contexts Where you can go: ▫︎Human Computer Interaction ▫︎Lean Validation Board ▫︎Designing the organisation
- 55. TOOLS & RESOURCES 55 ▫︎mockflow.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 track how a user response to a detailed wireframe or full website design. ▫︎ Human Computer Interaction cousre-https://www.coursera.org/course/ hciucsd ▫︎ Lean Validation Board- for Startups and Product development, but is just as useful when addressing UX - https:// www.leanstartupmachine.com/validationboard/
- 56.