O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

UX in the City Manchester - Mariana Morris, Fruto - Mapping users’ mental models

80 visualizações

Publicada em

When users are frustrated, dropping out or giving negative feedback, often the problem is that their mental models don’t match the designed systems. I’ll provide practical techniques for identifying and mapping out users’ mental models and matching these with their journeys to improve the user’s experience.

About Mariana Morris:
Mariana Morris is a user experience designer and founder of Fruto, a UX design studio, helping tech teams and start-ups improve the user experience and interface of their websites and mobile apps. Fruto also provides bespoke in-house UX training to digital teams.

Mariana has 15 years of industry experience, holds a master's in interactive media and a bachelor's in industrial design (visual communication). She is a lecturer at the University of Reading, and an experienced trainer and public speaker. She co-founded the popular monthly event UX Oxford.

Publicada em: Design
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

UX in the City Manchester - Mariana Morris, Fruto - Mapping users’ mental models

  1. 1. Mapping users’ mental models UX in the City Manchester 2019 • Mariana Morris • frutostudio.co.uk
  2. 2. @marianamota | Fruto.studio What Intro to Mental Models Practice Empathise (Understand users) Synthesise (map out) Designing Case studies Fixing Your journey in this session How When Why Be able to apply the techniques on Monday. Goal
  3. 3. @marianamota | Fruto.studio What are mental models
  4. 4. @marianamota | Fruto.studio “A mental model represents a person’s thought process for how something works (i.e., a person’s understanding of the surrounding world). (...) They help shape actions and behavior, influence what people pay attention to in complicated situations, and define how people approach and solve problems.” Susan Carey https://uxmag.com/articles/the-secret-to-desi Mental models
  5. 5. @marianamota | Fruto.studio “Mental models are simply affinity diagrams of behaviours made from ethnographic data gathered from audience representatives” Indi Young http://boxesandarrows.com/files/banda/what -is-your-mental/Excerpt.MentalModels.IndiYo ung.pdf Mental models
  6. 6. @marianamota | Fruto.studio@marianamota | Fruto.studio
  7. 7. @marianamota | Fruto.studio User’s mental models (expected journeys) @marianamota | Fruto.studio Get to the train station. Get on the right train. Get off on the other end. I need to get a train to London. Arrive in London on time.
  8. 8. @marianamota | Fruto.studio@marianamota | Fruto.studio
  9. 9. @marianamota | Fruto.studio Friction happens when there is a mismatch between users’ mental models and the systems’ design.
  10. 10. @marianamota | Fruto.studio@marianamota | Fruto.studio
  11. 11. @marianamota | Fruto.studio@marianamota | Fruto.studio
  12. 12. @marianamota | Fruto.studio “There's great inertia in users' mental models: stuff that people know well tends to stick, even when it's not helpful.” Jacob Nielsen https://www.nngroup.com/articles/mental-models/ Inertia in users’ mental models Goal: Get cash Photo by top by megawatts86 on Flickr.
  13. 13. @marianamota | Fruto.studio Example: Monzo’s current account set up Disruption: Challenging the mental models Innovation
  14. 14. @marianamota | Fruto.studio How?
  15. 15. @marianamota | Fruto.studio How 1. Step back and get into users’ mind ○ Ethnographic research ○ User interviews 2. Map out how users expect the system to work ○ Mental model mapping
  16. 16. @marianamota | Fruto.studio Empathise Synthesise Design Ideal: User empathy before Design Design Frustrate users Empathise Synthesise Design (fix) What usually happens: Design without understanding users then redesign and fix.
  17. 17. @marianamota | Fruto.studio When?
  18. 18. @marianamota | Fruto.studio Empathise Synthesise Design 2. Fix UX issues (existing project) Problem Empathise Synthesise Design 1. Identify business opportunities and innovative solutions (new or existing project) Business goal We map out mental models to...
  19. 19. @marianamota | Fruto.studio Why?
  20. 20. @marianamota | Fruto.studio Business reasons why we out users’ mental models 1. Increase customer retention and adoption 2. Reduce costs of redesign 3. Increase in product competitive advantage (Spot innovation and business opportunities)
  21. 21. @marianamota | Fruto.studio 1. Empathise with users
  22. 22. @marianamota | Fruto.studio ● Users are grouped by differences in behaviours and needs (not demographics) ● Structured, but relaxed (conversation style, not a questionnaire) ● Open non-leading questions ● Active listen ● It’s about their behaviours (not product preferences) ● Get to the root of the problem and their intentions (Ask why, why, why,...) User interviews to understand their mental models
  23. 23. ©Fruto Limited, 2018. All rights reserved. Open vs. closed questions Open-ended questions: questions that allow someone to give a free-form answer. Closed-ended questions: can be answered with “Yes” or “No,” or they have a limited set of possible answers (such as: A, B, C, or All of the Above). “The most important benefit of open-ended questions is that they allow you to find more than you anticipate: people may share motivations that you didn’t expect and mention behaviors and concerns that you knew nothing about. When you ask people to explain things to you, they often reveal surprising mental models, problem-solving strategies, hopes, fears, and much more.” https://www.nngroup.com/articles/open-ended-questions/ Open questions (Do) ● Who ● What ● When ● Where ● Why ● How Closed questions (Don’t) ● Did ● Have ● Are ● Were ● Will
  24. 24. @marianamota | Fruto.studio Exercise 1: Interview
  25. 25. @marianamota | Fruto.studio “User interview” (activity 1) - 2min (This would be done in user interviews, but to fit into the time of this session…) Individually: ● Write down on post-it notes, the steps you take to plan a holiday: ● Trigger ● Behaviour (steps / actions) Example: Decide on the type of holiday. ● Goal Trigger Behaviour Behaviour ... Goal (Book holiday) Decide on the type of holiday Look on a map to decide areas I haven’t been to Find accomodation Example:
  26. 26. @marianamota | Fruto.studio ● In groups of 4. ● Talk through within your group your steps you take to plan a holiday to understand them. ● Take turns (1-min each person). “User interview” (activity 2)- 4min
  27. 27. @marianamota | Fruto.studio 2. Synthesise: Mapping out mental models
  28. 28. ©Fruto Limited, 2018. All rights reserved. The data gathered in the interviews provides the foundation for: ● Personas (for that particular behavior which was explored) ● Mental model maps ● Experience/User Journey maps Data gathered from user interviews
  29. 29. ©Fruto Limited, 2018. All rights reserved. Mental model diagram by Indi Young Mental model with features aligned beneath it. (Features from the product category list from Procter & Gamble’s site www.pg.com.) Young, Indi. 2008. Mental Models: Aligning Design Strategy with Human Behavior. New York: Rosenfeld Media. Group names of behaviours within (high level groups - “mental space”) Task Feature from the product category or content of website User Business
  30. 30. ©Fruto Limited, 2018. All rights reserved. Example
  31. 31. ©Fruto Limited, 2018. All rights reserved. Mental models help find experience groupings. “The mental model represents a set of states of mind (mental spaces) that a person might pop into and out of during this journey toward accomplishing a goal.” https://rosenfeldmedia.com/mental-models/journeys-experiences-mental-sp/ How mental models relate to user journeys?
  32. 32. @marianamota | Fruto.studio Mental models containing other useful layers
  33. 33. @marianamota | Fruto.studio Exercise 2: Map out the mental model
  34. 34. @marianamota | Fruto.studio 1. Map out the users’ mental models - 10min In groups of 4. 1. Group similar behaviours keeping the order of the journey (affinity map). 2. Label the groups by themes (“mental spaces”).
  35. 35. @marianamota | Fruto.studio 3. Fill in the other relevant gaps - 10min
  36. 36. @marianamota | Fruto.studio Case study: Fixing UX issues
  37. 37. @marianamota | Fruto.studio Trigger Users’ mental spaces Goal Page flow @marianamota | Fruto.studio
  38. 38. @marianamota | Fruto.studio Pages List of problems
  39. 39. @marianamota | Fruto.studio Identifying friction & opportunities for improvement
  40. 40. To fix it, we compared the existing design (what the user needs to do) with what users expect to do (mental models).
  41. 41. @marianamota | Fruto.studio Case study: Designing from scratch
  42. 42. @marianamota | Fruto.studio Matching mental models and page flows
  43. 43. @marianamota | Fruto.studio Mental model mapping & User story mapping Mental models can also act as a road map, ensuring continuity of vision and opportunity. It can be nicely aligned with User Story Mapping. Image source: http://www.barryovereem.com/the-user-story-mapping-game/
  44. 44. @marianamota | Fruto.studio@marianamota | Fruto.studio
  45. 45. Thank you. UX Consultancy & In-house training frutostudio.co.uk Mariana Morris Director of User Experience Design mariana@frutostudio.co.uk @marianamota Any questions? This presentation © Mariana Morris, 2018

×