#148) Optimize your store for mobile (or create a separate mobile experience)


According to Shopify, mobile traffic now accounts for 50% of visits, and about 35% of purchases.

During the 2018 holiday season, about a third of online purchases came from smartphone users. On Black Friday, with 6.2 billion in online revenue, 40% of sales came via a mobile device. During Cyber Monday (7.9 billion), 54% of visitors and 30% of purchases came from mobile devices.

80% of shoppers used a mobile phone inside of a physical store to either look up product reviews or compare prices.

According to BigCommerce, mobile ecommerce sales are expected to account for 54% of total ecommerce sales by 2021.

According to Google from 2018 data, if people have a negative experience on mobile, they’re 62% less likely to purchase from your store in the future. And based on 2017 data, a one second delay in mobile load times can lower  mobile conversions by up to 20%.

Below are some of the best practices I already talked about which are specifically for mobile:

  • Consolidate your mobile header (see #1 and #16)
  • Test a link bar (see #2)
  • Add a sticky CTA bar (see #7)
  • Make your menu items big enough (see #8)
  • Simplify your menu (see #9)
  • Make the burger menu easy to close (see #15)
  • Avoid full-page popups that interrupt the shopping experience (see #26)
  • Choose readable font sizes (see #31)
  • Add zooming capability to product galleries (see #49)
  • Add a sticky Add to Cart bar or button in the Product page (see #68)
  • Simplify breadcrumbs (see #101)
  • Show the appropriate keyboard based on the field type (see #117)

And this Shopify article is a good starting point to think about your mobile or mobile-responsive site

Leave a Reply