SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Service design
Service design Service design
Service design
 
Design Thinking explained
Design Thinking explainedDesign Thinking explained
Design Thinking explained
 
멘탈모델 1-3장 자료
멘탈모델 1-3장 자료멘탈모델 1-3장 자료
멘탈모델 1-3장 자료
 
Visualizing Value with Alignment Diagrams
Visualizing Value with Alignment DiagramsVisualizing Value with Alignment Diagrams
Visualizing Value with Alignment Diagrams
 
UX 아카데미 오픈프로젝트 [클럽하우스- UX/UI 개선]
 UX 아카데미 오픈프로젝트 [클럽하우스- UX/UI 개선] UX 아카데미 오픈프로젝트 [클럽하우스- UX/UI 개선]
UX 아카데미 오픈프로젝트 [클럽하우스- UX/UI 개선]
 
From Products to Services: A Service Design Crash Course
From Products to Services: A Service Design Crash CourseFrom Products to Services: A Service Design Crash Course
From Products to Services: A Service Design Crash Course
 
Service Design Introduction
Service Design IntroductionService Design Introduction
Service Design Introduction
 
Personas Bootcamp - Where Product Meets User Needs
Personas Bootcamp - Where Product Meets User NeedsPersonas Bootcamp - Where Product Meets User Needs
Personas Bootcamp - Where Product Meets User Needs
 
UX design, service design and design thinking
UX design, service design and design thinkingUX design, service design and design thinking
UX design, service design and design thinking
 
5 Things I Wish I Knew – A Service Design Journey
5 Things I Wish I Knew – A Service Design Journey5 Things I Wish I Knew – A Service Design Journey
5 Things I Wish I Knew – A Service Design Journey
 
Agile and Design Thinking at IBM
Agile and Design Thinking at IBMAgile and Design Thinking at IBM
Agile and Design Thinking at IBM
 
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
 
Sell Yourself Better 1.0
Sell Yourself Better 1.0Sell Yourself Better 1.0
Sell Yourself Better 1.0
 
on Service Design
on Service Designon Service Design
on Service Design
 
Oikosofy - The User Story mapping workshop - facilitator's guide
Oikosofy - The User Story mapping workshop - facilitator's guideOikosofy - The User Story mapping workshop - facilitator's guide
Oikosofy - The User Story mapping workshop - facilitator's guide
 
So you want to be a Service Designer
So you want to be a Service DesignerSo you want to be a Service Designer
So you want to be a Service Designer
 
Virtual sdgc20 | oct 22 23, 2020 | full stack service designers
Virtual sdgc20 | oct 22 23, 2020 | full stack service designersVirtual sdgc20 | oct 22 23, 2020 | full stack service designers
Virtual sdgc20 | oct 22 23, 2020 | full stack service designers
 
Service Design
Service Design Service Design
Service Design
 
What is Service Design?
What is Service Design?What is Service Design?
What is Service Design?
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 

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

(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 workshop
Shyamala Prayaga
 
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
Dharam 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.pdf
Dharam Mentor
 

Semelhante a 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
 

Mais de Mariana 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 #7
Mariana Morris
 

Mais 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
 

Último

Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
sriharipichandi
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
eeanqy
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
eeanqy
 
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
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
eqaqen
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 

Último (20)

Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
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
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
BLOCK CHAIN PROJECT block chain project
BLOCK CHAIN  PROJECT block chain projectBLOCK CHAIN  PROJECT block chain project
BLOCK CHAIN PROJECT block chain project
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Lecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxLecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptx
 
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
 
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
 
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...
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 

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