SlideShare une entreprise Scribd logo
1  sur  46
Mapping users’
mental models
UX in the City Manchester 2019 • Mariana Morris • frutostudio.co.uk
@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
@marianamota | Fruto.studio
What are mental models
@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
@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
@marianamota | Fruto.studio@marianamota | Fruto.studio
@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.
@marianamota | Fruto.studio@marianamota | Fruto.studio
@marianamota | Fruto.studio
Friction happens when there
is a mismatch between users’
mental models and the
systems’ design.
@marianamota | Fruto.studio@marianamota | Fruto.studio
@marianamota | Fruto.studio@marianamota | Fruto.studio
@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.
@marianamota | Fruto.studio
Example:
Monzo’s current account set up
Disruption:
Challenging the mental models
Innovation
@marianamota | Fruto.studio
How?
@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
@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.
@marianamota | Fruto.studio
When?
@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...
@marianamota | Fruto.studio
Why?
@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)
@marianamota | Fruto.studio
1. Empathise with users
@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
©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
@marianamota | Fruto.studio
Exercise 1: Interview
@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:
@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
@marianamota | Fruto.studio
2. Synthesise: Mapping out
mental models
©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
©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
©Fruto Limited, 2018. All rights reserved.
Example
©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?
@marianamota | Fruto.studio
Mental models containing other useful layers
@marianamota | Fruto.studio
Exercise 2:
Map out the mental model
@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”).
@marianamota | Fruto.studio
3. Fill in the other relevant gaps - 10min
@marianamota | Fruto.studio
Case study:
Fixing UX issues
@marianamota | Fruto.studio
Trigger
Users’ mental spaces Goal
Page flow
@marianamota | Fruto.studio
@marianamota | Fruto.studio
Pages
List of problems
@marianamota | Fruto.studio
Identifying friction & opportunities for improvement
To fix it, we compared the
existing design (what the user
needs to do) with what users
expect to do (mental
models).
@marianamota | Fruto.studio
Case study:
Designing from scratch
@marianamota | Fruto.studio
Matching mental models and page flows
@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/
@marianamota | Fruto.studio@marianamota | Fruto.studio
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

Contenu connexe

Tendances

UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"
UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"
UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"UX STRAT
 
User Story Mapping (2008)
User Story Mapping (2008)User Story Mapping (2008)
User Story Mapping (2008)Jeff Patton
 
User Story Maps: Secrets for Better Backlogs and Planning
 User Story Maps: Secrets for Better Backlogs and Planning User Story Maps: Secrets for Better Backlogs and Planning
User Story Maps: Secrets for Better Backlogs and PlanningAaron Sanders
 
How to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product ManagerHow to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product ManagerProduct School
 
Create a User Experience Mindset Within Your Organization by Conducting Custo...
Create a User Experience Mindset Within Your Organization by Conducting Custo...Create a User Experience Mindset Within Your Organization by Conducting Custo...
Create a User Experience Mindset Within Your Organization by Conducting Custo...UXPA International
 
Guide to Design Sprint
Guide to Design SprintGuide to Design Sprint
Guide to Design SprintHafizdzaki Mcd
 
Google Design sprint
Google Design sprintGoogle Design sprint
Google Design sprintBruno Mendes
 
Design Thinking - Bootcamp
Design Thinking - BootcampDesign Thinking - Bootcamp
Design Thinking - BootcampJan Schmiedgen
 
What is Product Management ?
What is Product Management ?What is Product Management ?
What is Product Management ?Charles Loumeau
 
User Story Slicing - easy way to split user stories
User Story Slicing - easy way to split user stories  User Story Slicing - easy way to split user stories
User Story Slicing - easy way to split user stories Arto Eskelinen
 
Product Owner vs Product Manager
Product Owner vs Product ManagerProduct Owner vs Product Manager
Product Owner vs Product ManagerAgileSparks
 
Design with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business ModelsDesign with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business ModelsPemo Theodore
 
POSSIBLE product design sprint
POSSIBLE product design sprintPOSSIBLE product design sprint
POSSIBLE product design sprintThomas Waegemans
 
Intro to design sprint
Intro to design sprintIntro to design sprint
Intro to design sprintAngelene Jessy
 
Using mental models for product success
Using mental models for product successUsing mental models for product success
Using mental models for product successProduct Anonymous
 
The what, why and how of Service Design
The what, why and how of Service DesignThe what, why and how of Service Design
The what, why and how of Service DesignSpotless
 

Tendances (20)

