Slide 1
Slide 1 text
Design for humans not robots
Tammie Lister
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
www.intertech.com/Blog/funny-computer-error-messages/
Server said: OOPS: child died
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
x
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
medium.freecodecamp.com/5-mistakes-to-avoid-when-designing-micro-interactions-a6f638ee6a86#.b8ha632v5
Because Medium is sad when you tweet without a header image
Slide 13
Slide 13 text
Calling something an edge case is literally saying,
“this is not important enough to care about.”
- Sara Wachter-Boettcher
DESIGN FOR REAL LIFE
by ERIC MEYER & SARA WACHTER-BOETTCHER
abookapart.com/products/design-for-real-life
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
i-remember.fr
Slide 16
Slide 16 text
www.nyan.cat
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
https://ifttt.com/wtf
Slide 19
Slide 19 text
Cueva de las Manos
Slide 20
Slide 20 text
BOB 104 105 106 107
101 102 103
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
Optional fields denoted by *
Slide 27
Slide 27 text
thenextweb.com/dd/2015/09/29/6-examples-of-awful-ux-design
Slide 28
Slide 28 text
medium.freecodecamp.com/5-mistakes-to-avoid-when-designing-micro-interactions-a6f638ee6a86#.b8ha632v5
“Are these animation
details keeping the
micro-interaction clean, or
are they hosing the user
experience, muddying the
waters and adding to
cognitive load?”
- Issara Willenskomer
Slide 29
Slide 29 text
xkcd.com/1579
Slide 30
Slide 30 text
codepen.io/vineethtr/pen/MwrPgK
Slide 31
Slide 31 text
medium.com/@thomasfuchs/how-to-write-an-error-message-883718173322#.n75owf21y
Slide 32
Slide 32 text
No content
Slide 33
Slide 33 text
Three laws of human design:
based on Issac Asimov’s Three Laws of Robots
en.wikipedia.org/wiki/Three_Laws_of_Robotics
Slide 34
Slide 34 text
An interface may not injure a human being or, through inaction,
allow a human being to come to harm – harm is emotional.
RULE 1
Slide 35
Slide 35 text
An interface must obey orders given to it by human beings
except where such orders would conflict with the first law –
it should just work.
RULE 2
Slide 36
Slide 36 text
An interface must protect its own existence as long as such
a protection doesn’t conflict with the first or second law –
it shouldn’t just vanish or disappear.
RULE 3
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
Tammie Lister @karmatosed
Thanks
speakerdeck.com/tammielis/design-for-humans-not-robots-wcus