SlideShare a Scribd company logo
5 Best Practices for
Simplifying User Experiences
ROBERT STRIBLEY
Simple doesn’t
mean simplistic
Simple
• Thoughtful
• Intuitive
• Concentrated
• Easy
• Straightforward
• Comprehensive
Simplistic
• Thoughtless
• Misleading
• Over-Simplified
• Difficult
• Confusing
• Anemic
“Everything
should be made
as simple as
possible,
but no simpler”
- Albert Einstein
55% of consumers are
willing to pay more for
uncomplicated
experiences.
64% of consumers are
more likely to recommend
a brand because of a
simple experience.
— Siegel & Gale, The Simplicity Index
Let’s look at 5 key best practices
to keep in mind when designing to
keep experiences simple: intuitive,
usable, navigable
Scent of Information
1
3 Clicks? A myth
Designing for scent is
more successful than
designing for navigation.
– Jared Spool, UIE
If there is a scientific basis to
the Three-Click Rule, we
couldn't find it in our data.
Further Study
“Designing for the scent of information” - Jared M. Spool, Christine Perfetti & David Brittan, User Interface Engineering
Progressive Disclosure
2
Capture the attention of users
with high-level information.
Then draw them to the
details.
“Progressive disclosure defers
advanced or rarely used
features to a secondary screen,
making applications easier to
learn and less error-prone.”
- Jakob Nielsen
Further Study
“Progressive Disclosure” - Jakob Nielsen, December 4, 2006
Information Clustering
& Hierarchy
3
“Designers can create normalcy out
of chaos; they can clearly
communicate ideas through the
organizing and manipulating of
words and pictures.”
—Jeffrey Veen, The Art and Science of Web Design
When information is clustered
appropriately on a screen, users
can scan it and quickly come to
terms with the intent of the
content.
1. Group features and
content by type
1. Group features and
content by type
2. Position them
according to an
intuitive hierarchy
1. Group features and
content by type
2. Position them
according to an
intuitive hierarchy
3. Drop or demote the
less important content
The Tyranny of Consistency
4
Consistency is an important but sometimes
over-rated tool.
It’s key in maintaining a coherent
experience.
But develop an eye to know when to break
from it.
Clarity trumps
consistency.
– Steve Krug, Don’t Make Me Think
Related: Design screens so they’re scalable.
Suppress modules or sections of the screen
until they're needed.
Don’t labor to create content just to ensure
every screen or element is “consistently”
populated.
Know Your Audience
5
Only 42% of marketers know
the basic demographic
information of their target
audience, e.g., their name,
gender, and location
– Hubspot survey of over 1200 marketers
Consider the amount of
attention an audience
needs on a particular
screen or at a particular
moment*
*It may be none
Assuming you know your audience or
audiences already …
• Write at a level appropriate to your
audience
• Avoid jargon and technical language
when explaining the experience
To recap:
1. Scent of Information
2. Progressive Disclosure
3. Information Clustering & Hierarchy
4. The Tyranny of Consistency
5. Know Your Audience
Thank you

More Related Content

Similar to Best Practices for Simplifying User Experiences

A Summary of Neuromarketing
A Summary of Neuromarketing A Summary of Neuromarketing
A Summary of Neuromarketing
The Royals
 
Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab...
Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab...Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab...
Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab...
Jonathan Steingiesser
 
Humanizing Digital Experiences at UXSEA Summit 2018
Humanizing Digital Experiences at UXSEA Summit 2018Humanizing Digital Experiences at UXSEA Summit 2018
Humanizing Digital Experiences at UXSEA Summit 2018
Kuldeep Kulshreshtha
 
Product Development and Culture – Malcolm Ong, Co-founder of Skillshare
Product Development and Culture – Malcolm Ong, Co-founder of SkillshareProduct Development and Culture – Malcolm Ong, Co-founder of Skillshare
Product Development and Culture – Malcolm Ong, Co-founder of Skillshare500 Startups
 
Neuromarketing Presentation.pptx
Neuromarketing Presentation.pptxNeuromarketing Presentation.pptx
Neuromarketing Presentation.pptx
ssuserf19f3e
 
Andys guidetoux v2
Andys guidetoux v2Andys guidetoux v2
Andys guidetoux v2
Andy Lammers
 
Is Your Website Trauma-Informed?
Is Your Website Trauma-Informed?Is Your Website Trauma-Informed?
Is Your Website Trauma-Informed?
Melissa Eggleston
 