Design Sprint Workshop
Design Sprint WorkshopDesign Sprint Workshop
Design Sprint Workshop
 
UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"
UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"
UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"
 
Design Thinking explained
Design Thinking explainedDesign Thinking explained
Design Thinking explained
 
User Story Mapping (2008)
User Story Mapping (2008)User Story Mapping (2008)
User Story Mapping (2008)
 
User Story Maps: Secrets for Better Backlogs and Planning
 User Story Maps: Secrets for Better Backlogs and Planning User Story Maps: Secrets for Better Backlogs and Planning
User Story Maps: Secrets for Better Backlogs and Planning
 
How to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product ManagerHow to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product Manager
 
Create a User Experience Mindset Within Your Organization by Conducting Custo...
Create a User Experience Mindset Within Your Organization by Conducting Custo...Create a User Experience Mindset Within Your Organization by Conducting Custo...
Create a User Experience Mindset Within Your Organization by Conducting Custo...
 
Guide to Design Sprint
Guide to Design SprintGuide to Design Sprint
Guide to Design Sprint
 
Google Design sprint
Google Design sprintGoogle Design sprint
Google Design sprint
 
Design Thinking - Bootcamp
Design Thinking - BootcampDesign Thinking - Bootcamp
Design Thinking - Bootcamp
 
What is Product Management ?
What is Product Management ?What is Product Management ?
What is Product Management ?
 
User Story Slicing - easy way to split user stories
User Story Slicing - easy way to split user stories  User Story Slicing - easy way to split user stories
User Story Slicing - easy way to split user stories
 
Product Owner vs Product Manager
Product Owner vs Product ManagerProduct Owner vs Product Manager
Product Owner vs Product Manager
 
How to write good user stories
How to write good user storiesHow to write good user stories
How to write good user stories
 
Design with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business ModelsDesign with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business Models
 
POSSIBLE product design sprint
POSSIBLE product design sprintPOSSIBLE product design sprint
POSSIBLE product design sprint
 
Intro to design sprint
Intro to design sprintIntro to design sprint
Intro to design sprint
 
Using mental models for product success
Using mental models for product successUsing mental models for product success
Using mental models for product success
 
Service Design Doing
Service Design DoingService Design Doing
Service Design Doing
 
The what, why and how of Service Design
The what, why and how of Service DesignThe what, why and how of Service Design
The what, why and how of Service Design
 

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

Generative Research — InVision DesignTalk
Generative Research — InVision DesignTalkGenerative Research — InVision DesignTalk
Generative Research — InVision DesignTalkMisael Leon
 
Powerful Techniques to Understand Customer Motivations
Powerful Techniques to Understand Customer MotivationsPowerful Techniques to Understand Customer Motivations
Powerful Techniques to Understand Customer MotivationsNearsoft
 
Design Thinking for Managers - Presentation
Design Thinking for Managers - PresentationDesign Thinking for Managers - Presentation
Design Thinking for Managers - Presentationranganayaki10
 
LTUX JHB - An Empathetic Servant Leader
LTUX  JHB - An Empathetic Servant LeaderLTUX  JHB - An Empathetic Servant Leader
LTUX JHB - An Empathetic Servant Leaderltux-jhb
 
Generative Research Workshop by Nearsoft — Amsterdam Material
Generative Research Workshop by Nearsoft — Amsterdam MaterialGenerative Research Workshop by Nearsoft — Amsterdam Material
Generative Research Workshop by Nearsoft — Amsterdam MaterialMisael Leon
 
Hcde k 12 charrette workbook
Hcde k 12 charrette workbookHcde k 12 charrette workbook
Hcde k 12 charrette workbookValerie Remaker
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the HumanitiesShawn Day
 
Mental Models to Guide Product Decisions by Google Product Manager
Mental Models to Guide Product Decisions by Google Product ManagerMental Models to Guide Product Decisions by Google Product Manager
Mental Models to Guide Product Decisions by Google Product ManagerProduct School
 
Study Jam - Batch 1 UI/UX #2: Design Thinking - Empathize And Define
Study Jam - Batch 1 UI/UX #2: Design Thinking - Empathize And DefineStudy Jam - Batch 1 UI/UX #2: Design Thinking - Empathize And Define
Study Jam - Batch 1 UI/UX #2: Design Thinking - Empathize And DefineGDSC2
 
HCI 1 Module 2.pptx
HCI 1 Module 2.pptxHCI 1 Module 2.pptx
HCI 1 Module 2.pptxXanGwaps
 
