how to improve a checkout journey on mobile (in 9 steps)
TRANSCRIPT
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…