Worldfish tool navigator for market based research 2018
Worldfish tool navigator for market based research 2018Worldfish tool navigator for market based research 2018
Worldfish tool navigator for market based research 2018
WorldFish
 
The Knowledge Economy
The Knowledge EconomyThe Knowledge Economy
The Knowledge Economy
Kim Parker
 
Minimize Cognitive Load + Maximize Conversions : 10 Tips
Minimize Cognitive Load + Maximize Conversions : 10 TipsMinimize Cognitive Load + Maximize Conversions : 10 Tips
Minimize Cognitive Load + Maximize Conversions : 10 Tips
Lucid Smart Pill
 
Personas Demystified 1.0
Personas Demystified 1.0Personas Demystified 1.0
Personas Demystified 1.0
Mo Goltz
 
Executive presence dm ppt 1
Executive presence dm ppt 1Executive presence dm ppt 1
Executive presence dm ppt 1
NEW DELHI INSTITUTE OF MANAGEMENT
 
The Simple Truth of Accessibility
The Simple Truth of AccessibilityThe Simple Truth of Accessibility
The Simple Truth of Accessibility
Christine Hemphill
 
UXPA 2023: F@#$ User Personas
UXPA 2023: F@#$ User PersonasUXPA 2023: F@#$ User Personas
UXPA 2023: F@#$ User Personas
UXPA International
 
What makes great creative great
What makes great creative greatWhat makes great creative great
What makes great creative great
Mohammad Masum Chowdhury
 
Designing for Inclusion - Morgenbooster
Designing for Inclusion -  MorgenboosterDesigning for Inclusion -  Morgenbooster
Designing for Inclusion - Morgenbooster
1508 A/S
 
Usable Information Visualizations & Dashboards
Usable Information Visualizations & DashboardsUsable Information Visualizations & Dashboards
Usable Information Visualizations & Dashboards
Tarik (Rick) Dzekman
 
A Developer’s Guide to Interaction and Interface Design
A Developer’s Guide to Interaction and Interface DesignA Developer’s Guide to Interaction and Interface Design
A Developer’s Guide to Interaction and Interface Design
Holtstrom
 
Update on Marketing, Branding & PR
Update on Marketing, Branding & PR  Update on Marketing, Branding & PR
Update on Marketing, Branding & PR
Jackie Bayer Shervington
 

Similar to Best Practices for Simplifying User Experiences (20)

A Summary of Neuromarketing
A Summary of Neuromarketing A Summary of Neuromarketing
A Summary of Neuromarketing
 
Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab...
Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab...Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab...
Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab...
 
Humanizing Digital Experiences at UXSEA Summit 2018
Humanizing Digital Experiences at UXSEA Summit 2018Humanizing Digital Experiences at UXSEA Summit 2018
Humanizing Digital Experiences at UXSEA Summit 2018
 
Product Development and Culture – Malcolm Ong, Co-founder of Skillshare
Product Development and Culture – Malcolm Ong, Co-founder of SkillshareProduct Development and Culture – Malcolm Ong, Co-founder of Skillshare
Product Development and Culture – Malcolm Ong, Co-founder of Skillshare
 
Neuromarketing Presentation.pptx
Neuromarketing Presentation.pptxNeuromarketing Presentation.pptx
Neuromarketing Presentation.pptx
 
Rri bm webinar slides v2
Rri bm webinar slides   v2Rri bm webinar slides   v2
Rri bm webinar slides v2
 
Andys guidetoux v2
Andys guidetoux v2Andys guidetoux v2
Andys guidetoux v2
 
Is Your Website Trauma-Informed?
Is Your Website Trauma-Informed?Is Your Website Trauma-Informed?
Is Your Website Trauma-Informed?
 
Worldfish tool navigator for market based research 2018
Worldfish tool navigator for market based research 2018Worldfish tool navigator for market based research 2018
Worldfish tool navigator for market based research 2018
 
The Knowledge Economy
The Knowledge EconomyThe Knowledge Economy
The Knowledge Economy
 
Minimize Cognitive Load + Maximize Conversions : 10 Tips
Minimize Cognitive Load + Maximize Conversions : 10 TipsMinimize Cognitive Load + Maximize Conversions : 10 Tips
Minimize Cognitive Load + Maximize Conversions : 10 Tips
 
Personas Demystified 1.0
Personas Demystified 1.0Personas Demystified 1.0
Personas Demystified 1.0
 
