Best Practices for Simplifying User Experiences

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

Recomendados

Everything Is Not Important SXSW por
Everything Is Not Important SXSWEverything Is Not Important SXSW
Everything Is Not Important SXSWRobert Stribley
16.5K visualizações37 slides
The Best from the UX Summit in Chicago por
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 visualizações86 slides
Context is Everything: The Importance of Context in Mobile Experience Design por
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 visualizações11 slides
User Interface Design- Module 2 Uid Process por
User Interface Design- Module 2 Uid ProcessUser Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessbrindaN
2K visualizações46 slides
We Don't Watch the Internet, We Live in It por
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 visualizações35 slides
We Don't Watch the Internet, We Live in It por
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 visualizações35 slides

Mais conteúdo relacionado

Similar a Best Practices for Simplifying User Experiences

A Summary of Neuromarketing por
A Summary of Neuromarketing A Summary of Neuromarketing
A Summary of Neuromarketing The Royals
5.8K visualizações24 slides
Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab... por
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 visualizações40 slides
Humanizing Digital Experiences at UXSEA Summit 2018 por
Humanizing Digital Experiences at UXSEA Summit 2018Humanizing Digital Experiences at UXSEA Summit 2018
Humanizing Digital Experiences at UXSEA Summit 2018Kuldeep Kulshreshtha
157 visualizações41 slides
Product Development and Culture – Malcolm Ong, Co-founder of Skillshare por
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 visualizações29 slides
Neuromarketing Presentation.pptx por
Neuromarketing Presentation.pptxNeuromarketing Presentation.pptx
Neuromarketing Presentation.pptxssuserf19f3e
18 visualizações39 slides
Rri bm webinar slides v2 por
Rri bm webinar slides   v2Rri bm webinar slides   v2
Rri bm webinar slides v2Pam Hendrickson Consulting Group
804 visualizações43 slides

Similar a Best Practices for Simplifying User Experiences(20)

A Summary of Neuromarketing por The Royals
A Summary of Neuromarketing A Summary of Neuromarketing
A Summary of Neuromarketing
The Royals5.8K visualizações
Highlights from Just Enough Research by Erika Hall - User Experience Abu Dhab... por 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...
Jonathan Steingiesser2.8K visualizações
Humanizing Digital Experiences at UXSEA Summit 2018 por Kuldeep Kulshreshtha
Humanizing Digital Experiences at UXSEA Summit 2018Humanizing Digital Experiences at UXSEA Summit 2018
Humanizing Digital Experiences at UXSEA Summit 2018
Kuldeep Kulshreshtha157 visualizações
Product Development and Culture – Malcolm Ong, Co-founder of Skillshare por 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 visualizações
Neuromarketing Presentation.pptx por ssuserf19f3e
Neuromarketing Presentation.pptxNeuromarketing Presentation.pptx
Neuromarketing Presentation.pptx
ssuserf19f3e18 visualizações
Andys guidetoux v2 por Andy Lammers
Andys guidetoux v2Andys guidetoux v2
Andys guidetoux v2
Andy Lammers162 visualizações
Is Your Website Trauma-Informed? por Melissa Eggleston
Is Your Website Trauma-Informed?Is Your Website Trauma-Informed?
Is Your Website Trauma-Informed?
Melissa Eggleston2.1K visualizações
Worldfish tool navigator for market based research 2018 por 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 visualizações
The Knowledge Economy por Kim Parker
The Knowledge EconomyThe Knowledge Economy
The Knowledge Economy
Kim Parker2.7K visualizações
Minimize Cognitive Load + Maximize Conversions : 10 Tips por 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 visualizações
Personas Demystified 1.0 por Mo Goltz
Personas Demystified 1.0Personas Demystified 1.0
Personas Demystified 1.0
Mo Goltz34.4K visualizações
The Simple Truth of Accessibility por Christine Hemphill
The Simple Truth of AccessibilityThe Simple Truth of Accessibility
The Simple Truth of Accessibility
Christine Hemphill129 visualizações
Usable Information Visualizations & Dashboards por Tarik (Rick) Dzekman
Usable Information Visualizations & DashboardsUsable Information Visualizations & Dashboards
Usable Information Visualizations & Dashboards
Tarik (Rick) Dzekman583 visualizações
A Developer’s Guide to Interaction and Interface Design por 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 visualizações
Visualization Best Practices Webinar por Unilytics
Visualization Best Practices WebinarVisualization Best Practices Webinar
Visualization Best Practices Webinar
Unilytics40 visualizações
Lsc 332 lecture 2 por Don Stanley
Lsc 332 lecture 2Lsc 332 lecture 2
Lsc 332 lecture 2
Don Stanley306 visualizações

Mais de Robert Stribley

