The document discusses best practices for optimizing websites and mobile experiences. It provides tips on user engagement, navigation, calls to action, personalization, content prioritization, and technical optimization. Specific recommendations include using heat mapping and analytics to understand users, emphasizing important information over navigation, making tasks obvious, speaking the user's language, improving readability, optimizing images, minimizing file sizes, and reducing latency through techniques like content delivery networks. The overall message is that responsive design, personalization, and optimization can improve user experience and business metrics.

1. Responsive sites
Not just looking good on a mobile
@RH__Digital

2. Who we are
@RH__Digital

3. @RH__Digital
Design
Partners of
TERMINALFOUR
DesignersDevelopersConsultants

4. What you can be doing
@RH__Digital
right now…

5. User Engagement
@RH__Digital

6. @RH__Digital
Heat mapping
Google Analytics
Navigation
Call to actions
Use of language

7. @RH__Digital
Heat mapping
Google Analytics
Navigation
Call to actions
Use of language

8. @RH__Digital

9. @RH__Digital
Heat mapping
Google Analytics
Navigation
Call to actions
Use of language

10. @RH__Digital
Heat mapping
Google Analytics
Navigation
Call to actions
Use of language

11. @RH__Digital

12. @RH__Digital

13. @RH__Digital
Heat mapping
Google Analytics
Navigation
Call to actions
Use of language

14. @RH__Digital
Heat mapping
Google Analytics
Navigation
Call to actions
Use of language

15. Make it easy for your users
to navigate…
@RH__Digital

16. @RH__Digital

17. “Emphasise information,
not navigation”
@RH__Digital
Steven Hoober (UX Matters)

18. Mobile users gravitate
towards the centre
@RH__Digital
image from UX Matters

19. @RH__Digital
Heat mapping
Google Analytics
Navigation
Call to actions
Use of language

20. @RH__Digital
Heat mapping
Google Analytics
Navigation
Call to actions
Use of language

21. If there are tasks that you want your
users to complete - make it obvious
@RH__Digital

22. @RH__Digital

23. @RH__Digital
Heat mapping
Google Analytics
Navigation
Call to actions
Use of language

24. @RH__Digital
Heat mapping
Google Analytics
Navigation
Call to actions
Use of language

25. Understand your audience.
Speak their language
@RH__Digital

26. @RH__Digital

27. Aesthetic focus
@RH__Digital

28. @RH__Digital
White space & readability
Colour
Relevant imagery
Hit Areas

29. @RH__Digital
White space & readability
Colour
Relevant imagery
Hit Areas

30. Is your content easy to read?
@RH__Digital

31. @RH__Digital
Bad - line length too long Good - reduced line word count

32. “Placing text in an 11px font and
cramming it into the bottom of
the page just won’t deliver the
experience your readers crave”
@RH__Digital
Gisele Muller (Treehouse)

33. @RH__Digital
White space & readability
Colour
Relevant imagery
Hit Areas

34. @RH__Digital
White space & readability
Colour
Relevant imagery
Hit Areas

35. @RH__Digital
63%
* WebAim Survey of Users with Low Vision Results
use the accessibility
settings or
accessibility software
on a mobile phone or
tablet *
one of several scenarios where
colour might be impaired when
viewing your design
Poorly calibrated
screens shifting colour

36. @RH__Digital
Contrast between
default and current
slide navigation
Additional visual
indicator for current slide
Text is visible over imagery

37. @RH__Digital
White space & readability
Colour
Relevant imagery
Hit Areas

38. @RH__Digital
White space & readability
Colour
Relevant imagery
Hit Areas

39. Staged photography can have
a negative effect on your brand
@RH__Digital

40. @RH__Digital

41. Be as honest and transparent as
you can
@RH__Digital

42. @RH__Digital

43. @RH__Digital
White space & readability
Colour
Relevant imagery
Hit Areas

44. @RH__Digital
White space & readability
Colour
Relevant imagery
Hit Areas

45. “In darts, hitting the bulls-eye is
harder to do than hitting any other
part of the dartboard. This is
because the bullseye is the smallest
target.”
@RH__Digital
Anthony T (UX Movement)

46. @RH__Digital

47. Personalisation
@RH__Digital

48. @RH__Digital
19% increase in revenue
using personalisation
techniquesEconsultancy and Monetate

49. @RH__Digital
Referrers
Recommendations
Location
Network

50. @RH__Digital
Referrers
Recommendations
Location
Network

51. @RH__Digital
Landing Pages- Average of a
80% bounce rate
KissMetrics

52. @RH__Digital
Referrers
Recommendations
Location
Network

53. @RH__Digital
Referrers
Recommendations
Location
Network

54. @RH__Digital
Conversion rate 5.5x higher
from clicking a
recommendation than directly
visiting the pageBarilliance

55. @RH__Digital
Make them global call to
actions based upon the
information gathered from
the users activities

56. @RH__Digital
Referrers
Recommendations
Location
Network

57. @RH__Digital
Referrers
Recommendations
Location
Network

58. @RH__Digital
Instant segmentation
based upon where a user is located
90% of consumers find custom
content usefulDemand Metric

59. @RH__Digital

60. @RH__Digital
Referrers
Recommendations
Location
Network

61. @RH__Digital
Referrers
Recommendations
Location
Network

62. @RH__Digital
Mobile data traffic predicted to
increase by 60% from 2015 to
2017.Statista

63. @RH__Digital
47% of users expect a page
to load in less than 2 secondsKissmetrics

64. @RH__Digital
40% of users abandon a
website that takes longer than
3 seconds to load
Kissmetrics

65. @RH__Digital
Personalise by prioritising

66. Optimisation
@RH__Digital

67. @RH__Digital
Delay greater than one
second will interrupt a
users thoughtGoogle Research

68. @RH__Digital
Each second delay in
load time leads to a 7%
user drop outKissMetrics

69. @RH__Digital
25% users expect mobile sites
to perform the same as the
desktop equivalent
KissMetrics

70. @RH__Digital
Education for editorial users
Prioritise visible content
Web Content Optimisation

71. @RH__Digital
Education for editorial users
Prioritise visible content
Web Content Optimisation

72. @RH__Digital
Images on average could be
compressed by 38%
Roundhouse Digital Research

73. @RH__Digital
Average savings of 1200KB
can be made.
Roundhouse Digital Research

74. @RH__Digital
Time savings:
Edge = 56 seconds
3G = 5 seconds
4G = 1 second

75. @RH__Digital
Reduce dropouts rates by:
Edge = 392%
3G = 35%
4G = 7%

76. @RH__Digital
Education for editorial users
Prioritise visible content
Web Content Optimisation

77. @RH__Digital
Education for editorial users
Prioritise visible content
Web Content Optimisation

78. @RH__Digital
Issue with mobile
3G connections experience up to
300ms latency
Solution
Reduce render blocking requests

79. @RH__Digital
Education for editorial users
Prioritise visible content
Web Content Optimisation

80. @RH__Digital
Education for editorial users
Prioritise visible content
Web Content Optimisation

81. @RH__Digital
User ServerWCO
Server

82. @RH__Digital
Polish Images
Minify/Compress CSS and JS
Automatic CDN
Network detection

83. @RH__Digital
Without WCO With WCO
ran from Hong Kong

84. Come and talk with us
if you have any
questions.
@RH__Digital