20 ux tips in 20 minutes · 2019-11-19 · microinteractions microinteractions. make sure they add...
TRANSCRIPT
20
BREAKS
Transient attention = 8 seconds
Focused attention = 15 - 18 minutes
Average17 minutes
First focused attention = 17 minutes
Re-focus = 1 minute
Second focused attention = 17 minutes
Re-focus = 1 minute
Third focused attention = 17 minutes
53 minutes
+
+
+
+
=
Every 55 minutes
19
TAKE MENTAL BREAKS
Use terminology
Water
Draw pictures
Ask a question you already know the answer to
18
PIXAR’S RULES OF STORYTELLING
RULE 9
“When you’re stuck, make a list of what wouldn’t happen next”
17
SIZE vs HOW
16
UX HONEYCOMB
UX HONEYCOMB
Useful
Usable
Findable
Valuable
Credible
Desirable
Accessible
15
USE ALTERNATE WORDS
14
NEVER MAKE PERSONAS
without speaking to actual people
13
ANALYTICS
Use segments
12
FOLD IS STILL IMPORTANT
57%
17%
26%
Illusion of completeness
More content
More content
11
MICROINTERACTIONSMICROINTERACTIONS
Make sure they add context and aren’t just unnecessary polish
… also make sure they don’t produce accessibility issues
10
PSEUDO-CERTAINTY EFFECT
9
HAVE MINI TASKS
8
INFORMATION DENSITY
“What is the most important
word IN this sentence”
7
AMOUNT OF WORDS
RED = ARMEDGREEN = DISARMED
z STAFF ONLY
6
CLOSE ALL NOTIFICATIONS
5
QUESTIONS
O
O
C
- Open
- Open
- Closed
Tell me about process X
What’s difficult about step Y
So you would like a green button
4
SERIAL POSITION EFFECT
Tesla – Model 3
• Safety• Performance• All wheel drive• Range• Autopilot• Interior• Specs• Order
PRIMACY EFFECT
RECENCY EFFECT
3
INFORMATION DESIGN PRINCIPLES
MODULAR COLUMN HIERARCHICAL
DECONSTRUCTED MANUSCRIPT
2
PEOPLES’ NAMES
1
SHARE
