My slides from Emerce - Digital Marketing Live 2014... About why your users don't like to wait, why this is important for you as a site owner and best practices to align content and speed to create a fast user experience...

1. w@jeroentjepkema
Digital Marketing Live 2014
The “Waiting” Experience

2. Waiting = Engagement

11. Watching paint dry?

18. “Both offline and online consumers
associate long wait times with
poor customer service”

19. Click away slide
Performance tolerance

20. 0
10
20
30
40
50
60
70
80
90
100
0 1 2 3 4 5 6 7 8 9 10
Average Bouncerate per pagetype/sessionBouncerate(%)
Page load time (sec.)
Median Campaign Product search
Aggregated Real User Monitoring data collected by MeasureWorks for Dutch Commerce websites

21. 0
10
20
30
40
50
60
70
80
90
100
0 1 2 3 4 5 6 7 8 9 10
Bouncerate(%)
Page load time (sec.)
Median Campaign Product search
Average Bouncerate per pagetype/session
Aggregated Real User Monitoring data collected by MeasureWorks for Dutch Commerce websites

22. Purpose vs. Context

23. Online users often lack context for delays...

24. ...and see no other option than to click away

25. Good Design
+
Fast Delivery
=
Great User Experience

26. NS Hispeed: Site optimization
0
12,5
25
37,5
50
62,5
75
87,5
100
0-0,5 0,5-1 1-1,5 1,5-2 2-2,5 2,5-3 3-3,5 3,5-4 4-5 5-6 6-7 7-8 8-9 9-10 >10
Non-Bouncerate(%)
Categorienaam
Pageviews(#)
Bouncerate # Pageviews
Bol.com: Speed vs. Engagement per month
Data presented by MeasureWorks at Velocity Conference London 2013: http://bit.ly/MW-VEUrum

27. Load time
Availability
Homepage
Transaction time
Availability
Ticket ordering funnel (7 steps)
Before After
11,5s
95,61%
3,8s
99,52%
Before After
43,2s
88,72%
35,7s
97,65%
30% higher
site success
rate
NS Hispeed: Site optimization

28. Design vs. Speed?

29. 0
25
50
75
100
1 2 3 4 5
Slow Average Fast
%ofrespondentsthatratedtheactualwebsitespeed
Design score (1=bad - 5=beautiful)
Perception of good design is influenced by fast page load times

30. Good Design
+
Fast Delivery
=
Great User Experience

31. Navigating the web is not easy...

32. https://www.youtube.com/watch?v=3Sk7cOqB9Dk&feature=youtu.be

33. Let’s design for fast experience!

34. 1. Recognizable navigation

35. Source: Jakob Nielsen
99% of time online is spent on other sites
than yours...

36. Experience vs. surfing online....

37. Always compared to past experiences
Experience vs. surfing online....

38. Task completion has positive impact
Always compared to past experiences
Experience vs. surfing online....

39. Task completion has positive impact
Slow downs have more impact
Always compared to past experiences
Experience vs. surfing online....

40. Sensitive for specific tasks
Task completion has positive impact
Slow downs have more impact
Always compared to past experiences
Experience vs. surfing online....

41. Why is this important?

42. Consumers visit 18-23 travel websites
before they finally convert
Source: TNS/Nipo

43. Search/Orientation phase
Perception of experience
1
Performance influence cycle
http://benchmark.measureworks.nl

44. Delivered
experience
Your website
3
5
2
Stimulate content/
conversion
4
Performance influence cycle
Search/Orientation phase
Perception of experience
1
http://benchmark.measureworks.nl

45. The waiting experience

48. Find a website
Search for a t-shirt
Order a t-shirt
Select size
7
6
5
4
3
2
1
1 2 3 4 5 6 7
Average expectation rating
Averageexperiencerating
Big
opportunity
Study performed by MeasureWorks for M-Commerce Event 2013: http://bit.ly/MW-MCE13
N=150, covering 10 different websites

49. Mobile Web
32%
Native
68%
Mobile Web
58%
Native
42%
< 34 > 35
Experience vs. Usage
Study performed by MeasureWorks for M-Commerce Event 2013: http://bit.ly/MW-MCE13
N=150, covering 10 different websites

50. Experience vs. Usage
0%
10%
20%
30%
40%
< 34 > 35
18%
40% 40%
25%
Speed
Readiness
Study performed by MeasureWorks for M-Commerce Event 2013: http://bit.ly/MW-MCE13
N=150, covering 10 different websites

51. 2. Speed up your content!

52. Speed-up your perception

53. http://www.nytimes.com/2012/08/19/opinion/sunday/why-waiting-in-line-is-torture.html?pagewanted=all&_r=0

54. http://answers.yahoo.com/question/index?qid=1005081200005

55. nytimes.com/2004/02/27/nyregion/27BUTT.html

57. Perception = Fast Experience

58. http://www.fastcodesign.com/1669788/the-3-white-lies-behind-instagrams-lightning-speed

59. @jeroentjepkema, MeasureWorks
How fast should I be?

60. “Speed is at it’s best when it creates the feeling
that you don’t have to work to achieve your goal”

61. 0,3
0 Source: Jakob Nielsen
Instantaneous: I like it!

62. 1
0,3
0 Source: Jakob Nielsen
Instantaneous: I like it!
Interaction: Let’s conversate...

63. 1
0,3
0 Source: Jakob Nielsen
Instantaneous: I like it!
Interaction: Let’s conversate...

64. 1
3
0,3
0 Source: Jakob Nielsen
Instantaneous: I like it!
Interaction: Let’s conversate...
Mmm, shall I click away?

65. 10
1
3
0,3
Instantaneous: I like it!
Interaction: Let’s conversate...
Mmm, shall I click away?
Only if the task/content is relevant
0 Source: Jakob Nielsen

66. It’s (also) about the customer journey...

67. Provide relevant content to
support task completion...

68. ...deliver it fast, focus on perception!

69. “Flow state”

70. Speed vs. Content

71. What’s your time to first tweet?
https://blog.twitter.com/2012/improving-performance-on-twittercom

72. 3 (performance) design questions to ask...

73. Above the fold?

74. Which priority?

75. Improving which metrics?

76. 3. Mobile First?

77. 0
11,25
22,5
33,75
45
56,25
67,5
78,75
90
0-0,5 0,5-1 1-1,5 1,5-2 2-2,5 2,5-3 3-3,5 3,5-4 4-5 5-6 6-7 7-8 8-9 9-10 >10
Non-Bouncerate(%)
Categorienaam
Pageviews(#)
Speed vs. Engagement per month Bol.com
Desktop # Pageviews
Pageviews(#)
Mobile
Data presented by MeasureWorks at Velocity Conference London 2013: http://bit.ly/MW-VEUrum

78. #mobilefirst

79. WiFi 4G 3G
So, what happens if I don’t optimize?
Tested with webpagetest.org (WiFi (10Mbs down/1,5Mbs up), 4G (5Mbps Down, 1Mbps Up) & 3G (2000Kbps Down, 764Kbps Up))

80. Responsive Web Design?
WiFi 3G
Tested with webpagetest.org (WiFi (10Mbs down/1,5Mbs up), 4G (5Mbps Down, 1Mbps Up) & 3G (2000Kbps Down, 764Kbps Up))

81. #mobile(web)first?

82. Research by Google: http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdf

83. 34% of all consumers use the device that’s
closest to them when looking for information
Research by Google: http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdf

84. Change your viewpoint when
designing for mobile

85. #TouchEnabled

86. http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-
devices.php?goback=.gmp_72842.gde_72842_member_215909354
49%
Mobile = One thumb device
36%
22%

87. http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-
devices.php?goback=.gmp_72842.gde_72842_member_215909354
The green zone

89. - +One Touch?

90. Mobile Search

91. vs.

92. Mobile Advertisement Experiment

93. N = 50
Q = Flow vs. Intrusive. Can you remember the advertiser/brand?
Telegraaf: Intrusive Nu.nl: Flow Dumpert: Intrusive Flipboard: Flow

94. Telegraaf: Intrusive Nu.nl: Flow Dumpert: Intrusive Flipboard: Flow
Flow Intrusive
If you had to choose? 82% 18%
Do you remember brand? 43% 21%
N = 50
Q = Flow vs. Intrusive. Can you remember the advertiser/brand?

95. Questions so far?

96. The “waiting” experience
1. Understand your customer
2. Prioritize content
3. Deliver fast
4. Touch friendly
5. Repeat this for every iteration

97. Join the movement #fastweb

98. Thanks! More questions?
M: jtjepkema@measureworks.nl
T: @jeroentjepkema
W: www.measureworks.nl
View slides: bit.ly/MW-DML14