Best Practices for Simplifying User Experiences

Robert Stribley
Robert StribleyUser Experience Design Consultant + Educator um Former Razorfish & Publicis Sapient
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
Best Practices for Simplifying User Experiences
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
Best Practices for Simplifying User Experiences
Best Practices for Simplifying User Experiences
Best Practices for Simplifying User Experiences
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
Best Practices for Simplifying User Experiences
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
Best Practices for Simplifying User Experiences
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
1 von 32

Recomendados

Everything Is Not Important SXSW von
Everything Is Not Important SXSWEverything Is Not Important SXSW
Everything Is Not Important SXSWRobert Stribley
16.5K views37 Folien
The Best from the UX Summit in Chicago von
The Best from the UX Summit in ChicagoThe Best from the UX Summit in Chicago
The Best from the UX Summit in ChicagoLina Angel
772 views86 Folien
Context is Everything: The Importance of Context in Mobile Experience Design von
Context is Everything: The Importance of Context in Mobile Experience DesignContext is Everything: The Importance of Context in Mobile Experience Design
Context is Everything: The Importance of Context in Mobile Experience Designmecamobile
1K views11 Folien
User Interface Design- Module 2 Uid Process von
User Interface Design- Module 2 Uid ProcessUser Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessbrindaN
2K views46 Folien
We Don't Watch the Internet, We Live in It von
We Don't Watch the Internet, We Live in ItWe Don't Watch the Internet, We Live in It
We Don't Watch the Internet, We Live in ItDave Hogue
11.3K views35 Folien
We Don't Watch the Internet, We Live in It von
We Don't Watch the Internet, We Live in ItWe Don't Watch the Internet, We Live in It
We Don't Watch the Internet, We Live in ItAmr Azim
533 views35 Folien

Más contenido relacionado

Similar a Best Practices for Simplifying User Experiences

A Summary of Neuromarketing von
A Summary of Neuromarketing A Summary of Neuromarketing
A Summary of Neuromarketing The Royals
5.8K views24 Folien
Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab... von
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
2.8K views40 Folien
Humanizing Digital Experiences at UXSEA Summit 2018 von
Humanizing Digital Experiences at UXSEA Summit 2018Humanizing Digital Experiences at UXSEA Summit 2018
Humanizing Digital Experiences at UXSEA Summit 2018Kuldeep Kulshreshtha
157 views41 Folien
Product Development and Culture – Malcolm Ong, Co-founder of Skillshare von
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
12.4K views29 Folien
Neuromarketing Presentation.pptx von
Neuromarketing Presentation.pptxNeuromarketing Presentation.pptx
Neuromarketing Presentation.pptxssuserf19f3e
18 views39 Folien
Rri bm webinar slides v2 von
Rri bm webinar slides   v2Rri bm webinar slides   v2
Rri bm webinar slides v2Pam Hendrickson Consulting Group
804 views43 Folien

Similar a Best Practices for Simplifying User Experiences(20)

A Summary of Neuromarketing von The Royals
A Summary of Neuromarketing A Summary of Neuromarketing
A Summary of Neuromarketing
The Royals5.8K views
Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab... von Jonathan Steingiesser
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...
Product Development and Culture – Malcolm Ong, Co-founder of Skillshare von 500 Startups
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
500 Startups12.4K views
Neuromarketing Presentation.pptx von ssuserf19f3e
Neuromarketing Presentation.pptxNeuromarketing Presentation.pptx
Neuromarketing Presentation.pptx
ssuserf19f3e18 views
Worldfish tool navigator for market based research 2018 von WorldFish
Worldfish tool navigator for market based research 2018Worldfish tool navigator for market based research 2018
Worldfish tool navigator for market based research 2018
WorldFish575 views
The Knowledge Economy von Kim Parker
The Knowledge EconomyThe Knowledge Economy
The Knowledge Economy
Kim Parker2.7K views
Minimize Cognitive Load + Maximize Conversions : 10 Tips von Lucid Smart Pill
Minimize Cognitive Load + Maximize Conversions : 10 TipsMinimize Cognitive Load + Maximize Conversions : 10 Tips
Minimize Cognitive Load + Maximize Conversions : 10 Tips
Lucid Smart Pill2.3K views
Personas Demystified 1.0 von Mo Goltz
Personas Demystified 1.0Personas Demystified 1.0
Personas Demystified 1.0
Mo Goltz34.4K views
A Developer’s Guide to Interaction and Interface Design von Holtstrom
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
Holtstrom694 views
Visualization Best Practices Webinar von Unilytics
Visualization Best Practices WebinarVisualization Best Practices Webinar
Visualization Best Practices Webinar
Unilytics40 views

