{"id":19884,"date":"2014-04-24T23:01:27","date_gmt":"2014-04-24T15:01:27","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=19884"},"modified":"2022-07-15T17:41:15","modified_gmt":"2022-07-15T09:41:15","slug":"m-commerce-tips","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/m-commerce-tips\/","title":{"rendered":"M-Commerce Tips For Designing A Better Shopping Experience"},"content":{"rendered":"

With annual retail sales via mobiles and tablets expected to hit $707 billion by 2018<\/a>, more and more consumers are now looking for a visually engaging online shopping experience<\/strong>.<\/p>\n

Going mobile, however, has its own set of challenges. Whether it\u2019s designing for varying screen sizes<\/strong> or offering a touch-friendly interface to consumers<\/strong>, mobile poses too many challenges to retailers. Designing and developing a flawless m-commerce experience requires you to think in terms of turning these limitations into opportunities.<\/p>\n

Are you creating a mobile shopping site or app? Here\u2019s a set of best practices that you should adopt when creating an m-commerce website or app that enhances the end customer\u2019s mobile shopping experience<\/strong>:<\/p>\n

1. Think Mobile-First<\/h2>\n

Most consumers merely scan through the design and visual elements on the homepage to get an idea of what the site offers. It is important to keep the mobile user in mind, when designing, instead of trying to fit all the information on your desktop site into your mobile site.<\/p>\n

\"jimmy<\/figure>\n

Jimmy Choo, a luxury shoes and bags brand, makes it easy for their consumers to scan through the homepage by employing a simple layout that displays one central image followed by a list of categories below it<\/strong>.<\/p>\n

Although they have included a slider for the images, this layout helps the consumer to gauge the kind of products that they can expect to find<\/strong> on the website.<\/p>\n

Automatic carousels are outdated<\/h3>\n

A crowded mobile homepage with too many visual elements, such as automatic carousels, will only confuse your consumers further. One of the key rules of interface design is that the consumer needs to be in control<\/strong>. Carousels go against this rule by moving too quickly with small navigation icons, if any.<\/p>\n

A study by Notre Dame University found that when it comes to carousels, the first slide bags 84% of all clicks.<\/p>\n

\"gap<\/figure>\n
\"gap<\/figure>\n
\"gap<\/figure>\n

This is the case with GAP mobile website, where more than half of the first visible part of the homepage displays a slider<\/strong> that rotates between five different offers. Most consumers find this very frustrating as there are high chances that they might click on a promotional image only to be taken to a different one<\/strong>.<\/p>\n

Therefore, it is always advisable to use one<\/em> static image<\/strong>. This helps the consumer to stay focused on the action plan. If you must opt for an image slider, go for one that does not move automatically.<\/p>\n

\"anthropologie<\/figure>\n

Anthropologie, a multi-channel lifestyle brand, for example, employs a simple layout with one prominent image at the centre<\/strong>. They have taken special care to note that the image included ideally lets consumers know what to expect on the website<\/strong>. In this case, it revolves around luxury clothing, shoes and accessories.<\/p>\n

\n\t\t\t\t\tFree jQuery Image Galleries & Sliders \u2013 Best Of<\/span><\/a>\n
\n\t\t\t\t\t\t\t