Executive presence dm ppt 1
Executive presence dm ppt 1Executive presence dm ppt 1
Executive presence dm ppt 1
 
The Simple Truth of Accessibility
The Simple Truth of AccessibilityThe Simple Truth of Accessibility
The Simple Truth of Accessibility
 
UXPA 2023: F@#$ User Personas
UXPA 2023: F@#$ User PersonasUXPA 2023: F@#$ User Personas
UXPA 2023: F@#$ User Personas
 
What makes great creative great
What makes great creative greatWhat makes great creative great
What makes great creative great
 
Designing for Inclusion - Morgenbooster
Designing for Inclusion -  MorgenboosterDesigning for Inclusion -  Morgenbooster
Designing for Inclusion - Morgenbooster
 
Usable Information Visualizations & Dashboards
Usable Information Visualizations & DashboardsUsable Information Visualizations & Dashboards
Usable Information Visualizations & Dashboards
 
A Developer’s Guide to Interaction and Interface Design
A Developer’s Guide to Interaction and Interface DesignA Developer’s Guide to Interaction and Interface Design
A Developer’s Guide to Interaction and Interface Design
 
Update on Marketing, Branding & PR
Update on Marketing, Branding & PR  Update on Marketing, Branding & PR
Update on Marketing, Branding & PR
 

More from Robert Stribley

Designing for Privacy in an Increasingly Public World — Speed Talk
Designing for Privacy in an Increasingly Public World — Speed TalkDesigning for Privacy in an Increasingly Public World — Speed Talk
Designing for Privacy in an Increasingly Public World — Speed Talk
Robert Stribley
 
Designing for Privacy NY Studio—10/04/21
Designing for Privacy NY Studio—10/04/21Designing for Privacy NY Studio—10/04/21
Designing for Privacy NY Studio—10/04/21
Robert Stribley
 
Designing for Privacy in an Increasingly Public World
Designing for Privacy in an Increasingly Public WorldDesigning for Privacy in an Increasingly Public World
Designing for Privacy in an Increasingly Public World
Robert Stribley
 
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
Robert Stribley
 
Birds, Bats & Wind Turbines
Birds, Bats & Wind Turbines Birds, Bats & Wind Turbines
Birds, Bats & Wind Turbines
Robert Stribley
 
Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20
Robert Stribley
 
Free Flow: The Economic Imperative for Restoring Immigration and Labor Movement
Free Flow: The Economic Imperative for Restoring Immigration and Labor MovementFree Flow: The Economic Imperative for Restoring Immigration and Labor Movement
Free Flow: The Economic Imperative for Restoring Immigration and Labor Movement
Robert Stribley
 
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
Robert Stribley
 
Immigrant Song
Immigrant SongImmigrant Song
Immigrant Song
Robert Stribley
 
Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 2/15/20Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 2/15/20
Robert Stribley
 
Introduction to User Experience Design 12/07/19
Introduction to User Experience Design 12/07/19Introduction to User Experience Design 12/07/19
Introduction to User Experience Design 12/07/19
Robert Stribley
 
Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19
Robert Stribley
 
Introduction to User Experience Design 10/05/19
Introduction to User Experience Design 10/05/19Introduction to User Experience Design 10/05/19
Introduction to User Experience Design 10/05/19
Robert Stribley
 
Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19
Robert Stribley
 
Introduction to User Experience Design 06/22/19
Introduction to User Experience Design 06/22/19Introduction to User Experience Design 06/22/19
Introduction to User Experience Design 06/22/19
Robert Stribley
 
Introduction to User Experience Design 04/27/19
Introduction to User Experience Design 04/27/19Introduction to User Experience Design 04/27/19
Introduction to User Experience Design 04/27/19
Robert Stribley
 
Guidelines for Responsive UX Design 03/23/2019
Guidelines for Responsive UX Design 03/23/2019Guidelines for Responsive UX Design 03/23/2019
Guidelines for Responsive UX Design 03/23/2019
Robert Stribley
 
Introduction to User Experience Design 2/16/19
Introduction to User Experience Design 2/16/19Introduction to User Experience Design 2/16/19
Introduction to User Experience Design 2/16/19
Robert Stribley
 
Introduction to User Experience Design 12/08/18
Introduction to User Experience Design 12/08/18Introduction to User Experience Design 12/08/18
Introduction to User Experience Design 12/08/18
Robert Stribley
 
Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018
Robert Stribley
 

More from Robert Stribley (20)

