
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)

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

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

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

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

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


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
-
- 5 Strategic Ecommerce Trends Retailers Cannot Ignore in 2019, https://www.eradium.com/5-ecommerce-trends-retailers-cannot-ignore-2019/
- What are typical average add-to-cart conversion rates? https://www.smartinsights.com/ecommerce/ecommerce-analytics/typical-average-add-cart-conversion-rates/