of Denys Mishunov· @mishunov Photo: http://goo.gl/WSLWvE
Slide 1
Slide 2
“Waiting sucks” –everybody
Slide 3
Photo: http://goo.gl/D3J4n9
Slide 4
36% ©Laura Berman | greenfusephotos.com | 416-887-2655 OVERESTIMATION
Slide 5
4.76 5.30 0.35 0.01 0.06 0.05 0.07
Slide 6
Slide 7
https://blog.kissmetrics.com/loading-time/
Slide 8
2011
Slide 9
2011 2014
Slide 10
Alice: How long is forever? White Rabbit: Sometimes, just one second. –Lewis Carroll, “Alice in Wonderland”
Slide 11
CHOOSE THE RIGHT TIME A D0 A B B B D1 D2
Slide 12
WEB TIME LINE 0.2s 1s 5s Instant (0,1-0,2s) Immediate (0,5-1s) User Flow (2-5s) Attention Span (7-10s) 10s
Slide 13
PLATFORM SUCCESS MODEL 1. loading 1000ms 2. finger down 4. finger up max: 100ms idle/cleanup in 50ms chunks Immediate (0,5-1s) Instant (0,1-0,2s) http://goo.gl/GlxjdN
Slide 14
CHOOSE THE RIGHT TIME A D0 A B B B D1 D2
Slide 15
WEBER-FECHNER LAW “The just-noticeable difference between two stimuli is proportional to the magnitude of the stimuli”
Slide 16
WEBER-FECHNER LAW JND
Slide 17
WEBER-FECHNER LAW jnd Photo: http://goo.gl/jQnZlP D jnd = k% of D
Slide 18
20% RULE jnd Photo: http://goo.gl/jQnZlP D < 30s jnd = 20% of D
Slide 19
20% RULE Photo: http://goo.gl/jQnZlP -20% 8s +20% 10s 12s jnd = 20% of RULE D
Slide 20
20% RULE NOTICEABLE = = ! MEANINGFUL
Slide 21
CHOOSE THE RIGHT TIME A D0 A B B B D1 D2
Slide 22
NEUTRALISATION
Slide 23
Slide 24
≈5s
Slide 25
Slide 26
≈2s
Slide 27
NEUTRALISATION Geometric bisection √5×2 +20% rule 5s 2s 2.4s 3.2s
Slide 28
≈2s
Slide 29
≈3.2s
Slide 30
OBJECTIVE TIME SUBJECTIVE TIME
Slide 31
PERCEPTION OBJECTIVE TIME TOLERANCE
Slide 32
Operational Management Perception Management TIME MANAGEMENT Tolerance Management
Slide 33
Operational Management OPERATIONAL MANAGEMENT real time
Slide 34
Operational Management “My dear, here we must run as fast as we can, just to stay in place. And if you wish to go anywhere you must run twice as fast as that.” –Lewis Carroll, “Alice in Wonderland”
Slide 35
Operational Management FRONT END HTML CSS Images Javascript Minification & Concatination Fewer HTTP requests No CDN Sprites Responsive sizes CDN Inline top-screen CSS DNS prefetching … … Lo-Fi background JPG images … Delay blocking request (onLoad) WebWorkers AJAXify navigation … you-name-it
Slide 36
BACK END Operational Management CDN Caching Faster * mod_deflate/mod_gzip HTTP2/SPDY
Slide 37
“If everybody minded their own business, the world would go around a great deal faster than it does.” –Lewis Carroll, “Alice in Wonderland”
Slide 38
Operational Management LIMITATIONS Technical limitations Financial/time costs Users usually don’t care about your objective time
Slide 39
Operational Management LIMITATIONS Users don’t care
Slide 40
“Performance is not just milliseconds, frames and megabytes. It’s also how these milliseconds, frames and megabytes translate to how the user perceives the application” – Ilya Grigorik, Web Performance Engineer, Google
Slide 41
Operational Management Perception Management TIME MANAGEMENT Tolerance Management
Slide 42
Perception Management PERCEPTION MANAGEMENT psychological time
Slide 43
Perception Management “…time persists merely as a consequence of the events taking place in it [space]” –Martin Heidegger, German philosopher http://goo.gl/9wXHL9
Slide 44
Perception Management EVENT MARKERS EVENT1 EVENT2 EVENT3
Slide 45
Perception Management EVENT MARKERS start end|start end EVENT1 start inner Event Marker Event Marker end Event Marker
Slide 46
Perception Management PREEMPTIVE START
Slide 47
Perception Management PREEMPTIVE START
- ig c a m
- – things user does not need to know about
Slide 48
Slide 49
Slide 50
Perception Management EARLY COMPLETION ma gic *
- – things user does not need to know about
Slide 51
Slide 52
Slide 53
Slide 54
Slide 55
Slide 56
Perception Management LIMITATIONS When process is really long and there is no chance to make user think differently
Slide 57
Operational Management Perception Management TIME MANAGEMENT Tolerance Management
Slide 58
Tolerance Management TOLERANCE MANAGEMENT valued time
Slide 59
http://goo.gl/AkcpvU
Slide 60
Slide 61
Tolerance Management “If you can not change the situation, change the attitude” –basic principle of psychology
Slide 62
Tolerance Management UNCERTAINTY
Slide 63
Tolerance Management Determinate Dynamic Static Provides periodic current status during mid-process Does not provide any info during mid-process Class A Class C Your porn will be downloaded in less than 1 second. PLEASE wait Projects completion by work units or time Download file blah-blah.mov (25GB)? Cancel Download Class D Indeterminate Doesn’t project completion Class B Files scanned: 1250 Viruses found: 55 “Designing and Engineering Time”, Steven C.Seow. © 2008 Pearson Education Inc.
Slide 64
PROGRESS INDICATORS FOR WEB 0 2s 5s Class D 10s Class A
Slide 65
Tolerance Management TIME ANCHORS MATRIX 1 2 3 5 10 15 10 20 30
Slide 66
Tolerance Management http://goo.gl/tn8TiG
Slide 67
Tolerance Management PURPOSE & VALUE
Slide 68
Tolerance Management
Slide 69
Tolerance Management WORTH THE WAIT
Slide 70
To: DENYS.MISHUNOV@gmail.com
Slide 71
http://coub.com/view/2pgyb5js
Slide 72
Tolerance Management LIMITATIONS The sky is the limit?
Slide 73
SUMMARY Deliver objectively fast; Operation If not possible to deliver fast, make user think it is fast; Perception If it is really long process, make user want to wait. Tolerance
Slide 74
0.43
Slide 75
Slide 76
Slide 77
Slide 78
THANK YOU end Event Marker
