4 simple ways to perfect the UX of mobile ecommerce

Default avatar.
December 29, 2014
4 simple ways to perfect the UX of mobile ecommerce.
Shopping on a mobile device can be a nightmare. It’s possible however, to create a smooth and delightful shopping experience. Mobile devices are small and have little screen real estate so it’s important to embrace this limitation instead of fighting it. Oftentimes, apps clutter the small space with as many things as they think a user might need but it’s actually counterproductive. The best shopping experiences are ones that are light, where the product is shining through and the remaining information acts as supporting content rather than fighting for the user's attention. Below are a few tips for creating a great mobile shopping experience.

1. Declutter your interface

As with most other design instances, decluttering is the first step. Mobile shopping experiences are best when the focus is put on the products alone. Let the user browse through your inventory freely by getting rid of unnecessary junk like excess navigation, excess information, or excess promotions. Forever21’s app is a wonderful example of what not to do. Their app has a lot of navigation options like breadcrumbs or a sole back button in a horizontal tab. It’s a waste of space. Their navigation is a disaster too. It’s hard to use, as it focuses on “Lookbooks”, promotions and taking selfies instead of allowing the user to just shop. Clean it up! 1 Now take a look at One Kings Lane. When you first open the app you are greeted with big photos, and a feed full of products. Browsing is so easy and so simple because the interface is clutter free. One Kings Lane’s app allows the user to focus on the actual shopping through its inviting design; you just want to look at everything they have! 2

2. Provide quality photos

Mobile devices, especially phones, have tiny screens. Product photos should not be even tinier; the products need to be seen in detail. If photos are pixelated or small, it will annoy shoppers. Shopping on a mobile device is difficult enough as it is. Embrace the limitations by focusing on your products through big and beautiful photos. Fancy is a wonderful app for discovering cool products. In their mobile app they showcase the various products with a big full-width square image. It’s a great experience browsing through their app as you can clearly see an item being displayed. More importantly, the majority of the photos are high quality, and each item is presented well. The lighting, the composition and the overall quality of images is high enough that, as a user, it makes me want to keep browsing. 3 PINK Nation is a shopping app for PINK products like lingerie. They get one thing right: there are plenty of product photos. However, they are small. The browsing screen is divided into two columns and because a lot of the photos are of full body models instead of the item at hand – like a bra – it’s hard to see it. If you open he product page it’s still not that easy to see the details of the bra; you can tap the photo if you want to zoom in though. It’s simply not an ideal experience. 4

3. Don’t make me log in to shop!

For some reason, in order to browse and shop on mobile apps the user is often required to log in. It’s a very strange thing to do, as you don’t see this on desktop websites at all. Simply don’t do it. Allow the user into your app so they can browse first. It’s such an inconvenience to ask them to sign up for an account up front. Rue Lala and Wayfair, are just two apps that won’t let a user into their app before singing up or logging in first. It’s a bit easier to by pass this gate if you already have an account but it still makes no sense to ask for this. Let a user see what you’re selling first, then worry about them logging in, as it can still pose issues when people don’t recall their information. It’s a truly unnecessary roadblock as people who can see your products are significantly more likely to purchase something then ones who never get to see them because they never got into your app in the first place. If someone put in enough effort to download your app, let them actually use it. 5

4. A clear basket and an easy checkout

Once someone decides to buy something in your app, it’s important you let them check out with the utmost ease. Make sure that the process, from adding an item to the basket, to confirmation of their order, is a seamless, and mindless experience. It’s crucial not to annoy a user when they are trying to check out. At this point they have decided to buy your product so let them do exactly that by eliminating obstacles and focusing on ease of use instead. Gilt is another app that doesn’t fully understand what it means to provide an easy experience for the user. When you choose to add something to your basket you are asked to log into an account — or sign up for one. The item isn’t added to the basket, not until you are logged in. It makes absolutely zero sense. It doesn’t stop there, either; when you tap on the basket icon you are again prompted to log in. Don’t make things harder or confusing for the user. At least wait until the user decides to check out to ask for this information. 6 River Island makes the checkout process delightful. The overall design of their app is fantastic, and it shows in their checkout process. The basket provides a clear UI that shows you exactly what you are buying. The layout presents itself really well with the total price at the top, and the prominent checkout button at the bottom. The individual items are well displayed too; you know how much everything is, what everything is – thanks to the thumbnails, and their size and quantity as well. It’s all clearly displayed for you. 7

Conclusion

Improving the mobile shopping experience is possible. The best thing you can do for your app is to declutter it and to focus on your products. After all, a user is using your app to browse through your goodies as it is. Make sure you provide a simple, easy, and seamless experience for them. The easier it is for a user to buy a product the likelier they are to buy it, no?

Paula Borowska

Paula is a freelance web designer who documents her travels with photos and words. She works with small companies to help them create products that change the lives for their customers all in the hopes of gaining more customers and retaining their current ones longer.

Read Next

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…

6 Best AI Productivity Apps in 2024

There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…

3 Essential Design Trends, February 2024

From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to…

Surviving the Leap from College to Real-World Design

So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…

15 Best New Fonts, February 2024

Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative…

The 10 Best WordPress Quiz Plugins in 2024

Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great…

20 Best New Websites, February 2024

It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.

Everything You Need to Know About Image Formats In 2024

Always trying to walk the tightrope between image quality and file size? Looking to branch out from JPGs and PNGs this…