optimizing your website for mobile - smartphones and tablets

37
Mobile Commerce: Getting the Sale

Upload: mediative

Post on 14-Nov-2014

3.834 views

Category:

Documents


0 download

DESCRIPTION

Learn how to develop a mobile e-commerce strategy that will optimize your content for mobile and boost sales. In this 60-minute thought-provoking webinar, we’ll show you how to optimize the mobile shopping experience end to end, and ultimately how to get the sale. What you will learn: - Why the majority of visitors don’t buy on mobiles - How consumers use different devices for different tasks - How to optimize your mobile content to get the sale - What you should do about mobile payments - How mobile remarketing can drive conversions Topics to be covered: Shopping Cart Abandon Rates Multi-Screening Different devices; different uses Payments, security and usability The mobile payments mess Multiple alternative approaches Mobile companies Credit card companies Mobile OS Wallets Paypal Most of ‘mobile’ is actually tablet Mobile website or apps? Email is going mobile By end 2012, more emails will be opened on mobile than any other platform Mobile search Use targeted search campaigns Device-specific bids
: CPC is 20% lower on tablets, 50% lower on smartphones Device-specific language
: Using words like “iPhone” and “Android” improves CTR Device specific landing pages Day parting
: We know people use devices differently at different times of day Misspellings
: See what you get with autocorrect turned off Extensions: 
Sitelinks, click to call, etc. Use targeted search campaigns Mobile Sites Mobile Sites Build mobile-friendly sites Prioritize content Compress images Avoid Flash Contrast: dark on light
Easier to see in bright sunlight Text size: min 15pt Include phone number & address Call to action buttons/targets
Size & position matter Touch Targets 44 x 44pts (Apple) 9mm (MS)
, 7mm min, 2mm spacing Bigger if: Frequently used Errors are severe or frustrating Sequential task Near edge of screen or hard to touch Touch Targets Forms Label Position Input Types Built-in Controls Input Masks Convert browsers into revenue The Impact of remarketing Tracking users across devices Account login Social Sign-on Facebook Login Save to wish list Email address to retrieve Desktop & Mobile Emails Compared Mobile remarketing Designing mobile variant emails Width: Keep the width to 600 px or less. Font: Use a font size of 14 pts or higher for body copy and 30 pt for headers. Buttons and links: Make buttons and links big and “clickable.” Click-to-call: Use a plain text phone number or a click-to-call button. One simple Call To Action: Big button, High up the screen, unique and bold color on the page

TRANSCRIPT

Page 1: Optimizing your Website for Mobile - Smartphones and Tablets

Mobile Commerce: Getting the Sale

Page 2: Optimizing your Website for Mobile - Smartphones and Tablets

Shopping Cart Abandon Rate

2

72%97%

Source: SeeWhy

• 97% of mobile transactions are abandoned

Excludes digital goods

Page 3: Optimizing your Website for Mobile - Smartphones and Tablets

Agenda

3

Page 5: Optimizing your Website for Mobile - Smartphones and Tablets

5

Different devices; different uses

Page 6: Optimizing your Website for Mobile - Smartphones and Tablets

Payments, security and usability

6Source: Forrester Consulting / Demandware

Page 7: Optimizing your Website for Mobile - Smartphones and Tablets

The mobile payments mess

7

• Multiple alternative approaches– Mobile companies– Credit card companies– Mobile OS Wallets– Paypal

• None (other than Paypal) have any significant adoption

Apple’s Passbook – Showing great potential, but no payments yet

Page 8: Optimizing your Website for Mobile - Smartphones and Tablets

• Most of ‘mobile’ is actually tablet

Tablets are most of the action

8

1.5% 3.2%

Tablet/mobile sales as a percentage of web sales in 2011

Base: 43 retail CIO’sForrester/Shop.org State of Retailing 2012

Page 9: Optimizing your Website for Mobile - Smartphones and Tablets

Other Mobile App

iPad App

Android App

iPhone App

Mobile browser optimization

Mobile website or apps?

9

Using the mobile version of the

site

Using an app

I dont have a preference

Accessing the standard website

Which of the following best describe your company’s mobile / tablet eCommerce presence?

If you have interacted with [the merchant you have just purchased from] on a mobile device, then which experience do you prefer?

Base: 43 retail CIO’sForrester/Shop.org State of Retailing 2012

Base: 1,428 recent mobile shoppersForrester/Bizrate Insights Q3 2012

• Users want the ‘full experience’

Page 10: Optimizing your Website for Mobile - Smartphones and Tablets

• By end 2012, more emails will be opened on mobile than any other platform

Email is going mobile

10Source: Litmus 2012

Page 11: Optimizing your Website for Mobile - Smartphones and Tablets

Different Intent53% of mobile searches have local intent.

Different QueriesSmartphone queries are 25% longer than tablets and 50% longer than desktops.

Different Behavior70% of desktop search tasks are completed within a week; 70% of mobile search tasks are completed within an hour.

Mobile search

11Source: Microsoft, Marin Software

Page 12: Optimizing your Website for Mobile - Smartphones and Tablets

Use targeted search campaigns

12

Device-specific bidsCPC is 20% lower on tablets, 50% lower on smartphones

Device-specific languageUsing words like “iPhone” and “Android” improves CTR

Device specific landing pages Day parting

We know people use devices differently at different times of day

MisspellingsSee what you get with autocorrect turned off

ExtensionsSitelinks, click to call, etc.

Page 13: Optimizing your Website for Mobile - Smartphones and Tablets

