Mobile Shopping Experience is the Priority for Online Retailers In 2019

Mobile Shopping Experience is Your First Priority In 2019

Mobile Shopping Experience is the Priority for Online Retailers In 2019

Mobile Shopping Experience is the priority for online retailers in 2019.  Find out why, and see 5 simple User Interface hacks to improve Mobile Shopping Experience and eCommerce conversion.

In our recent blog 5 Strategic Ecommerce Trends Retailers Cannot Ignore in 2019 we named the changes in mobile ecommerce experience as one of the core trends. (1)

Sometimes the smallest things make the most significant difference. Many retailers are missing sales opportunities because they don’t optimize online stores for mobile screens sufficiently. The add-to-cart conversion rates on mobile devices are on average 9% vs. 12% on desktops. (2)  So if you implemented simple mobile updates, you might improve the conversion rate and make it closer to the average 12% desktop rate. Give that mobile shopping is on the rise; working on improving the click conversion might really help your bottom line.

Add to cart statistic (2)

conversion rate by-device

It is even more critical now when users who shop from mobile devices represent the majority.

Here are 5 Simple UI Hacks that delivers better mobile shopping experience and improves the add-to-cart conversion rate

1. Use contrast colors as visual cues

Why it works

Using bold colors is a great way to stand out and also bring attention to key areas of your site. It is especially relevant if you are trying to appeal to the younger, less conservative crowd.
Having a higher contrast for key elements on mobile screens improves the user experience of your online store.

Tips

Use colors that compliment your brand colors on the color scheme. Your designer can help you choose the best options.

Off-white example

Off-white-store-screen-eradium-5-ui-hacks-blog

2. Sticky Add To Basket Button

Add to cart button always stays towards the bottom of the mobile screen even when you scroll down.

Why it works

The product pages often have a lot of information so users will scroll through the page and having the ‘add to basket” button is a compelling reminder inviting the shoppers to add the item to the cart.

Tips

You can experiment with the words Basket or Cart to see which one converts more.

Sephora example

sephore-store-screen-eradium-5-ui-hacks-blog

3. Sticky Email Me the Survey button

Similar functionality to the add to cart button but instead using a survey or another call to action is a great way to get shoppers attention.

Why it works

If you want to ask for customers opinion on certain new features or just a seasonal survey adding it as a sticky button is a great way to catch customers attention on mobile.

Tip

Make sure the window can be dismissed easily and will not return for repeat visitors.

Nordstrom

nordstrom-store-screen-eradium-5-ui-hacks-blog

4. Placing the Shipping Note Near the Add to Cart button

Putting the shipping information near the “Add to Cart” button reminds shoppers about Free shipping and may help with buying decision.

Why it works

Given potential customers that extra information near the add to cart button might give them that extra comfort and make them buy the product.

Tip

Make sure that the shipping note is clearly visible and potentially clickable to open to a small blocker window with additional shipping and return information as well as shipping time.

Chewy.com example

chewy store-screen-eradium-5-ui-hacks-blog

5. Buying Guide/Sizing Chart beside product selection options

Placing essential product information such as product guide or size chart will keep shoppers on the same page.

Why it works

The location of a product guide or a sizing chart must be near the add to cart button and very visible since it is a vital piece of information that any potential customer will need before making that final decision to buy.

Tips

Make sure the Guide is visible and opens up to a small blocker window that can easily be closed.

Jcpenney.com examples

jscpenny store screen eradium-5-ui-hacks-blog
jcpenney mattress-screen-eradium-5-ui-hacks-blog

Conclusion

When it comes to e-commerce design for mobile screens is no longer an afterthought of the desktop site design. Online retailers have no other choices but making a mobile purchase journey as smooth as possible to increase the conversion rate.

Remember the 3 main factors that may cause that shoppers do not convert to buyers:

  • Can not find essential product information easily
  • Have to click away from the product page for any reason
  • Free shipping message is not visible

Making mobile shopping experience as best as possible should be the priority on your action list in 2019!

References

    1. 5 Strategic Ecommerce Trends Retailers Cannot Ignore in 2019, https://www.eradium.com/5-ecommerce-trends-retailers-cannot-ignore-2019/
    2. What are typical average add-to-cart conversion rates? https://www.smartinsights.com/ecommerce/ecommerce-analytics/typical-average-add-cart-conversion-rates/
Anna Battrick
anna@eradium.com

Anna Battrick is Eradium’s Director of Ecommerce Services, has an extensive background in retail marketing and project management. With over 10 years of managing complex projects from inception to completion while always maintaining “it can be done” spirit. The world of retail is not only a professional interest but also a personal hobby which lets Anna see the other side of retail, from a shopper perspective. This helps create engaging marketing programs that speak personally to the shoppers interests and engage them in a conversation.