The Psychology Of Speed

The positive correlation between web performance and more conversions on websites is obvious. Results of many studies were unanimous: fast websites win.

But what are the key timings that make a website seem fast? And what are their origins?

Gain insight into the "Psychology of Speed": human computer interaction timings and their importance for great user experiences. Learn how you can leverage these timings to improve usability, making users stay longer & come back sooner.

Transcript

1. "The Psychology of Speed" Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 1
2. Speed & Usability Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 2
3. Where We Are Headed Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 3
4. 1. Human computer interaction thresholds & their origins Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 4
5. 2. Implications for web performance & user experience Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 5
6. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 6
7. At 15km Light: ~1/20.000s Sound: ~44s Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 7
8. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 8
9. Thor Lighting: Hammer Thunder: Hooves Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 9
10. Mere Mortals Cause to Effect > 100ms No Causality Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 10
11. Anything < 100ms however... Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 11
12. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 12
13. Direct Attribution of Causality Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 13
14. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 14
15. Saltatory Conduction through Nodes of Ranvier 1.2m in 100ms Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 15
16. "We're really aiming very, very high here… at something like 100 milliseconds." — Urs Hölzle, Google Senior VP Operations, June 2010 Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 16
17. "1 second. Highest acceptable response time. Download times above 1 second interrupt the user experience." — Wikipedia: "Word Wide Web", Speed Issues Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 17
18. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 18
19. 1 Second Communication Threshold Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 19
20. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 20
21. Experiment "Call me Ishmael. Some years ago, having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world." [...] "If they but knew it --[1s]-- almost all men in their degree --[1s]-- some time or other --[1s]-- cherish very nearly the same feelings towards the ocean with me." Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 21
22. Train of Thought Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 22
23. Communication is Control Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 23
24. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 24
25. The Illusion of Choice Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 25
26. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 26
27. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 27
28. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 28
29. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 29
30. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 30
31. 100ms 1 Second The Illusion of Speed Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 31
32. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 32
33. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 33
34. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 34
35. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 35
36. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 36
37. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 37
38. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 38
39. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 39
40. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 40
41. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 41
42. Median Time To Interact (TTI) 2013 vs. 2014 5.3s vs. 6.5s Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 42
43. Median Page Weight 2013 vs. 2014 1480kb vs. 1795kb Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 43
44. 100ms 1 Second 3.5 Seconds 6.5 Seconds 8+ Seconds Faster Users Slower Web Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 44
45. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 45
46. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 46
47. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 47
48. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 48
49. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 49
50. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 50
51. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 51
52. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 52
53. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 53
54. Takeaways Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 54
55. Help create usable websites Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 55
56. Give positive, encouraging feedback Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 56
57. Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 57
58. Tobias Baldauf tbaldauf@akamai.com @tbaldauf Tobias Baldauf | tbaldauf@akamai.com | @tbaldauf 58