Best Practices for Simplifying User Experiences

Robert Stribley
Robert StribleyUser Experience Design Consultant + Educator à 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 sur 32

Contenu connexe

Similaire à Best Practices for Simplifying User Experiences(20)

A Summary of Neuromarketing A Summary of Neuromarketing
A Summary of Neuromarketing
The Royals5.8K vues
Neuromarketing Presentation.pptxNeuromarketing Presentation.pptx
Neuromarketing Presentation.pptx
ssuserf19f3e13 vues
Rri bm webinar slides   v2Rri bm webinar slides   v2
Rri bm webinar slides v2
Pam Hendrickson Consulting Group804 vues
Andys guidetoux v2Andys guidetoux v2
Andys guidetoux v2
Andy Lammers162 vues
Is Your Website Trauma-Informed?Is Your Website Trauma-Informed?
Is Your Website Trauma-Informed?
Melissa Eggleston2.1K vues
The Knowledge EconomyThe Knowledge Economy
The Knowledge Economy
Kim Parker2.7K vues
Personas Demystified 1.0Personas Demystified 1.0
Personas Demystified 1.0
Mo Goltz34.3K vues
Executive presence dm ppt 1Executive presence dm ppt 1
Executive presence dm ppt 1
NEW DELHI INSTITUTE OF MANAGEMENT109 vues
The Simple Truth of AccessibilityThe Simple Truth of Accessibility
The Simple Truth of Accessibility
Christine Hemphill129 vues
What makes great creative greatWhat makes great creative great
What makes great creative great
Mohammad Masum Chowdhury701 vues
Usable Information Visualizations & DashboardsUsable Information Visualizations & Dashboards
Usable Information Visualizations & Dashboards
Tarik (Rick) Dzekman583 vues
Update on Marketing, Branding & PR  Update on Marketing, Branding & PR
Update on Marketing, Branding & PR
Jackie Bayer Shervington582 vues
Lsc 332 lecture 2Lsc 332 lecture 2
Lsc 332 lecture 2
Don Stanley306 vues

Plus de Robert Stribley(20)

Birds, Bats & Wind Turbines Birds, Bats & Wind Turbines
Birds, Bats & Wind Turbines
Robert Stribley544 vues
Immigrant SongImmigrant Song
Immigrant Song
Robert Stribley253 vues

Dernier

Presentation (1).pdfPresentation (1).pdf
Presentation (1).pdfhjksa
17 vues5 diapositives
The Last GrainsThe Last Grains
The Last Grainspulkkinenaliisa
41 vues122 diapositives
Viking passive.pdfViking passive.pdf
Viking passive.pdfMatis Velt
15 vues2 diapositives

Dernier(20)

Presentation (1).pdfPresentation (1).pdf
Presentation (1).pdf
hjksa17 vues
The Last GrainsThe Last Grains
The Last Grains
pulkkinenaliisa41 vues
Viking passive.pdfViking passive.pdf
Viking passive.pdf
Matis Velt15 vues
217 Drive - All on upper.pptx217 Drive - All on upper.pptx
217 Drive - All on upper.pptx
vidstor28214 vues
Scopic UX Design Test Task.pdfScopic UX Design Test Task.pdf
Scopic UX Design Test Task.pdf
Atiqur Rahaman272 vues
Doing Footwear - Footwear FactoryDoing Footwear - Footwear Factory
Doing Footwear - Footwear Factory
Doing Footwear10 vues
Task 3.pptxTask 3.pptx
Task 3.pptx
ZaraCooper219 vues
Anti-Cancer Drugs-Medicinal ChemistryAnti-Cancer Drugs-Medicinal Chemistry
Anti-Cancer Drugs-Medicinal Chemistry
NarminHamaaminHussen7 vues
My Creative Resume DIAPOS.pptxMy Creative Resume DIAPOS.pptx
My Creative Resume DIAPOS.pptx
BrayanQuispe2312 vues
3 Dark Design Templates3 Dark Design Templates
3 Dark Design Templates
Pixeldarts14 vues
Nomor Meja RUANG-4.docNomor Meja RUANG-4.doc
Nomor Meja RUANG-4.doc
ssuserc40b916 vues
Here_Process bookHere_Process book
Here_Process book
nykimstudio15 vues
SS25 Fashion Key Items trend bookSS25 Fashion Key Items trend book
SS25 Fashion Key Items trend book
Peclers Paris107 vues
TISFLEET WEB DESIGN PROJECTTISFLEET WEB DESIGN PROJECT
TISFLEET WEB DESIGN PROJECT
Rabius Sany38 vues
UX Camp Nov 2023_upload.pptxUX Camp Nov 2023_upload.pptx
UX Camp Nov 2023_upload.pptx
Amir Ansari49 vues
polarispolaris
polaris
scribddarkened352233 vues
Task 3 copy.pptxTask 3 copy.pptx
Task 3 copy.pptx
ZaraCooper220 vues
Design System.pdfDesign System.pdf
Design System.pdf
Atiqur Rahaman13 vues

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

Notes de l'éditeur

  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