Tag Archives: Dezine geek website development

5 Great Tips for Tuning a Mobile E-Commerce Site


It has been estimated in the last holiday season alone that mobile e-commerce traffic is accountable for more than 50% of the traffic generated in the online realm. Besides traffic, more than 25% of the online conversions or purchases have also been made through various mobile devices.

With experts in mobile strategy hinting that there are more mobile devices than all the people in this World, the competition is tough- too tough for mobile commerce or M-commerce to be ignored in 2014.

So if you own an online Store, it’s high time for you to go mobile and enhance your reach to the millions of potential customers wanting to explore your catalog through their fingertips. What’s even more important than crafting a mobile ecommerce store, is tweaking it to become a magnet for mobile explorers with an interface that promises a swift buy out process.

Here are 5 things to keep in mind while tuning your mobile ecommerce site for greater performance, UX and traffic.

1. It Isn’t Just Your Desktop Website On A Small Screen


Your desktop website could have some great design works and features and it’s tempting to have them scaled and adapted into small screens, but that’s not what you should be doing. Instead, try leveraging your design and features and show only what’s necessary and appealing to a mobile user. Always remember that a mobile website or app isn’t just a compatible view of your website on small screens-So don’t try retrofitting your desktop ecommerce website. Plus, this is called “Satisficing” and can affect your smartphone experience.

A mobile first strategy in designing a mobile ecommerce website, requires you to redesign from smartphone up. Here you need to ensure that besides showcasing your catalog, you have minimum viable content, functionality and that your pages load faster. Also keep in mind that a mobile first approach isn’t just hand coding for a smartphone only. You can keep the tablet experience as your starting point and then scale your design requirement accordingly.

2. Make Simpler & Smarter Forms


Whether it’s a single field email entry system or a complex setup of user registration and checkout, most of the websites or mobile apps these days make form submissions as their main conversion goals. Hence, best practises for a mobile ecommerce website in tweaking forms are to keep them simple and as less sophisticated as possible.

Try inhibiting fluff entries from the forms you use for your mobile website. Also, place labels before each field, avoid in-line labels and disable the feature of first letter capitalization from email and password fields to enhance the experience of users while they are providing touch input.

3. Prevent Mobile SEO Hiccups


In an official note Google states that “Faulty Redirects” and “Smartphone-only error” are the two commonly occurring mobile SEO hiccups that developers can easily fix. What faulty redirects do is that they detect wrong user agent and they send your mobile visitors to another URL (wrong URL), which is often the home page.

On the other hand, Smartphone-only errors occur when Googlebot Mobile is botched which creates an infinite loop of redirects between your desktop website and the mobile website. It can also result in serving a 404-page error at a smartphone friendly URL.

4. Display Content In The Context


As mentioned above, you don’t need to copy your desktop website for your mobile website. The fact is if you know the context of your user’s mobile, it’ll be a lot easier for you to design your website, find out what images can you keep in the navigation, what products to feature and understand what needs to be where.

Aligning context with your content can also help you to find out which site tools you can use in accordance with your web needs, such as displaying physical store finders etc. You can also provide your mobile web visitors with an app like experience by taking advantage of the gadgets rich media such as camera, geo-location, push alerts and other features by using HTML5.

5. Be Fast


Loading speed is a very critical point on mobile. Users are on the go and if your services are slow they are unlikely to stay. This is why it is always an advantage in using a mobile specific design which has light load than a responsive design to serve users.

You can resize, compress and optimize you images for small screens in a mobile specific design. You can also reduce fluff, scripts and redirect- OR further use a CDN service to speed things up even more.

If you want Dezine Geek to implement the above mentioned tasks in your mobile site or if you want to discuss a mobile app development.