User experience lessons you can learn from e-commerce giants

But even the most successful e-commerce companies don’t rest on their laurels. They constantly improve their platforms to stay one step ahead of the competition and ensure their own survival. These sellers squeeze every last bit of efficiency from their websites, improving their user experience (UX) to increase conversions and boost their profit margins.

So, whether you want to make or save money, improving your UX is a pretty safe investment.

E-commerce giants like Amazon and eBay have put in the hard miles testing and experimenting to find out how people prefer to use websites. By learning from what they do — and following well-established UX best practice — you can cut out the trial and error and make your investment in UX go even further.

Here are some of the most common problem areas and how to improve them.

Make content easy to find

Content is only useful if people can find it. Visitors shouldn’t have to waste time hunting for the content they need on your site. The chances are they won’t anyway — they’ll leave. So, you need to make it as easy as possible for users to find as soon as they land on your site.

Users don’t always arrive at your home page. They may land on another page from a Google search, by following a link from one of your marketing campaigns, or from another site. Despite your great SEO work or finely-tuned marketing messaging, some users might not find exactly what they are looking for. So, you also need to make sure they can navigate to the content they are looking for from anywhere on your site.

There are two main ways that users find content — through navigation and by searching.


Navigation encompasses all the ways users can move between web pages. It can include menus, buttons, inline links in text, and increasingly, . It’s what makes the web so powerful.

If you want these users to stay on your site rather than push up your bounce rate, it’s essential that they can easily get to the content they need from whatever page they land on. That’s where well-designed global navigation — the navigation that appears on every page on your website — is invaluable.

Sony’s huge product offering spans everything from smartphones to computer games. The drop-down menu reflects a well-designed information architecture. The hierarchy makes it easy for customers to find what they need from the company’s vast catalogue. PlayStation is the company’s most popular product line — giving it a separate menu lets users find it quickly.

Global navigation should be:

Don’t forget to test your navigation with real users. There are some great tools online for doing this. We use to test a site’s information architecture and menu structure. It allows you to create a simplified version of your menu free of any visual distractions. You can then give users tasks to complete — usually finding a item of content in the menu — and Treejack records the results.


Prioritise relevant content

Set up your search engine to make sure the most useful content is always returned for common queries. Look through your site’s search logs or use the report in Google Analytics to find the content that users search for most often. Check if your search engine allows you to score or weight certain items to make sure they appear above less relevant content.

Make the search box easy to find

Put the search box in the top centre or top right corner of the page — that’s . Make sure it’s obviously a search box. It’s okay to use a magnifying glass icon to call attention to it, but don’t hide the text field behind the icon.

The search box on John Lewis’s in the middle of the header — right where users expect to find it. The magnifying glass icon draws attention to the search box without obscuring it. And, the default value in the search box hints as to how users should formulate their query.

Cut down on the amount of typing users have to do

to complete search queries as users type. This helps with information scent — it lets users know they are on the right track. Plus, it saves mobile users from having to type queries out in full on small keyboards.

Apple provides quick links below the search box until a user enters text, at which point the list of quick links becomes a list of suggested searches based on what they are typing.

Give users the chance to refine their query before they search

Provide auto-suggest functionality to display possible results as users type. This removes friction from the search process because users have the chance to refine their query before they search. Consider redirecting clear and unambiguous searches — such as “courses” — straight to a category page, as in the CostCo example in .

Wiggle sells a vast product range aimed at all kinds of endurance athletes from swimmers to cyclists. The search on the company’s website auto-suggests categories and products as a user types. This allows users to reformulate their query in real time and increases the chance they will find what they are looking for the first time.

Don’t erase users’ search terms when they submit their query

The Amazon website saves a user’s last search term — even after they click through to one of the products returned in the search results. The search term is only erased once the user clicks on something outside of the search results.

Of course, not all users will use the search bar on your site to look for content. Many will find your content using Google or another search engine. Make the most of metadata to provide as much information as possible on search engine results pages. This provides strong and gives busy users the information they are looking for without them having to click through to your site.

Make it easy to scan

Users scan the content areas of web pages in a roughly F-shaped pattern.

. This means that users will pay closer attention to the first lines of text on a page than the subsequent lines. It also means that the first few words of each line are more likely to be read than the words that follow. You can take advantage of this by front-loading important information, chunking content, and making sure it is easy to read.

Front-load important information

Front-loading simply means putting the most important information at the beginning of a page, paragraph, or title. Journalists have used this technique since the early days of newspapers. It helps people understand what a piece of content is about without having to read all the way to the end and can help to catch their eye when scanning a page. Front-loading titles also helps with SEO as .

This product page on the North Face website uses front-loading and chunking to highlight the benefits of this down vest. The use of icons enhances the chunking as it draws the visitor’s eye to the most important content.