Designing for Privacy in an Increasingly Public World — Speed Talk por
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 visualizações39 slides
Designing for Privacy NY Studio—10/04/21 por
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 visualizações77 slides
Designing for Privacy in an Increasingly Public World por
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 visualizações63 slides
No Transit: The Criminal Treatment of Transgender Asylum Seekers in the Unite... por
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 visualizações8 slides
Birds, Bats & Wind Turbines por
Birds, Bats & Wind Turbines Birds, Bats & Wind Turbines
Birds, Bats & Wind Turbines Robert Stribley
557 visualizações15 slides
Guidelines for Responsive UX Design 12/12/20 por
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 visualizações100 slides

Mais de Robert Stribley(20)

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

Último

Sugar Air Kiss Lipstick por
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstickaryasheel1
11 visualizações5 slides
Cocktail Merchandise por
Cocktail MerchandiseCocktail Merchandise
Cocktail Merchandisenyhapedraza
35 visualizações20 slides
EL FODA.pdf por
EL FODA.pdfEL FODA.pdf
EL FODA.pdfestefanimilenca
22 visualizações1 slide
Samsung Galaxy Watch 5 Presentation por
Samsung Galaxy Watch 5 PresentationSamsung Galaxy Watch 5 Presentation
Samsung Galaxy Watch 5 Presentationaryasheel1
13 visualizações1 slide
ATPMOUSE_융합2조.pptx por
ATPMOUSE_융합2조.pptxATPMOUSE_융합2조.pptx
ATPMOUSE_융합2조.pptxkts120898
25 visualizações78 slides
Indian wedding dresses design.pdf por
Indian wedding dresses design.pdfIndian wedding dresses design.pdf
Indian wedding dresses design.pdfAur Dikhao
5 visualizações7 slides

Último(20)

Sugar Air Kiss Lipstick por aryasheel1
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstick
aryasheel111 visualizações
Cocktail Merchandise por nyhapedraza
Cocktail MerchandiseCocktail Merchandise
Cocktail Merchandise
nyhapedraza35 visualizações
EL FODA.pdf por estefanimilenca
EL FODA.pdfEL FODA.pdf
EL FODA.pdf
estefanimilenca22 visualizações
Samsung Galaxy Watch 5 Presentation por aryasheel1
Samsung Galaxy Watch 5 PresentationSamsung Galaxy Watch 5 Presentation
Samsung Galaxy Watch 5 Presentation
aryasheel113 visualizações
ATPMOUSE_융합2조.pptx por kts120898
ATPMOUSE_융합2조.pptxATPMOUSE_융합2조.pptx
ATPMOUSE_융합2조.pptx
kts12089825 visualizações
Indian wedding dresses design.pdf por Aur Dikhao
Indian wedding dresses design.pdfIndian wedding dresses design.pdf
Indian wedding dresses design.pdf
Aur Dikhao5 visualizações
Final (1).pdf por karmadjango
Final (1).pdfFinal (1).pdf
Final (1).pdf
karmadjango9 visualizações
portfolio_20231206_Re.pdf por Sivaphan Wuttingam
portfolio_20231206_Re.pdfportfolio_20231206_Re.pdf
portfolio_20231206_Re.pdf
Sivaphan Wuttingam14 visualizações
type book PDF to PPT.pptx por samboggiano
type book PDF to PPT.pptxtype book PDF to PPT.pptx
type book PDF to PPT.pptx
samboggiano6 visualizações
slide deck por shamailalsabri
slide deckslide deck
slide deck
shamailalsabri7 visualizações
Legal PPT Presentation.pptx por 125071063
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx
1250710635 visualizações
Subzero Report (1).pdf por sidhantkhanna8
Subzero Report (1).pdfSubzero Report (1).pdf
Subzero Report (1).pdf
sidhantkhanna811 visualizações
Canned Cocktail Flat Labels por nyhapedraza
Canned Cocktail Flat LabelsCanned Cocktail Flat Labels
Canned Cocktail Flat Labels
nyhapedraza38 visualizações
Free International civil aviation day template from best presentation design ... por 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 ...
slideceotemplates13 visualizações
Essay 29.docx por OrlySiquihua
Essay 29.docxEssay 29.docx
Essay 29.docx
OrlySiquihua9 visualizações
BeatsFest Brand Guidelines Final.pdf por EddiePena9
BeatsFest Brand Guidelines Final.pdfBeatsFest Brand Guidelines Final.pdf
BeatsFest Brand Guidelines Final.pdf
EddiePena98 visualizações
Sudden Deafness Design Document por wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman54 visualizações
Business X Design - People, Planet & Product por Cyber-Duck
Business X Design - People, Planet & ProductBusiness X Design - People, Planet & Product
Business X Design - People, Planet & Product
Cyber-Duck28 visualizações
Oral presntation.pptx por saraalzarouni121
Oral presntation.pptxOral presntation.pptx
Oral presntation.pptx
saraalzarouni1218 visualizações
Using Experiential Design to Understand the Future of AI & Immersive Storytel... por 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 visualizações

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

Notas do Editor

  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