20 ux tips in 20 minutes · 2019-11-19 · microinteractions microinteractions. make sure they add...
TRANSCRIPT
![Page 2: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/2.jpg)
20
![Page 3: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/3.jpg)
BREAKS
![Page 4: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/4.jpg)
Transient attention = 8 seconds
Focused attention = 15 - 18 minutes
Average17 minutes
![Page 5: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/5.jpg)
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
+
+
+
+
=
![Page 6: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/6.jpg)
Every 55 minutes
![Page 7: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/7.jpg)
19
![Page 8: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/8.jpg)
TAKE MENTAL BREAKS
![Page 9: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/9.jpg)
Use terminology
Water
Draw pictures
Ask a question you already know the answer to
![Page 10: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/10.jpg)
18
![Page 11: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/11.jpg)
PIXAR’S RULES OF STORYTELLING
![Page 12: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/12.jpg)
RULE 9
“When you’re stuck, make a list of what wouldn’t happen next”
![Page 13: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/13.jpg)
17
![Page 14: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/14.jpg)
SIZE vs HOW
![Page 15: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/15.jpg)
16
![Page 16: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/16.jpg)
UX HONEYCOMB
![Page 17: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/17.jpg)
UX HONEYCOMB
Useful
Usable
Findable
Valuable
Credible
Desirable
Accessible
![Page 18: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/18.jpg)
15
![Page 19: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/19.jpg)
USE ALTERNATE WORDS
![Page 20: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/20.jpg)
14
![Page 21: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/21.jpg)
NEVER MAKE PERSONAS
without speaking to actual people
![Page 22: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/22.jpg)
13
![Page 23: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/23.jpg)
ANALYTICS
Use segments
![Page 24: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/24.jpg)
![Page 25: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/25.jpg)
12
![Page 26: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/26.jpg)
FOLD IS STILL IMPORTANT
![Page 27: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/27.jpg)
57%
17%
26%
![Page 28: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/28.jpg)
Illusion of completeness
More content
More content
![Page 29: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/29.jpg)
11
![Page 30: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/30.jpg)
MICROINTERACTIONSMICROINTERACTIONS
![Page 31: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/31.jpg)
Make sure they add context and aren’t just unnecessary polish
… also make sure they don’t produce accessibility issues
![Page 32: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/32.jpg)
10
![Page 33: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/33.jpg)
PSEUDO-CERTAINTY EFFECT
![Page 34: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/34.jpg)
9
![Page 35: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/35.jpg)
HAVE MINI TASKS
![Page 36: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/36.jpg)
8
![Page 37: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/37.jpg)
INFORMATION DENSITY
![Page 38: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/38.jpg)
“What is the most important
word IN this sentence”
![Page 39: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/39.jpg)
7
![Page 40: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/40.jpg)
AMOUNT OF WORDS
![Page 41: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/41.jpg)
RED = ARMEDGREEN = DISARMED
![Page 42: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/42.jpg)
z STAFF ONLY
![Page 43: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/43.jpg)
6
![Page 44: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/44.jpg)
CLOSE ALL NOTIFICATIONS
![Page 45: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/45.jpg)
5
![Page 46: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/46.jpg)
QUESTIONS
![Page 47: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/47.jpg)
O
O
C
- Open
- Open
- Closed
Tell me about process X
What’s difficult about step Y
So you would like a green button
![Page 48: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/48.jpg)
4
![Page 49: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/49.jpg)
SERIAL POSITION EFFECT
![Page 50: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/50.jpg)
Tesla – Model 3
• Safety• Performance• All wheel drive• Range• Autopilot• Interior• Specs• Order
PRIMACY EFFECT
RECENCY EFFECT
![Page 51: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/51.jpg)
3
![Page 52: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/52.jpg)
INFORMATION DESIGN PRINCIPLES
![Page 53: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/53.jpg)
MODULAR COLUMN HIERARCHICAL
DECONSTRUCTED MANUSCRIPT
![Page 54: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/54.jpg)
2
![Page 55: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/55.jpg)
PEOPLES’ NAMES
![Page 56: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/56.jpg)
1
![Page 57: 20 UX tips in 20 minutes · 2019-11-19 · MICROINTERACTIONS MICROINTERACTIONS. Make sure they add context and aren’t just unnecessary polish … also make sure they don’t produce](https://reader034.vdocuments.net/reader034/viewer/2022042218/5ec3b87027a225756d2369a4/html5/thumbnails/57.jpg)
SHARE