how to optimize your entire mobile experience
TRANSCRIPT
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 MobileStop 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
$1BnAPPAREL &ACCESSORIESPURCHASES
in Q113
71%
Of all retail transactions
SMARTPHONEUSERS SHOPVIA MOBILE
48%
Expect mobile to be fasterthan desktop
85%Will go to a competitorto transact
42%Will neverreturn toyour 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 eCommercepage
#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
PA
GE
LO
AD
TIM
E EF
FO
RT
& T
IME
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 reducingHTTP 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
CDNTreats Efficiency: less & lighter
Strength Asset delivery, rendering
FEO YottaaTreats 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!