Más de Robert Stribley

Designing for Privacy in an Increasingly Public World — Speed Talk von
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 TalkRobert Stribley
175 views39 Folien
Designing for Privacy NY Studio—10/04/21 von
Designing for Privacy NY Studio—10/04/21Designing for Privacy NY Studio—10/04/21
Designing for Privacy NY Studio—10/04/21Robert Stribley
234 views77 Folien
Designing for Privacy in an Increasingly Public World von
Designing for Privacy in an Increasingly Public WorldDesigning for Privacy in an Increasingly Public World
Designing for Privacy in an Increasingly Public WorldRobert Stribley
196 views63 Folien
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite... von
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
102 views8 Folien
Birds, Bats & Wind Turbines von
Birds, Bats & Wind Turbines Birds, Bats & Wind Turbines
Birds, Bats & Wind Turbines Robert Stribley
557 views15 Folien
Guidelines for Responsive UX Design 12/12/20 von
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Robert Stribley
132 views100 Folien

Más de Robert Stribley(20)

Designing for Privacy in an Increasingly Public World — Speed Talk von Robert Stribley
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 Stribley175 views
Designing for Privacy NY Studio—10/04/21 von Robert Stribley
Designing for Privacy NY Studio—10/04/21Designing for Privacy NY Studio—10/04/21
Designing for Privacy NY Studio—10/04/21
Robert Stribley234 views
Designing for Privacy in an Increasingly Public World von Robert Stribley
Designing for Privacy in an Increasingly Public WorldDesigning for Privacy in an Increasingly Public World
Designing for Privacy in an Increasingly Public World
Robert Stribley196 views
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite... von 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...
Robert Stribley102 views
Guidelines for Responsive UX Design 12/12/20 von Robert Stribley
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20
Robert Stribley132 views
Free Flow: The Economic Imperative for Restoring Immigration and Labor Movement von Robert Stribley
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 Stribley167 views
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite... von 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...
Robert Stribley117 views
Introduction to User Experience Design 2/15/20 von Robert Stribley
Introduction to User Experience Design 2/15/20Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 2/15/20
Robert Stribley182 views
Introduction to User Experience Design 12/07/19 von Robert Stribley
Introduction to User Experience Design 12/07/19Introduction to User Experience Design 12/07/19
Introduction to User Experience Design 12/07/19
Robert Stribley147 views
Guidelines for Responsive UX Design 11/16/19 von Robert Stribley
Guidelines for Responsive UX Design 11/16/19Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19
Robert Stribley168 views
Introduction to User Experience Design 10/05/19 von Robert Stribley
Introduction to User Experience Design 10/05/19Introduction to User Experience Design 10/05/19
Introduction to User Experience Design 10/05/19
Robert Stribley331 views
Guidelines for Responsive UX Design 07/20/19 von Robert Stribley
Guidelines for Responsive UX Design 07/20/19Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19
Robert Stribley208 views
Introduction to User Experience Design 06/22/19 von Robert Stribley
Introduction to User Experience Design 06/22/19Introduction to User Experience Design 06/22/19
Introduction to User Experience Design 06/22/19
Robert Stribley240 views
Introduction to User Experience Design 04/27/19 von Robert Stribley
Introduction to User Experience Design 04/27/19Introduction to User Experience Design 04/27/19
Introduction to User Experience Design 04/27/19
Robert Stribley423 views
Guidelines for Responsive UX Design 03/23/2019 von Robert Stribley
Guidelines for Responsive UX Design 03/23/2019Guidelines for Responsive UX Design 03/23/2019
Guidelines for Responsive UX Design 03/23/2019
Robert Stribley176 views
Introduction to User Experience Design 2/16/19 von Robert Stribley
Introduction to User Experience Design 2/16/19Introduction to User Experience Design 2/16/19
Introduction to User Experience Design 2/16/19
Robert Stribley286 views
Introduction to User Experience Design 12/08/18 von Robert Stribley
Introduction to User Experience Design 12/08/18Introduction to User Experience Design 12/08/18
Introduction to User Experience Design 12/08/18
Robert Stribley156 views
Guidelines for Responsive UX Design 11/15/2018 von Robert Stribley
Guidelines for Responsive UX Design 11/15/2018Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018
Robert Stribley197 views