Designing for Privacy in an Increasingly Public World — Speed Talk
Designing for Privacy in an Increasingly Public World — Speed TalkDesigning for Privacy in an Increasingly Public World — Speed Talk
Designing for Privacy in an Increasingly Public World — Speed Talk
 
Designing for Privacy NY Studio—10/04/21
Designing for Privacy NY Studio—10/04/21Designing for Privacy NY Studio—10/04/21
Designing for Privacy NY Studio—10/04/21
 
Designing for Privacy in an Increasingly Public World
Designing for Privacy in an Increasingly Public WorldDesigning for Privacy in an Increasingly Public World
Designing for Privacy in an Increasingly Public World
 
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
 
Birds, Bats & Wind Turbines
Birds, Bats & Wind Turbines Birds, Bats & Wind Turbines
Birds, Bats & Wind Turbines
 
Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20
 
Free Flow: The Economic Imperative for Restoring Immigration and Labor Movement
Free Flow: The Economic Imperative for Restoring Immigration and Labor MovementFree Flow: The Economic Imperative for Restoring Immigration and Labor Movement
Free Flow: The Economic Imperative for Restoring Immigration and Labor Movement
 
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite...
 
Immigrant Song
Immigrant SongImmigrant Song
Immigrant Song
 
Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 2/15/20Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 2/15/20
 
Introduction to User Experience Design 12/07/19
Introduction to User Experience Design 12/07/19Introduction to User Experience Design 12/07/19
Introduction to User Experience Design 12/07/19
 
Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19
 
Introduction to User Experience Design 10/05/19
Introduction to User Experience Design 10/05/19Introduction to User Experience Design 10/05/19
Introduction to User Experience Design 10/05/19
 
Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19
 
Introduction to User Experience Design 06/22/19
Introduction to User Experience Design 06/22/19Introduction to User Experience Design 06/22/19
Introduction to User Experience Design 06/22/19
 
Introduction to User Experience Design 04/27/19
Introduction to User Experience Design 04/27/19Introduction to User Experience Design 04/27/19
Introduction to User Experience Design 04/27/19
 
Guidelines for Responsive UX Design 03/23/2019
Guidelines for Responsive UX Design 03/23/2019Guidelines for Responsive UX Design 03/23/2019
Guidelines for Responsive UX Design 03/23/2019
 
Introduction to User Experience Design 2/16/19
Introduction to User Experience Design 2/16/19Introduction to User Experience Design 2/16/19
Introduction to User Experience Design 2/16/19
 
Introduction to User Experience Design 12/08/18
Introduction to User Experience Design 12/08/18Introduction to User Experience Design 12/08/18
Introduction to User Experience Design 12/08/18
 
Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018
 

Recently uploaded

Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
TeeFusion
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint
Alvis Oh
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 

Recently uploaded (20)

Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 

Best Practices for Simplifying User Experiences

  • 1. 5 Best Practices for Simplifying User Experiences ROBERT STRIBLEY
  • 2. Simple doesn’t mean simplistic Simple • Thoughtful • Intuitive • Concentrated • Easy • Straightforward • Comprehensive Simplistic • Thoughtless • Misleading • Over-Simplified • Difficult • Confusing • Anemic
  • 3. “Everything should be made as simple as possible, but no simpler” - Albert Einstein
  • 4. 55% of consumers are willing to pay more for uncomplicated experiences. 64% of consumers are more likely to recommend a brand because of a simple experience. — Siegel & Gale, The Simplicity Index
  • 5. Let’s look at 5 key best practices to keep in mind when designing to keep experiences simple: intuitive, usable, navigable
  • 7. 3 Clicks? A myth Designing for scent is more successful than designing for navigation. – Jared Spool, UIE If there is a scientific basis to the Three-Click Rule, we couldn't find it in our data. Further Study “Designing for the scent of information” - Jared M. Spool, Christine Perfetti & David Brittan, User Interface Engineering
  • 8.
  • 10. Capture the attention of users with high-level information. Then draw them to the details.
  • 11. “Progressive disclosure defers advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone.” - Jakob Nielsen Further Study “Progressive Disclosure” - Jakob Nielsen, December 4, 2006
  • 12.
  • 13.
  • 14.
  • 16. “Designers can create normalcy out of chaos; they can clearly communicate ideas through the organizing and manipulating of words and pictures.” —Jeffrey Veen, The Art and Science of Web Design
  • 17. When information is clustered appropriately on a screen, users can scan it and quickly come to terms with the intent of the content.
  • 18. 1. Group features and content by type
  • 19. 1. Group features and content by type 2. Position them according to an intuitive hierarchy
  • 20. 1. Group features and content by type 2. Position them according to an intuitive hierarchy 3. Drop or demote the less important content
  • 21.
  • 22. The Tyranny of Consistency 4
  • 23. Consistency is an important but sometimes over-rated tool. It’s key in maintaining a coherent experience. But develop an eye to know when to break from it.
  • 24. Clarity trumps consistency. – Steve Krug, Don’t Make Me Think
  • 25.
  • 26. Related: Design screens so they’re scalable. Suppress modules or sections of the screen until they're needed. Don’t labor to create content just to ensure every screen or element is “consistently” populated.
  • 28. Only 42% of marketers know the basic demographic information of their target audience, e.g., their name, gender, and location – Hubspot survey of over 1200 marketers
  • 29. Consider the amount of attention an audience needs on a particular screen or at a particular moment* *It may be none
  • 30. Assuming you know your audience or audiences already … • Write at a level appropriate to your audience • Avoid jargon and technical language when explaining the experience
  • 31. To recap: 1. Scent of Information 2. Progressive Disclosure 3. Information Clustering & Hierarchy 4. The Tyranny of Consistency 5. Know Your Audience

