“What are some unwritten UI/UX rules for an e-commerce website?”

“What are some unwritten UI/UX rules for an e-commerce website?”

We have recently joined Quora. So if you have any question about UI/UX or about graphic design in general, that you’d like us to answer for you, you may drop me a question here.

But that’s not why I started writing this post, in the first place. Joining Quora has made us discover some interesting questions that people have about UI/UX. Certain things that we had probably never thought about explaining turned out to be a big question for many. So, we have now decided to take some of these questions, and elaborate the solution here in a better way.

One such question that I found intriguing was

“What are some unwritten UI/UX rules for an e-commerce website?”

Guess what my first step towards the answer was? I simply set aside all the knowledge gained as a designer, and asked myself, “What annoys me when I shop online?”

It took maybe 2–4 minutes, but I found a lot things like

  • Hurdles in finding the product I want
  • Cluttered interface that makes it difficult to focus
  • Lack of appropriate filters
  • Lack of enough or good quality product images
  • Not enough product details
  • No reviews to judge the product
  • Hard to find buttons (especially for cart and wishlist)
  • Uninvited deals and offers hitting on my face

See, there are so many already! I’m sure there might be few more if we joined in heads.

I jotted these down. Next, I called the designer back in me, and set down to write the basic do’s and don’ts of designing an e-commerce website:

#1| Easily accessible products


Easy access to products is a relief for customers

The protagonist of an e-commerce website is its product(s). So, obviously, you’d want to showcase them really well. Allow us to help you here.

Points to remember:

1. Focus on the products.

You would not want to keep your audience hunting for what they seek while you put unwanted content and ads before them, right?

2. Keep the interface clutter-free.

There should be enough breathing space between elements so that users don’t get anxious while trying to walk through the products and other related content.

Moreover, on a mobile interface, lack of space between elements might result in unwanted taps and subsequently in quitting the app.