Incorporating user personas in software engineering and design processes
Incorporating user personas in software engineering and design processesIncorporating user personas in software engineering and design processes
Incorporating user personas in software engineering and design processesOmotayo Madein
 
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...Jennifer Briselli
 
Interaction design workshop
Interaction design workshopInteraction design workshop
Interaction design workshopShyamala Prayaga
 
Business Origami: a practical guide to running a Business Origami workshop
Business Origami: a practical guide to running a Business Origami workshopBusiness Origami: a practical guide to running a Business Origami workshop
Business Origami: a practical guide to running a Business Origami workshopAnna Harasimiuk
 
The brief version of my book copy 4.pdf
The brief version of my book copy 4.pdfThe brief version of my book copy 4.pdf
The brief version of my book copy 4.pdfDharam Mentor
 
The brief version of my book copy 4.pdf
The brief version of my book copy 4.pdfThe brief version of my book copy 4.pdf
The brief version of my book copy 4.pdfDharam Mentor
 
The brief version of my book copy 4.pdf
The brief version of my book copy 4.pdfThe brief version of my book copy 4.pdf
The brief version of my book copy 4.pdfDharam Mentor
 
Design Thinking : Define
Design Thinking : Define Design Thinking : Define
Design Thinking : Define Sankarshan D
 

Similaire à UX in the City Manchester - Mariana Morris, Fruto - Mapping users’ mental models (20)

Generative Research — InVision DesignTalk
Generative Research — InVision DesignTalkGenerative Research — InVision DesignTalk
Generative Research — InVision DesignTalk
 
UNDERSTAND mixtape
UNDERSTAND mixtapeUNDERSTAND mixtape
UNDERSTAND mixtape
 
Powerful Techniques to Understand Customer Motivations
Powerful Techniques to Understand Customer MotivationsPowerful Techniques to Understand Customer Motivations
Powerful Techniques to Understand Customer Motivations
 
Design Thinking for Managers - Presentation
Design Thinking for Managers - PresentationDesign Thinking for Managers - Presentation
Design Thinking for Managers - Presentation
 
LTUX JHB - An Empathetic Servant Leader
LTUX  JHB - An Empathetic Servant LeaderLTUX  JHB - An Empathetic Servant Leader
LTUX JHB - An Empathetic Servant Leader
 
Generative Research Workshop by Nearsoft — Amsterdam Material
Generative Research Workshop by Nearsoft — Amsterdam MaterialGenerative Research Workshop by Nearsoft — Amsterdam Material
Generative Research Workshop by Nearsoft — Amsterdam Material
 
Hcde k 12 charrette workbook
Hcde k 12 charrette workbookHcde k 12 charrette workbook
Hcde k 12 charrette workbook
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 
Mental Models to Guide Product Decisions by Google Product Manager
Mental Models to Guide Product Decisions by Google Product ManagerMental Models to Guide Product Decisions by Google Product Manager
Mental Models to Guide Product Decisions by Google Product Manager
 
Study Jam - Batch 1 UI/UX #2: Design Thinking - Empathize And Define
Study Jam - Batch 1 UI/UX #2: Design Thinking - Empathize And DefineStudy Jam - Batch 1 UI/UX #2: Design Thinking - Empathize And Define
Study Jam - Batch 1 UI/UX #2: Design Thinking - Empathize And Define
 
HCI 1 Module 2.pptx
HCI 1 Module 2.pptxHCI 1 Module 2.pptx
HCI 1 Module 2.pptx
 
Incorporating user personas in software engineering and design processes
Incorporating user personas in software engineering and design processesIncorporating user personas in software engineering and design processes
Incorporating user personas in software engineering and design processes
 
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
 
Interaction design workshop
Interaction design workshopInteraction design workshop
Interaction design workshop
 
Business Origami: a practical guide to running a Business Origami workshop
Business Origami: a practical guide to running a Business Origami workshopBusiness Origami: a practical guide to running a Business Origami workshop
Business Origami: a practical guide to running a Business Origami workshop
 
The magic of Design Thinking
The magic of Design ThinkingThe magic of Design Thinking
The magic of Design Thinking
 
The brief version of my book copy 4.pdf
The brief version of my book copy 4.pdfThe brief version of my book copy 4.pdf
The brief version of my book copy 4.pdf
 
The brief version of my book copy 4.pdf
The brief version of my book copy 4.pdfThe brief version of my book copy 4.pdf
The brief version of my book copy 4.pdf
 