Último

DR Portfolio.pptx von
DR Portfolio.pptxDR Portfolio.pptx
DR Portfolio.pptxrobertsd2
25 views11 Folien
Final (1).pdf von
Final (1).pdfFinal (1).pdf
Final (1).pdfkarmadjango
9 views188 Folien
Using Experiential Design to Understand the Future of AI & Immersive Storytel... von
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Kent Bye
20 views114 Folien
EL FODA.pdf von
EL FODA.pdfEL FODA.pdf
EL FODA.pdfestefanimilenca
22 views1 Folie
JAWARK Inside Company Profile 2024 von
JAWARK Inside Company Profile 2024JAWARK Inside Company Profile 2024
JAWARK Inside Company Profile 2024mostafareda1994
12 views45 Folien
500% Sales Growth with Amazon A+ Content von
500% Sales Growth with Amazon A+ Content500% Sales Growth with Amazon A+ Content
500% Sales Growth with Amazon A+ ContentFahima
11 views5 Folien

Último(20)

DR Portfolio.pptx von robertsd2
DR Portfolio.pptxDR Portfolio.pptx
DR Portfolio.pptx
robertsd225 views
Using Experiential Design to Understand the Future of AI & Immersive Storytel... von Kent Bye
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Kent Bye20 views
500% Sales Growth with Amazon A+ Content von Fahima
500% Sales Growth with Amazon A+ Content500% Sales Growth with Amazon A+ Content
500% Sales Growth with Amazon A+ Content
Fahima11 views
boggiano_project 2.pptx von samboggiano
boggiano_project 2.pptxboggiano_project 2.pptx
boggiano_project 2.pptx
samboggiano24 views
Indian wedding dresses design.pdf von Aur Dikhao
Indian wedding dresses design.pdfIndian wedding dresses design.pdf
Indian wedding dresses design.pdf
Aur Dikhao5 views
Free International civil aviation day template from best presentation design ... von slideceotemplates
Free International civil aviation day template from best presentation design ...Free International civil aviation day template from best presentation design ...
Free International civil aviation day template from best presentation design ...
ATPMOUSE_융합2조.pptx von kts120898
ATPMOUSE_융합2조.pptxATPMOUSE_융합2조.pptx
ATPMOUSE_융합2조.pptx
kts12089825 views
Legal PPT Presentation.pptx von 125071063
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx
1250710635 views
Sugar Air Kiss Lipstick von aryasheel1
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstick
aryasheel111 views
Business X Design - People, Planet & Product von Cyber-Duck
Business X Design - People, Planet & ProductBusiness X Design - People, Planet & Product
Business X Design - People, Planet & Product
Cyber-Duck28 views
BeatsFest Brand Guidelines Final.pdf von EddiePena9
BeatsFest Brand Guidelines Final.pdfBeatsFest Brand Guidelines Final.pdf
BeatsFest Brand Guidelines Final.pdf
EddiePena98 views

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
  • 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
  • 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
  • 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
  • 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

Hinweis der Redaktion

  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