online stores need a mobile version

Does your e-commerce site give visitors the power to shop on the go? Now days, online shoppers aren’t just shopping from desktops, the mobile movement is changing consumer behavior around the world! According to comScore, 55% of time spent with online retail in June 2013 occurred on a mobile device.

100% of online stores will need a mobile and tablet version in 2014. Why? E-business owners that haven’t optimized their sites are already losing sales today.

What does it mean to have a mobile friendly site?

It’s essentially a version of your site that loads quickly and is easy to navigate on a mobile phone or tablet device. Consumers are impatient so they won’t wait if your site takes too long to load or if it’s too complicated to browse.

Your online shop should adapt to whatever device visitors are browsing on but that’s not all! You need to take into account the small screens and how you can effectively convert visitors into purchasing customers.

The design of your mobile optimized online store

To overcome the challenges that a mobile site design poses, there are several factors to consider to make your online shop user-friendly and capable of converting visitors.

Swift Navigation
The navigation on the mobile version of your site should be optimized for touchscreen interfaces. That means your buttons should be bigger with more spaces in between links. It’s almost impossible to click on a tiny link with your finger without having to zoom in.

To optimize navigation, stick to one way scrolling to eliminate the visitor’s frustration of having to scroll in multiple directions just to find what they are looking for. You’ll also want to avoid pop-ups and new windows since it can interfere with the shopping experience.

Waterman Mobile Version

Waterman Desktop Version

Simplify Content
For the most part, your mobile site should be lighter in content than your standard site. You want to prioritize what’s most important on the site and try to remove ads if possible. Limit your menu options, links, text and images so that you’re mobile site isn’t cluttered and overwhelming.

Remember, you’re not working with a lot of space and you don’t want your site to have endless scrolling or make visitors go through more than 2 steps to get to what they’re looking for. Keep it basic.

Optimize the Checkout Process
Abandoned carts are a huge issue for e-commerce sites on desktops so imagine what that means for mobile devices. One of the biggest contributions to abandoned carts is a difficult checkout process with too many steps. Your mobile site should make it super simple and fast for purchasers to check out.

This article on Best Practices for Mobile Site Checkout will give you a full run-down of what you should consider when designing or improving your mobile site.

Additional Resources – This site lets you type in a URL and view a mobile site from different mobile devices. You should test your mobile site in and out to make sure the navigation is smooth.

Mobile First by Luke Wroblewski – This e-book will make you a master of mobile! Here’s an excerpt of Chapter 4 on Organizing Mobile.

Why Your Ecommerce Website Must be Mobile-Friendly to Thrive – in case you still need some convincing, this article brings up valid points!

E-commerce Trends – take a look at our recent blog post on the top e-commerce trend predictions for 2014!

Create your mobile store right now and benefit from a free demo from Shopgate !

Haven’t tasted the PrestaShop experience yet? Download PrestaShop today to build and manage your online store with endless opportunities to make your site optimized for mobile and tablet devices!

Receive articles like this in your inbox!

Subscribe to get the latest ecommerce news and tips sent directly to your email. Subscribe

ShareTweet about this on TwitterShare on Facebook0Share on LinkedIn7Share on Google+13

See the 3 Comments

Comments (3)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>