how to improve a checkout journey on mobile (in 9 steps)

1

Click here to load reader

Upload: judo-payments

Post on 12-Apr-2017

249 views

Category:

Mobile


0 download

TRANSCRIPT

Page 1: How to improve a checkout journey on mobile (in 9 steps)

5

judoBitesjudopay.com · Simple, secure card payments for mobile

HOW TO IMPROVE A

CHECKOUT JOURNEYON MOBILE (IN 9 STEPS)

I ain’t got time for this

remove distractions on page

Remove navigation buttons andany promotional messages orimages fromcheckout pages.

Display only information relatedto checkoutprocess (e.g.security messages).

display progress bar

Manage customers’ expectation by displaying the number of steps required for checkout to complete.

big, clear call-to-action

Make it clear which action you would like customers to take.

Use a bold colour that catches attention on call-to-action, keep other elements on page simple.minimal form fields

with clear labels

Ask for only necessary data to fulfill a purchaseReduce number of fieldsper page.

pre-fill known userinformation

Fill in known fields for returning customers with data collected from previous purchases.

relevant input method + real time validation

Use the right input method at the right time:

• Drop down menu for ‘country, city etc’• Calendar view for ‘dates’• Numeric keypad for phone number

prevent ‘pinch-and-zoom’

Make sure every page fits the mobile screen, so customers are not zooming in and out to fill in their details.

use payments designed for mobile

Not all payment solutions are equal.

Make sure the payment solution you choose matches all the principles above.

1-Tap

offer a guestcheckout option

23% of checkout abandonment iscaused by forced registration at the beginning ofcheckout.

Would you like your usual?

Yes, please No, thanks

Welcome back

PRO TIP

Pre-fill a registration form with collected data and let customers register with one tap after checkout.

GET THIS TOO

buy

now

2 for 1

FINISH

start

This is gonna take ages!

1

2

3

4

6

7

8

9

registrationprocess

continue with purchase

PRO TIP

Use real-time error detection to prevent customers from having to resubmit form.

PRO TIP

Don’t make payments stick out like a sore thumb, make them disappear into the background.

Name

EmailEmail

Address

Phone numberPost code

Card type

House number

OF USERS HAVE TURNED TO A

COMPETITOR’S SITE AFTER A

BAD MOBILE EXPERIENCE40%

DID YOU KNOW?

21%

OF CONSUMERS WILL ABANDON

CHECKOUT IF THE PROCESS

TAKES TOO LONG

OF CONSUMERS WILL ABANDON

PURCHASE IF PREFERRED

PAYMENT OPTION IS

NOT OFFERED

28%

Almost done…