1
Optimize Your Entire Mobile
Experience
We will be starting at 2 pm ET
Use the hashtag #IMPACTinsights on Twitter
2
PRESENTERS:
Ari Weil, VP of Products
Yottaa
@yottaa
Ryan Coates, Creative Lead
IMPACT
@IMryanCoates
3
AGENDA:
1. Big Talk. Small Device.
2. Creating a Responsive Web Design
3. Building the Mobile Experience
www.yottaa.com
Respond to Mobile
Stop being reactive; start being responsive
4www.yottaa.com
#mobileweb @yottaa www.yottaa.com 5
Mobile devices are a part of every
journey
#mobileweb @yottaa www.yottaa.com 6
51% say websites hard to navigate & use
46% say product images are too small
41% are concerned about security
26% feel that checkout is frustrating
It’s not the size that matters, it’s what you
do with it
#mobileweb @yottaa www.yottaa.com 7
Get it wrong and lose…BIG
64%
OF SMARTPHONE
USERS EXPECT
PAGES TO LOAD IN
UNDER 4s
$1Bn
APPAREL &
ACCESSORIES
PURCHASES
in Q113
71%
Of all retail
transactions
SMARTPHONE
USERS SHOP
VIA MOBILE
48%
Expect mobile
to be faster
than desktop
85%
Will go to
a competitor
to transact
42%
Will never
return to
your site
29%
#mobileweb @yottaa www.yottaa.com 8
Don’t be that business
that if they arrive on a business site that isn't working well on
mobile, they take it as an indication of the
48% of users say
business simply does not care.
www.yottaa.com
Big talk…small device
#mobileweb @yottaa www.yottaa.com 10
Know thy enemy
In pirate parlance, “Here be dragons”
…its complicated
Consider the average eCommerce
page
#mobileweb @yottaa www.yottaa.com 11
Rich content
Dynamic content
Security & trust
Personalization & targeting
#mobileweb @yottaa www.yottaa.com 12
Content evolves and becomes more
complex
PAGELOADTIME
EFFORT&TIME
SITE LAUNCH ONGOING MAINTENANCE AND USER ENGAGEMENT EFFORTS
UPDATE CONTENT
& IMAGES
ADD SOCIAL MEDIA
WIDGETS
ADD REAL TIME
PERSONALIZATION
A/B TEST PAGE
CONTENT
www.yottaa.com
Responsive to the rescue (?)
Implement Responsive Web Design
#mobileweb @yottaa www.yottaa.com 14
Advantages Disadvantages
Most consistent user experience possible Requires additional code re-working
No duplicate content maintains rankings Difficult to differentiate mobile content
Max link value. No risk of split link value Could affect usability/CRO
No redirects = low latency & fewer errors New code may affect rankings
Responsive Web Design Dirty Little
Secret
#mobileweb @yottaa www.yottaa.com 15
One of these things is not like the other.
But the size of your website probably is.
Responsive Design can work if
you’re careful
#mobileweb @yottaa www.yottaa.com 16
If you don’t see it, it shouldn’t be there
#mobileweb @yottaa www.yottaa.com 17
Fact: Reducing Page
Weight/Requests Works
increased
performance by
68%
by reducing
HTTP requests
small page-1.5s
big page – 4.7s
www.yottaa.com
Knowledge is power
#mobileweb @yottaa www.yottaa.com 19
Know your end user
Where?
What device(s)?
What’s important?
Why YOU?
Needs
Goals
FactsPlan
Strategy
#mobileweb @yottaa www.yottaa.com 20
Make a plan
Needs
Goals
FactsPlan
Strategy
Needs
Goals
FactsPlan
Strategy
Implement
Optimize
Differentiate
#mobileweb @yottaa www.yottaa.com 21
Get tech savvy
Treats Physics: geographic latency
Strength Static content, streaming
CDN
Treats Efficiency: less & lighter
Strength Asset delivery, rendering
FEO Yottaa
Treats Context: right, in real time
Strength End user experience
#mobileweb @yottaa www.yottaa.com 22
Pick your team
• ROI proof points
• Benefits of Manual vs.
Automated optimization
• Free Web Performance
ROI Calculator
#mobileweb @yottaa www.yottaa.com 23
Realize ROI on your RWD and WPO
Initiatives
24
THANK YOU!

