The Psychology Of Speed

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.

Dcdd7523e2e6249bcaf2a4ac19c09e8a?s=128

Tobias Baldauf

February 05, 2015
Tweet

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