Editor's Notes

  1. Best Practices for Simplifying User Experiences Photo by Robert Stribley of a solitary penguin on a hill of snow in Antarctica
  2. Scent of Information
  3. If you were to take only one thing away with you today, it would be that the 3-click rule is bunk. Can actually make for a very cluttered site if you try to flatten content so it’s all available within three clicks Users will happily click away 5, 6, 7, 8 times without noticing, if there are clear paths to what they’re looking for, concise navigation, intuitive labels, etc. Background: Studies in “information foraging” in the early 90s at PARC (Palo Alto Research Center Incorporated) Better: a dynamic tension between reducing the number of clicks and providing strong scent to content
  4. Uniqlo Site
  5. Progressive Disclosure
  6. Reduce clutter, cognitive overload, so there’s less to process at once - Across multiple pages – or within a page or overlay
  7. “Progressive Disclosure” by Jakob Nielsen, December 4, 2006 Originated with studies in the 80s by user interface specialists Jack Carroll's lab work at IBM
  8. Progressive disclosure in an app – weather details Reduce clutter, cognitive overload, so there’s less to process at once - Across multiple pages – or within a page or overlay
  9. Mercedes Benz product information
  10. Mercedes Benz product information
  11. Information Clustering & Hierarchy Photo by James Crombie of starling murmuration over a lake in Ireland https://www.countryliving.com/uk/wildlife/countryside/a35736345/starling-murmuration-makes-bird-shape-ireland-james-crombie/
  12. Jeffrey Veen quote from The Art and Science of Web Design
  13. When information is clustered appropriately on a screen, users can scan and quickly come to terms with the intent of the content.
  14. Information clustering
  15. Information clustering
  16. Information clustering Isn’t to say that you couldn’t have a lot of content on the page – e.g. Pinterest. But content is grouped logically, can be scanned easily.
  17. Mercedes Benz
  18. The Tyranny of Consistency
  19. This is a “Know it when you see it” kind of problem – sometimes tough to put a finger on
  20. “Clarity trumps consistency.” - Steve Krug, Don’t Make Me Think Photo from Interview with Steve Krug: how to get DIY usability testing right by Oliver Lindberg - https://medium.com/the-lindberg-interviews/interview-with-steve-krug-how-to-get-diy-usability-testing-right-63dedddbd0ae Photo by Daniel Byrne - https://www.danielbyrnephoto.com/
  21. Varying dropdown styles on MBUSA.com are not “consistent,” per se, but tailored to the needs of the user and the content in each case.
  22. But be sure when you break with consistency, you do have a principle in mind for doing so
  23. Know Your Audience
  24. Only 42% of marketers know the basic demographic information of their target audience, e.g., their name, gender, and location – 2022 Hubspot survey of over 1200 marketers
  25. Yes, your experience typically has multiple audiences. But not all of them need to be addressed at once. Giving proper thought to who defines a site's audience helps clean out the chaff. Example: Placing find an event functionality in an area where a using is creating an event. Not necessary for that audience.
  26. Writing to the correct level for your audience
  27. Recap of best practices
  28. Thank you