How to Optimize Your Entire Mobile Experience

  • 1.
    1 Optimize Your EntireMobile Experience We will be starting at 2 pm ET Use the hashtag #IMPACTinsights on Twitter
  • 2.
    2 PRESENTERS: Ari Weil, VPof Products Yottaa @yottaa Ryan Coates, Creative Lead IMPACT @IMryanCoates
  • 3.
    3 AGENDA: 1. Big Talk.Small Device. 2. Creating a Responsive Web Design 3. Building the Mobile Experience
  • 4.
    www.yottaa.com Respond to Mobile Stopbeing reactive; start being responsive 4www.yottaa.com
  • 5.
    #mobileweb @yottaa www.yottaa.com5 Mobile devices are a part of every journey
  • 6.
    #mobileweb @yottaa www.yottaa.com6 51% say websites hard to navigate & use 46% say product images are too small 41% are concerned about security 26% feel that checkout is frustrating It’s not the size that matters, it’s what you do with it
  • 7.
    #mobileweb @yottaa www.yottaa.com7 Get it wrong and lose…BIG 64% OF SMARTPHONE USERS EXPECT PAGES TO LOAD IN UNDER 4s $1Bn APPAREL & ACCESSORIES PURCHASES in Q113 71% Of all retail transactions SMARTPHONE USERS SHOP VIA MOBILE 48% Expect mobile to be faster than desktop 85% Will go to a competitor to transact 42% Will never return to your site 29%
  • 8.
    #mobileweb @yottaa www.yottaa.com8 Don’t be that business that if they arrive on a business site that isn't working well on mobile, they take it as an indication of the 48% of users say business simply does not care.
  • 9.
  • 10.
    #mobileweb @yottaa www.yottaa.com10 Know thy enemy In pirate parlance, “Here be dragons” …its complicated
  • 11.
    Consider the averageeCommerce page #mobileweb @yottaa www.yottaa.com 11 Rich content Dynamic content Security & trust Personalization & targeting
  • 12.
    #mobileweb @yottaa www.yottaa.com12 Content evolves and becomes more complex PAGELOADTIME EFFORT&TIME SITE LAUNCH ONGOING MAINTENANCE AND USER ENGAGEMENT EFFORTS UPDATE CONTENT & IMAGES ADD SOCIAL MEDIA WIDGETS ADD REAL TIME PERSONALIZATION A/B TEST PAGE CONTENT
  • 13.
  • 14.
    Implement Responsive WebDesign #mobileweb @yottaa www.yottaa.com 14 Advantages Disadvantages Most consistent user experience possible Requires additional code re-working No duplicate content maintains rankings Difficult to differentiate mobile content Max link value. No risk of split link value Could affect usability/CRO No redirects = low latency & fewer errors New code may affect rankings
  • 15.
    Responsive Web DesignDirty Little Secret #mobileweb @yottaa www.yottaa.com 15 One of these things is not like the other. But the size of your website probably is.
  • 16.
    Responsive Design canwork if you’re careful #mobileweb @yottaa www.yottaa.com 16 If you don’t see it, it shouldn’t be there
  • 17.
    #mobileweb @yottaa www.yottaa.com17 Fact: Reducing Page Weight/Requests Works increased performance by 68% by reducing HTTP requests small page-1.5s big page – 4.7s
  • 18.
  • 19.
    #mobileweb @yottaa www.yottaa.com19 Know your end user Where? What device(s)? What’s important? Why YOU?
  • 20.
    Needs Goals FactsPlan Strategy #mobileweb @yottaa www.yottaa.com20 Make a plan Needs Goals FactsPlan Strategy Needs Goals FactsPlan Strategy Implement Optimize Differentiate
  • 21.
    #mobileweb @yottaa www.yottaa.com21 Get tech savvy Treats Physics: geographic latency Strength Static content, streaming CDN Treats Efficiency: less & lighter Strength Asset delivery, rendering FEO Yottaa Treats Context: right, in real time Strength End user experience
  • 22.
  • 23.
    • ROI proofpoints • Benefits of Manual vs. Automated optimization • Free Web Performance ROI Calculator #mobileweb @yottaa www.yottaa.com 23 Realize ROI on your RWD and WPO Initiatives
  • 24.

Editor's Notes

  • #12 This is important because if you consider the average web page, you can see that it’s actually a complex online application. The average web page: Requires the browser to download and display 1.4MB or more of content From over 40 domains Making 200 or more round trips …in under 4 seconds