Discuss

support

The good, bad, and ugly e-commerce web design trends

By | Blog, ecommerce, Industry, Research, Web Design | No Comments

Web design trends are a double-edged sword. On one hand, using a trendy but well executed web design gives your visitors a new and better web experience. On the other hand, new designs simply add new features for the sake of having something new, instead of fixing old problems.

In the latest update to their E-Commerce UX report series, usability experts the Nielsen/Norman Group (NN/g) saw new web design improvements, but also spotted some bad design trends and even downright ugly concepts.

The Good – Larger Product Images

The jury’s still out on why larger product images are becoming more widespread across e-commerce sites, but whether it’s due to continually increasing screen resolutions and sizes, or visual designs that allow for more space, many sites are featuring large product images.

This of course, has allowed sites to show more product details, which is always a good thing for customers who naturally want to see more and as much of a product they like on a website. NN/g’s usability tests show that several users like to obtain additional details about a product from images, searching for things that may not have been included in the product description.

This also highlights the importance of using photos of the actual products in use or in context, instead of settling for stock images. NN/g’s tests found that based simply on product images, a user was able to tell if a toaster could fit bagels, while another was able to identify the feet on coasters that would protect wooden furniture.

image1 (2)

Coldwater Creek’s large product images give customers more details about their products.

The Ugly – Disorganized Customer Support

Many e-commerce designs exude minimalism, or a sense of space and openness, that is, until you go to the customer service section of the site. Unfortunately, many sites have failed to fix problems with their customer service/support sections, leaving them disorganized and hard to navigate through.

Common sense tells us that when a customer feels compelled to go to the customer support section of a site, it’s because of some problem or unanswered question. Naturally, a customer support page that fails to solve a customer’s problems only creates even more frustration.

You’re going to have problems when the areas of your site where you ask for payment are clean and easy to use, but the areas where customers can go to for help are a mess.

image2 (2)
Foot Locker’s customer service section, an unflattering wall of text.

When implementing design updates to your site, don’t forget to apply the similar changes to your customer service section. Keep things consistent with the rest of your site, and be sure that your FAQs are actually accurate and updated for questions that may accompany a redesigned website.

 The Bad – Shopping Carts

NN/g found that while several sites added small design quirks to their respective shopping cart systems, they still failed to provide enough feedback on whether a product has been added to the shopping car

It’s unfortunate that something so simple is so commonly ignored.

Don’t make your customers jump through hoops by scouring the page to see if they actually flagged an item for purchase or not. Neither do you want them to abandon the shopping process just to check if they added something to the cart. This kind of information needs to be immediately available and easy to find.

image3 (2)

And no, simply adding a short line of text beneath the “Add to cart” like Costco did on its site isn’t enough.

Showing shopping cart feedback on can be done in a variety of ways, whether through an overlay or modal, or an automatic redirect to the shopping cart (with a button to return to previous page). Nothing can spoil a shopping experience more than finding out you just bought multiples of the same product, or wasting 5 minutes navigating your way to the shopping cart.

To summarise, the do’s and don’ts of the current UX Trends:

Do’s:

  • Provide Larger, representative product images
  •  Create richer product information and show the product in its context

Don’ts:

  • Have inconsistent changes across your website. It’s important to update all sections, especially customer support and FAQs
  • Leave the customer hanging at the checkout. Provide solid feedback that an item has been added to their shopping cart, and make this easy to navigate.