Use targeted search campaigns

13

With Sitelinks Without Sitelinks

Page 14: Optimizing your Website for Mobile - Smartphones and Tablets

Mobile Sites

14Source: KISSmetrics

Page 15: Optimizing your Website for Mobile - Smartphones and Tablets

Mobile Sites

15Source: KISSmetrics

Page 16: Optimizing your Website for Mobile - Smartphones and Tablets

Build mobile-friendly sites

16

Prioritize content Compress images Avoid Flash Contrast: dark on light

Easier to see in bright sunlight

Text size: min 15pt Include phone number & address Call to action buttons/targets

Size & position matter

Page 17: Optimizing your Website for Mobile - Smartphones and Tablets

Touch Targets

17

44 x 44pts (Apple) 9mm (MS)

7mm min, 2mm spacing

Bigger if: Frequently used Errors are severe or frustrating Sequential task Near edge of screen or hard to touch

Page 18: Optimizing your Website for Mobile - Smartphones and Tablets

Touch Targets

18Source: .net magazine

The area on the screen that is the most accessible by the thumb

Page 19: Optimizing your Website for Mobile - Smartphones and Tablets

Touch Targets

19

The area on the screen that is the most accessible by the finger

Page 20: Optimizing your Website for Mobile - Smartphones and Tablets

Forms

20

Page 21: Optimizing your Website for Mobile - Smartphones and Tablets

Label Position

21

Poorly-designed mobile form

Page 22: Optimizing your Website for Mobile - Smartphones and Tablets

Label Position

22

Mobile-optimized form

Page 23: Optimizing your Website for Mobile - Smartphones and Tablets

Label Position

23

Poorly-designed mobile form

Page 24: Optimizing your Website for Mobile - Smartphones and Tablets

Label Position

24

Mobile-optimized form

Page 25: Optimizing your Website for Mobile - Smartphones and Tablets

Input Types

25Source: Smashing UX Design

Device needs to deliver the right keyboard based on the form input requirements

Page 26: Optimizing your Website for Mobile - Smartphones and Tablets

Built-in Controls

26Source: Smashing UX Design

Take advantage of built-in mobile controls

Page 27: Optimizing your Website for Mobile - Smartphones and Tablets

Input Masks

27

Page 28: Optimizing your Website for Mobile - Smartphones and Tablets

Re-considers the purchase

Convert browsers into revenue

28

Individual website visitor

Visits / Adds

item(s) to their cart...

...and abandons without

purchasing

1st email sent / ads served in real time

Visitor clicks through

On average

26% Of identified cart abandoners will

convert

On average

97% don’t buy

2 31Email

Service Provider &

Ad exchange

Track website visitors 24x7

Trigger an optimized 1-

to-1 follow up campaign on abandonment

Real time API

Page 29: Optimizing your Website for Mobile - Smartphones and Tablets

The Impact of remarketing

No Remarketing

Nu

mb

er o

f ab

and

on

ers

retu

rnin

g

Remarketing: 2x - 3x more abandoners will buy when remarketedRemarketing's biggest impact will be in the first 12 hours.MIT Study: 90% of online leads go cold within 1 hour

Takeout

On average

8% will return to

buy

With Remarketing

On average, an additional

26%

will return to buy when

remarketed

18% additionalrecovery

Page 30: Optimizing your Website for Mobile - Smartphones and Tablets

• Account login• Social Sign-on

– Facebook Login • Save to wish list

– Email address to retrieve

Tracking users across devices

30

Sign In

Page 31: Optimizing your Website for Mobile - Smartphones and Tablets

• 100m verified users• Billing address and payment mechanism

Or consider PayPal Access

31

Page 32: Optimizing your Website for Mobile - Smartphones and Tablets

32

Typical ‘Starter’ Campaign

Immediate 23 hours 6 days & 23 hours

Remind

Reassure

Promote

Page 33: Optimizing your Website for Mobile - Smartphones and Tablets

• Focus on the product– Large image– Product name– Review stars

• Free shipping call to action (with club membership)

Columbia Sportswear

33

Page 34: Optimizing your Website for Mobile - Smartphones and Tablets

Desktop & Mobile Emails Compared

34

Page 35: Optimizing your Website for Mobile - Smartphones and Tablets

Mobile remarketing

A1 A2 A3John abandons the website Desktop

Real time 23 hours 6 days, 23 hours

Mary abandons the website

Mobile

Desktop OS

M1 M2

John gets a the

regular campaign

Mary gets a free shipping

campaign

• A simple way to trigger different creative to mobile abandoners

Mobile OS M3

Real time 23 hours 6 days, 23 hours

35

Page 36: Optimizing your Website for Mobile - Smartphones and Tablets

• Subject line: Convey the message in the first 15 characters– Full: Oops! Was there a problem with your cart?– Mobile: Oops! Problem with your cart?

• Layout: Use a simple, stacked layout as opposed to a multi-column layout.

• Width: Keep the width to 600 px or less. • Font: Use a font size of 14 pts or higher for body copy and

30 pt for headers. • Buttons and links: Make buttons and links big and

“clickable.” • Click-to-call: Use a plain text phone number or a click-to-

call button. • One simple Call To Action: Big button, High up the

screen, unique and bold color on the page

Designing mobile variant emails

36

Page 37: Optimizing your Website for Mobile - Smartphones and Tablets

Questions

37

FREE EYE TRACKING RESEARCH

DOWNLOAD

The Effectiveness of Display Advertising on a Desktop PC vs. a Tablet Device