Upload
stefano-maraspin
View
1.008
Download
5
Embed Size (px)
DESCRIPTION
How do we take decisions? Are we fully conscious of what we do when using a system interface? There's a lot of unconscious activity going on while we use a digital product. This talk describes a few important factors interface designers should keep in mind while designing interaction.
Don’t Make me Think There’s no need
Better Software 2013 – Florence, Italy
STEFANO MARASPIN
http://www.mvlabs.it/
The Jam Experiment
5
Source: Neuro Web Design, Dr. S.M. Weinschenk, Ph.D.
Cognitive resources are limited
6
WONDERLIC TEST
http://en.wikipedia.org/wiki/Wonderlic_Test
SYSTEM 2
SYSTEM 2
3165/5
SLOW, CONSCIOUS
SYSTEM 1
2+2
FAST, UNCONSCIOUS
SELECTIVE PERCEPTION
INVISIBLE GORILLA
100.000.000 RECEPTORS
1.000.000 FIBERS
THE FOVEA
Retinal Receptors
18
Source: Visual Thinking for Design – Colin Ware
Parafovea: over 50% of our processing power, in less than 5% of the visual world
Edge of the Visual Field: we can barely notice an item the size of an apple at arm’s length
19
Attention Focus
20
Might not be noticed
21
Attention Focus
22
State change cue
Noticeable message
SENSIBLE TO MOTION
PERCEIVES ENVIRONMENT
Makes sense…
26
Source: Don’t Make me Think – S. Krug
Visual Hierarchy
27
Source: Designing with the mind in mind – J. Johnson
FUSIFORM
FACE AREA
DIRECTIONAL CUE
30
31
Placebo effect
32
Perceptions are influenced by expectations
Problems bother us
33
Bat and Ball cost $1.10 Bat costs $1.00 more than ball. How much is ball?
Heuristics Applied
34
Bat and Ball cost $1.10 Bat costs $1.00 more than ball. How much is ball? $0.10
Wrong Answer!
35
Bat and Ball cost $1.10 Bat costs $1.00 more than ball. How much is ball? $0.10
36
Take a sheet of paper Fold it 100 times
How thick the result?
Unexpected Result
37
12676506002282294014967032053,76 cm
Anchoring
Anchoring
Base Price
Anchoring
Compared to camera,
battery seems cheap
Expensive Option as an Anchor
41
Other
options all
seem cheap
PREDECISIONAL DISSONANCE
Postdecisional Dissonance
43
Postdecisional Dissonance
44
Commitment
Simplified Brain Model
45
Old Brain
Mid Brain
New Brain
Survival
Emotions
Conscious
Activities
47
Scarcity
48
Scarcity
49
Danger
50
Social validation
51
Endowment Effect
55
56
Endowment Effect
Feeling like owing this
Endowment
57
Worth to us more than this
Prospect Theory
58
Source: http://www.ops.fhwa.dot.gov/publications/fhwahop11035/wkshoppresentations/part1/
Framing
59
Better to offer discount on deposit, than surcharge on Paypal
MEMORY ALSO INFLUENCED
RECOGNIZED THEM? How long to find it out?
RECOGNIZED THEM? How long to find it out?
RECOGNIZING IS EASIER THAN
RECALLING
Recalling Aids
66
Availability Heuristic
67
Confirmation Bias
68
http://en.wikipedia.org/wiki/Wason_selection_task
EMOTIONS LEAD
ELLIOT
72
IQ 97
73
Damaged Area
74
Effects
IQ 97 Unable to make decisions!
UNCONSCIOUS IS A CRUCIAL PART
OF THE DECISION MAKING
PROCESS
Thank you for your attention
Stefano Maraspin @maraspin
Resources
77
Resources
78
Resources
79
Photo Credits • http://www.flickr.com/photos/quinnanya/2904259360/ • http://www.flickr.com/photos/justinhee/5672674318/ • http://www.flickr.com/photos/katerha/5249701882/ • http://www.flickr.com/photos/63308489@N03/5758158093/ • http://www.flickr.com/photos/gforsythe/8422224296/ • http://www.flickr.com/photos/stefanvds/3107857585/ • http://www.flickr.com/photos/albertogp123/5843577306/ • http://www.flickr.com/photos/renawgraphy/4213430007/ • http://www.flickr.com/photos/dtanist/10619591933/ • http://www.flickr.com/photos/mbk/5528785022/ • http://www.flickr.com/photos/attilaacs/3482373097/ • http://www.flickr.com/photos/crdot/5507833060/ • http://www.flickr.com/photos/isabadell/8230261556/ • http://www.flickr.com/photos/iamthestig2/6748228667/ • http://www.flickr.com/photos/west_point/8075161774/ • http://www.flickr.com/photos/tomconger/5513241616/ • http://www.flickr.com/photos/downingstreet/3701196400/ • http://www.flickr.com/photos/greghickman/4306344519/ • http://www.flickr.com/photos/vthokiefans/3293089737/ • http://www.flickr.com/photos/maxbisschop/5584314953/ • http://www.flickr.com/photos/patrickmcknightlaw/8136892023/
80
Stefano Maraspin @maraspin