The Last of us



UX tips for mobile e-commerce

Mobile usability guidelines along with design patterns and UX (User Experience) aspects play a big role in making an e-commerce site successful. If you take a close look at the mobile e-commerce sites, you will find the lack of core mobile UX components. That is probably why most of the average mobile e-commerce sites record almost half the conversion rate of desktop sites. However, the reputed mobile e-commerce sites have adopted advanced e-commerce UX components that have made their way of doing business easy. Here, we will talk about a few important mobile e-commerce UX components and their practices.

Image Zoom Gesture

Even at this age when e-commerce business is rapidly thriving across the world, more than 40% of mobile e-commerce sites still do not allow the user to enjoy a zoomed image of their products. In addition, nearly 12% of mobile e-commerce sites even do not support swipe gesture.

However, more than 50% of e-commerce sites come with image zoom gesture that allows users to enjoy the overall visual appearance of their products. The facility allows a user to inspect the material and the texture of the products and judge the quality.

Don’t Place ‘Guest Checkout’ at the Top

Many mobile e-commerce sites place the ‘Guest Checkout’ option at the top that invites a high risk of overlooking. Since mobile phones come with a smaller screen compared to desktop, users tend to focus only on the options. Thus, mobile e-commerce sites should combine all 3 key options (Guest, Create Account and Sign-In) within an overview. More than 50% reputed e-commerce sites have simply offered their content with 3 clickable headers instead of 3 separate headers. To learn more about the trend, visit

Auto-Rotating Homepage Carousels

Despite knowing the fact that that auto-rotating carousels are creating problems on touch devices, many mobile e-commerce sites still keep the option on. With auto-rotating carousels, subjects always open the wrong slides or face a disturbance, when trying to focus on a specific slide. However, a well-performing pattern can display the slides in a simple way directly on the homepage.

Keep Auto-correct Option Disabled during Checkout

The auto-correction option creates numerous interruptions when users type in the form fields. This option also resulted in a random input of erroneous data and the most unfortunate fact is that most of the mobile sites ignore the auto-correct option during the checkout process. Users can easily disable the option in the form-field by selecting the autocorrect “off” option.

Prioritizing the Option of ‘Current Navigated’ Category

According to the reports, more than 50% of online shopping lovers prefer to search products within their currently navigated category path. However, it has been witnessed that many mobile e-commerce sites do not support this behavior and prefer a site-wide search query.

Instead of ignoring this, mobile e-commerce sites encourage users to go with the currently navigated path via the search auto-complete. In addition, a separate search field and a search scope can make the process smoother.

These are some of the best design patterns and UX aspects that can improve any mobile e-commerce site. All the above-mentioned design patterns have been tested and adopted by leading e-commerce sites.


AlvoMedia Contact

Contact Now!