Presentation on 5 select best practices to consider for simplifying user experiences. Adapted from a longer presentation for brief talk given 9/11/23 in New York, NY.
Robert StribleyUser Experience Design Consultant + Educator à Former Razorfish & Publicis Sapient
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.
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.
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
Best Practices for Simplifying User Experiences
Photo by Robert Stribley of a solitary penguin on a hill of snow in Antarctica
Scent of Information
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
Uniqlo Site
Progressive Disclosure
Reduce clutter, cognitive overload, so there’s less to process at once - Across multiple pages – or within a page or overlay
“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
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
Mercedes Benz product information
Mercedes Benz product information
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/
Jeffrey Veen quote from The Art and Science of Web Design
When information is clustered appropriately on a screen, users can scan and quickly come to terms with the intent of the content.
Information clustering
Information clustering
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.
Mercedes Benz
The Tyranny of Consistency
This is a “Know it when you see it” kind of problem – sometimes tough to put a finger on
“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/
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.
But be sure when you break with consistency, you do have a principle in mind for doing so
Know Your Audience
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
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.