The brief version of my book copy 4.pdf
The brief version of my book copy 4.pdfThe brief version of my book copy 4.pdf
The brief version of my book copy 4.pdf
 
Design Thinking : Define
Design Thinking : Define Design Thinking : Define
Design Thinking : Define
 

Plus de Mariana Morris

Fruto webinar: How to run remote design projects
Fruto webinar: How to run remote design projectsFruto webinar: How to run remote design projects
Fruto webinar: How to run remote design projectsMariana Morris
 
UX for Marketers - Marketing Camp Oxford 2017
UX for Marketers - Marketing Camp Oxford 2017UX for Marketers - Marketing Camp Oxford 2017
UX for Marketers - Marketing Camp Oxford 2017Mariana Morris
 
UX is Team Work - Agile in the City: Bristol, 2016
UX is Team Work - Agile in the City: Bristol, 2016UX is Team Work - Agile in the City: Bristol, 2016
UX is Team Work - Agile in the City: Bristol, 2016Mariana Morris
 
Agile Prague 2016 - UX is team work
Agile Prague 2016 - UX is team workAgile Prague 2016 - UX is team work
Agile Prague 2016 - UX is team workMariana Morris
 
UX is team work - Design Exchange Nottigham, Jun 2016
UX is team work - Design Exchange Nottigham, Jun 2016UX is team work - Design Exchange Nottigham, Jun 2016
UX is team work - Design Exchange Nottigham, Jun 2016Mariana Morris
 
A dose of user research: techniques to get the team involved in the UX design...
A dose of user research: techniques to get the team involved in the UX design...A dose of user research: techniques to get the team involved in the UX design...
A dose of user research: techniques to get the team involved in the UX design...Mariana Morris
 
UX is team work, Front-end London, August 2015
UX is team work, Front-end London, August 2015UX is team work, Front-end London, August 2015
UX is team work, Front-end London, August 2015Mariana Morris
 
MKGN Talk: "Giving constructive design feedback"
MKGN Talk: "Giving constructive design feedback"MKGN Talk: "Giving constructive design feedback"
MKGN Talk: "Giving constructive design feedback"Mariana Morris
 
UX is team work! (Bulgaria Web Summit 2015)
UX is team work! (Bulgaria Web Summit 2015)UX is team work! (Bulgaria Web Summit 2015)
UX is team work! (Bulgaria Web Summit 2015)Mariana Morris
 
BrightonSEO 2015: How good UX can improve SEO
BrightonSEO 2015: How good UX can improve SEOBrightonSEO 2015: How good UX can improve SEO
BrightonSEO 2015: How good UX can improve SEOMariana Morris
 
Interactions with clients, UXSW, 2014
Interactions with clients, UXSW, 2014Interactions with clients, UXSW, 2014
Interactions with clients, UXSW, 2014Mariana Morris
 
Interactions with clients, Breaking Borders, June 2014
Interactions with clients, Breaking Borders, June 2014Interactions with clients, Breaking Borders, June 2014
Interactions with clients, Breaking Borders, June 2014Mariana Morris
 
What have you left behind?
What have you left behind?What have you left behind?
What have you left behind?Mariana Morris
 
Talk at Milton Keynes Geek Night #7
Talk at Milton Keynes Geek Night #7Talk at Milton Keynes Geek Night #7
Talk at Milton Keynes Geek Night #7Mariana Morris
 
Making your personal projects happen - Oxford Geek Nights #32
Making your personal projects happen - Oxford Geek Nights #32Making your personal projects happen - Oxford Geek Nights #32
Making your personal projects happen - Oxford Geek Nights #32Mariana Morris
 

Plus de Mariana Morris (15)

Fruto webinar: How to run remote design projects
Fruto webinar: How to run remote design projectsFruto webinar: How to run remote design projects
Fruto webinar: How to run remote design projects
 
UX for Marketers - Marketing Camp Oxford 2017
UX for Marketers - Marketing Camp Oxford 2017UX for Marketers - Marketing Camp Oxford 2017
UX for Marketers - Marketing Camp Oxford 2017
 
UX is Team Work - Agile in the City: Bristol, 2016
UX is Team Work - Agile in the City: Bristol, 2016UX is Team Work - Agile in the City: Bristol, 2016
UX is Team Work - Agile in the City: Bristol, 2016
 
Agile Prague 2016 - UX is team work
Agile Prague 2016 - UX is team workAgile Prague 2016 - UX is team work
Agile Prague 2016 - UX is team work
 