Break content into chunks

You can help people to scan your page by “chunking” your content. Chunking involves breaking content into chunks of related information that are separated by whitespace. Presenting information in this way makes it easier for people to pick out what they are looking for, , and is far less daunting than a dense wall of text.

This product page from the Sonos website uses bullet points to break up content — making it easy for users to quickly scan the benefits of the product.

Some of the easiest ways to chunk your content include:

  • Using short sentences
  • Limiting each paragraph to one idea
  • Breaking up the page using headings and subheadings
  • Using bullet lists rather than paragraphs

E-commerce websites often use front-loading and chunking together to highlight information that companies think customers will find appealing.

Make it easy to read

So, if you really want to get through to your visitors, it’s crucial that you increase the readability of your content.

You can make your content easier to read by:

  • Using simple language — don’t use a difficult word when a more common one will do
  • Keeping your sentences short — no longer than 14 words

As more and more of us are using our mobile devices to get online, these techniques are even more important. Studies have shown that . It’s important to bear in mind that in these studies the participants were obliged to read the content from beginning to end. Your users are under no such obligation. If the costs of reading your content — time and effort — outweigh the benefits, they will give up.

Remember, your goal isn’t to encourage your visitor to read all the content on the page — it’s to make sure they leave with what they came for in the first place.

Make it accessible

Accessibility is one area in which . Most of us are well aware of the need to provide for people with visual impairments when building websites. After all, the web is a very visual medium. However, there are other disabilities — auditory, physical, and cognitive — that can affect how people use websites.

The bold design and typography of Nike’s website make it mostly accessible. However, there are still areas of low contrast — such as the greyed out options in the size chart — that would pose problems for people with visual impairments.

People visiting your website might have:

  • Visual impairments such as sight loss, colour blindness, or sensitivity to bright light
  • Deafness or other hearing problems, like tinnitus
  • Physical disabilities and mobility problems — either permanent or temporary, such as a broken arm
  • Cognitive disabilities, such as autism or dyslexia
  • Speech disorders, such as stuttering or muteness

These can affect the way people use your website in lots of different ways — many of which you might not have considered. A visitor with hearing problems will either struggle or be unable to hear the audio on any videos on your website. A user with arthritis in their hands might be unable to use a mouse. Somebody with a cognitive disability, such as dyslexia, might need longer to complete forms.

Here are a few basic things to check:

These steps don’t only improve the user experience for visitors with disabilities. All of us rely upon the accessibility techniques as some point. You might be in a hurry or distracted and struggle to comprehend content with a high reading age. Or, you might be on a crowded train and unable to play the audio on a video out loud. Don’t risk ruining a user’s experience — and losing a conversion — because you didn’t make a few simple improvements.

Make it responsive

On top of this, Google has changed its algorithm and now . Where in the past your desktop site determined how well both your desktop and mobile sites ranked, your mobile site is now the determining factor. In short, if your mobile experience is poor, your SEO could suffer.

It’s clear that a good user experience means providing a consistent experience for desktop and mobile visitors.

The simplest and easiest way to address this is to make your website responsive. A responsive website is one that works on any screen — from a tiny smartphone up to a widescreen desktop display. It’s easier to keep a responsive site up-to-date because you only have one website to maintain rather than separate mobile and desktop sites.

Make it fast

This problem is only getting worse as more of us use mobile devices to access the web. Most people have 3G or 4G mobile data connections that are nowhere near as fast as the broadband we enjoy in our homes and offices. A page that loads in under 4 seconds over super-fast fibre broadband could take over 35 seconds to load over a slow 3G connection.

Thankfully, improving performance isn’t that complicated. It’s a case of considering the impact each change you make to your website will have on it’s speed. Some of the common causes of slow loading times include:

Some of these changes are easy to make. You can probably compress and reupload images yourself, for example. Others — like changing your hosting over to HTTP2 — are more technical and will require a developer. They are all important, though, and there’s little point in going after the kind of marginal gains you’ll get from things like lazy loading and infrastructure changes until you’ve got the basics right.


Good user experience design is all about making it easy for users to get what they need from your site. Don’t make people work to find content. Fine tune your navigation and search and ensure your user journeys work regardless of where people land on your site. While you’re at it, make sure your content is easy to read.

Allow people to access your website on their preferred device. Many people —  — rely on smartphones to access the internet. If your website isn’t mobile-friendly you are excluding a large section of your audience.

And, don’t give up. Test your site regularly to make sure users can complete top tasks quickly and easily. Fix any problems that arise and test again. Never rest on your laurels.

User experience lessons you can learn from e-commerce giants

Be the first to comment

Leave a Reply

Your email address will not be published.