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.

Popular Posts

Read Next

Exciting New Tools for Designers, November 2023

We’ve got a mix of handy image helpers, useful design assets, and clever productivity tools, amongst other treats. Some…

The Dangers of Doomscrolling for Designers and How to Break Free

As a creative professional, navigating the digital realm is second nature to you. It’s normal to follow an endless…

From Image Adjustments to AI: Photoshop Through the Years

Remember when Merriam-Webster added Photoshop to the dictionary back in 2008? Want to learn how AI is changing design…

3 Essential Design Trends, November 2023

In the season of giving thanks, we often think of comfort and tradition. These are common themes with each of our three…

30 Obsolete Technologies that will Perplex Post-2000s Kids

Remember the screech of dial-up internet? Hold fond memories of arcade machines? In this list, we’re condensing down 30…

15 Best New Fonts, October 2023

We’re entering the final quarter of 2023, and even in the pre-holiday lull, there are still plenty of fonts to get…

Progressive Web Apps (PWAs): Unlocking The Future of Mobile-First Web Development

There are over 5.4 billion mobile users today, meaning that over 68% of the population tap into an online business via…

The 12 Most Controversial Ad Campaigns of the 21st Century

How far would an organization be willing to go for the chance to generate a little extra buzz? In this list, we're…

20 Best New Websites, October 2023

The Bento trend is still going strong: In some cases, we see this extend to the layout, but many more are picking…

Exciting New Tools for Designers, October 2023

This month, we have a whole bag of goodies for designers, developers, and designevelopers alike. (Yes, we did just make…

The 10 Most Successful Rebrands of All Time - Ranked

We’re all familiar with rebrands going wrong, but what happens when they go right? From McDonald’s health kick to…

3 Essential Design Trends, October 2023

Every now and then, website design trends can leave you scratching your head. This month’s collection includes some of…