UX is team work - Design Exchange Nottigham, Jun 2016
UX is team work - Design Exchange Nottigham, Jun 2016UX is team work - Design Exchange Nottigham, Jun 2016
UX is team work - Design Exchange Nottigham, Jun 2016
 
A dose of user research: techniques to get the team involved in the UX design...
A dose of user research: techniques to get the team involved in the UX design...A dose of user research: techniques to get the team involved in the UX design...
A dose of user research: techniques to get the team involved in the UX design...
 
UX is team work, Front-end London, August 2015
UX is team work, Front-end London, August 2015UX is team work, Front-end London, August 2015
UX is team work, Front-end London, August 2015
 
MKGN Talk: "Giving constructive design feedback"
MKGN Talk: "Giving constructive design feedback"MKGN Talk: "Giving constructive design feedback"
MKGN Talk: "Giving constructive design feedback"
 
UX is team work! (Bulgaria Web Summit 2015)
UX is team work! (Bulgaria Web Summit 2015)UX is team work! (Bulgaria Web Summit 2015)
UX is team work! (Bulgaria Web Summit 2015)
 
BrightonSEO 2015: How good UX can improve SEO
BrightonSEO 2015: How good UX can improve SEOBrightonSEO 2015: How good UX can improve SEO
BrightonSEO 2015: How good UX can improve SEO
 
Interactions with clients, UXSW, 2014
Interactions with clients, UXSW, 2014Interactions with clients, UXSW, 2014
Interactions with clients, UXSW, 2014
 
Interactions with clients, Breaking Borders, June 2014
Interactions with clients, Breaking Borders, June 2014Interactions with clients, Breaking Borders, June 2014
Interactions with clients, Breaking Borders, June 2014
 
What have you left behind?
What have you left behind?What have you left behind?
What have you left behind?
 
Talk at Milton Keynes Geek Night #7
Talk at Milton Keynes Geek Night #7Talk at Milton Keynes Geek Night #7
Talk at Milton Keynes Geek Night #7
 
Making your personal projects happen - Oxford Geek Nights #32
Making your personal projects happen - Oxford Geek Nights #32Making your personal projects happen - Oxford Geek Nights #32
Making your personal projects happen - Oxford Geek Nights #32
 

Dernier

Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfamanda2495
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKMarekMitek1
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableNitya salvi
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationZenSeloveres
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxtrose8
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证eqaqen
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyIsadora Agency
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxbalqisyamutia
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahimamgadibrahim92
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样yhavx
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxNikhil Raut
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...samsungultra782445
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...Amil baba
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证ehyxf
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...nirzagarg
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipNitya salvi
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherrymeghakumariji156
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样awasv46j
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...instagramfab782445
 

Dernier (20)

Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 

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

  • 1. Mapping users’ mental models UX in the City Manchester 2019 • Mariana Morris • frutostudio.co.uk
  • 2.
  • 3. @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
  • 5. @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
  • 6. @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
  • 8. @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.
  • 10. @marianamota | Fruto.studio Friction happens when there is a mismatch between users’ mental models and the systems’ design.
  • 13. @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.
  • 14. @marianamota | Fruto.studio Example: Monzo’s current account set up Disruption: Challenging the mental models Innovation
  • 16. @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
  • 17. @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.
  • 19. @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...
  • 21. @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)
  • 22. @marianamota | Fruto.studio 1. Empathise with users
  • 23. @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
  • 24. ©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
  • 26. @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:
  • 27. @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
  • 28. @marianamota | Fruto.studio 2. Synthesise: Mapping out mental models
  • 29. ©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
  • 30. ©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
  • 31. ©Fruto Limited, 2018. All rights reserved. Example
  • 32. ©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?
  • 33. @marianamota | Fruto.studio Mental models containing other useful layers
  • 34. @marianamota | Fruto.studio Exercise 2: Map out the mental model
  • 35. @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”).
  • 36. @marianamota | Fruto.studio 3. Fill in the other relevant gaps - 10min
  • 37. @marianamota | Fruto.studio Case study: Fixing UX issues
  • 38. @marianamota | Fruto.studio Trigger Users’ mental spaces Goal Page flow @marianamota | Fruto.studio
  • 40. @marianamota | Fruto.studio Identifying friction & opportunities for improvement
  • 41. To fix it, we compared the existing design (what the user needs to do) with what users expect to do (mental models).
  • 42. @marianamota | Fruto.studio Case study: Designing from scratch
  • 43. @marianamota | Fruto.studio Matching mental models and page flows
  • 44. @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/
  • 46. 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