how to optimize your entire mobile experience

24
1 Optimize Your Entire Mobile Experience We will be starting at 2 pm ET Use the hashtag #IMPACTinsights on Twitter

Upload: yottaa

Post on 13-Jul-2015

695 views

Category:

Mobile


1 download

TRANSCRIPT

Page 1: How to Optimize Your Entire Mobile Experience

1

Optimize Your Entire Mobile

Experience

We will be starting at 2 pm ET

Use the hashtag #IMPACTinsights on Twitter

Page 2: How to Optimize Your Entire Mobile Experience

2

PRESENTERS:

Ari Weil, VP of Products

Yottaa

@yottaa

Ryan Coates, Creative Lead

IMPACT

@IMryanCoates

Page 3: How to Optimize Your Entire Mobile Experience

3

AGENDA:

1. Big Talk. Small Device.

2. Creating a Responsive Web Design

3. Building the Mobile Experience

Page 4: How to Optimize Your Entire Mobile Experience

www.yottaa.com

Respond to MobileStop being reactive; start being responsive

4www.yottaa.com

Page 5: How to Optimize Your Entire Mobile Experience

#mobileweb @yottaa www.yottaa.com 5

Mobile devices are a part of every journey

Page 6: How to Optimize Your Entire Mobile Experience

#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

Page 7: How to Optimize Your Entire Mobile Experience

#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%

Page 8: How to Optimize Your Entire Mobile Experience

#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.

Page 9: How to Optimize Your Entire Mobile Experience

www.yottaa.com

Big talk…small device

Page 10: How to Optimize Your Entire Mobile Experience

#mobileweb @yottaa www.yottaa.com 10

Know thy enemy

In pirate parlance, “Here be dragons”

…its complicated

Page 11: How to Optimize Your Entire Mobile Experience

Consider the average eCommercepage

#mobileweb @yottaa www.yottaa.com 11

Rich content

Dynamic content

Security & trust

Personalization & targeting

Page 12: How to Optimize Your Entire Mobile Experience

#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

Page 13: How to Optimize Your Entire Mobile Experience

www.yottaa.com

Responsive to the rescue (?)

Page 14: How to Optimize Your Entire Mobile Experience

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

Page 15: How to Optimize Your Entire Mobile Experience

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.

Page 16: How to Optimize Your Entire Mobile Experience

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

Page 17: How to Optimize Your Entire Mobile Experience

#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

Page 18: How to Optimize Your Entire Mobile Experience

www.yottaa.com

Knowledge is power

Page 19: How to Optimize Your Entire Mobile Experience

#mobileweb @yottaa www.yottaa.com 19

Know your end user

Where?

What device(s)?

What’s important?

Why YOU?

Page 20: How to Optimize Your Entire Mobile Experience

Needs

Goals

FactsPlan

Strategy

#mobileweb @yottaa www.yottaa.com 20

Make a plan

Needs

Goals

FactsPlan

Strategy

Needs

Goals

FactsPlan

Strategy

Implement

Optimize

Differentiate

Page 21: How to Optimize Your Entire Mobile Experience

#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

Page 22: How to Optimize Your Entire Mobile Experience

#mobileweb @yottaa www.yottaa.com 22

Pick your team

Page 23: How to Optimize Your Entire Mobile Experience

• 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

Page 24: How to Optimize Your Entire Mobile Experience

24

THANK YOU!