Whether a customer abandons the checkout process within a mobile application largely depends on the usability of the checkout design. We have identified top 9 principles that should be kept in mind while you design a mobile checkout experience.

1. 5
judoBites
judopay.com · Simple, secure card payments for mobile
HOW TO IMPROVE A
CHECKOUT JOURNEY
ON MOBILE (IN 9 STEPS)
I ain’t got
time for this
remove distractions on page
Remove navigation
buttons and
any promotional
messages or
images from
checkout pages.
Display only
information related
to checkout
process (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 purchase
Reduce number
of fields
per page.
pre-fill known user
information
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 guest
checkout option
23% of checkout
abandonment is
caused by forced
registration at the
beginning of
checkout.
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
registration
process
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 number
Post code
Card type
House number
OF USERS HAVE TURNED TO A
COMPETITOR’S SITE AFTER A
BAD MOBILE EXPERIENCE
40%
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…