Want to save 50%? Yes, please

shopping cart illustration on green background
August 22, 2016
Sales  |  4 min read

4 Mobile Shopping Cart Design Best Practices

Created with Sketch.
Chris Layne

The numbers are shocking: While shopping cart abandonment is always a common problem in e-commerce, (according to VentureBurn, 68 percent of online carts are abandoned during checkout), for mobile customers, the numbers are even more astounding. Ninety-seven percent of mobile shopping carts are abandoned during the checkout process. Why are mobile shoppers abandoning carts at such an astounding rate? The reasons vary: bad design, slow loading speeds, tedious registration forms, and limited payment options are some of the most common reasons. So how can you design the ideal mobile shopping cart for your B2B buyers?

In the words of the late Dr. Stephen Covey: “Begin with the end in mind.” Design your mobile shopping cart with conversion in mind. With props to Dr. Covey, here are our four habits of designing mobile shopping cards:

4 mobile shopping cart design best practices

  1. KISS: Keep It Seriously Simple. Mobile shoppers are typically using their mobile device for convenience on the go. They may be checking out your website and selecting items while they are waiting for something else to happen, which means there is a finite amount of time for them to complete their order. If the order isn’t complete before their wait is over, they’ll leave and most will not return. A checkout process that is too complex or requires information that is not absolutely essential is a recipe for an abandoned cart, so keeping it simple and only asking for the bare minimum of information necessary to actually complete the order will increase the percentage of filled carts that convert to orders placed.
  2. Use “native mobile” design. Many mobile-optimized shopping cart designs are simply shrunken-down versions of an existing site designed for desktop users. This creates problems when the design doesn’t really work well on the small screen of a mobile device. What are some of the most common problems with non-native mobile shopping cart design? Tiny buttons, hard-to-read text, and a lack of offline access are a few of the most common issues. Native mobile designs are those that are intended to be viewed and controlled on a small touch screen.
  3. Deliver convenient payment options. Most mobile and desktop sites offer the option to pay by credit card, which is great, but just as many online shoppers prefer to use services like PayPal for online purchases, mobile shoppers are showing a preference for using one of a growing number of mobile wallet apps, such as Google wallet, Apple Pay, Softcard, or other mobile payment apps offered by banks and credit card providers. How much of a difference can offering these options make in your shopping cart conversion rate? A recent survey by Adobe of 400 U.S. consumers found that overall, mobile and e-commerce shopping cart conversions increased by 10 percent when digital wallet payment options are available. The study also showed a clear preference among mobile users for digital wallets: 23 percent of purchases on smartphones use digital wallets compared with 19 percent on tablets and 16 percent on desktop computers.
  4. Make the experience interruption-proof. Remember when we said that your mobile users are on the go and doing other things? The possibility (indeed, near certainty) that the shopping cart process will be interrupted by a phone call, another app, or something happening in the “real world” is a critical point that you must build into your mobile design. “Interruption proof” your design by making sure that if shoppers must exit your app or cart for any reason, they don’t lose their place in the checkout process. Make sure that customer registration details are saved so that customers can exit the cart to take a call or shop for more items, then return to the cart with all details intact.

The mobile shopping channel is growing by leaps and bounds—it now represents more than 30 percent of all online shopping transactions. Yet, with staggeringly high cart abandonment rates, it’s clear mobile shoppers are frustrated by carts that are not really designed with them in mind. Design your mobile shopping cart for conversion to ensure that your shoppers don’t join the ranks of frustrated users who fill their carts and walk away.

This article originally appeared in Handshake Blog 

This article was written by Chris Layne from Business2Community and was legally licensed through the NewsCred publisher network.


Was this post helpful?

Subscribe to our newsletter

Fresh small business insights and ideas delivered weekly to your inbox, gratis.


You may also like

{{ record.displayCategory | smartCapitalize }} | min read

Subscribe to our weekly newsletter!

What you'll get from it:

As a thank you for subscribing, we'll send you a copy of our 2018 Small Business Marketing Trends Report with insights from over 1,000 surveyed business owners. The gifts just keep on coming.

4 Reasons to Subscribe:
  • Weekly tips to dominate sales and marketing

  • Expert small business resources that cost you zero dollars

  • We're focused 100 percent on small business success

  • Righteous GIFs

    GIF of Ferris Bueler principal's assistant

P.S. We'll never give out your information. We'll only use it to send you awesome content and resources, if you're cool with that.