Usability – a term that we hear almost everywhere we go on the web and for good reason. Good usability can mean the difference between one site’s success and the downfall of another.
Usability is especially important in the case of e-commerce websites. While most usability principles of regular websites still apply for e-commerce sites as well, the different specific pages such as shopping carts, shipping methods, shipping and billing addresses, order reviews, payment options, etc. all add another layer of complexity to creating usable online shops.
Usability is a prerequisite for an online store to achieve its full potential. If people cannot shop, or are unwilling to go through a seemingly unsecured and long order process then the site is useless. It doesn’t matter how inexpensive the products are if visitors can’t find them or if they get stuck on a step in the ordering process.
After deciding what to purchase, the buyer’s next goal is to complete the buying as quickly as possible, and the website’s job is to hasten and streamline this process as effectively as possible.
Let’s take a look at some of the best usability practices that a few of the most popular online stores exercise.
First we will study practices that apply to e-commerce site usability and then we take a look at usability tricks for e-commerce specific elements such as shopping carts and online ordering.
Online store site usability practices
Using email addresses instead of usernames
Usually people have much fewer e-mail accounts than random usernames and they tend to remember them more easily. Also, we know that emails are always unique so they make a perfect candidate to replace usernames.
Buy.com uses this practice among many other e-commerce giants.
Using breadcrumbs to ease navigation
Navigating an online store and knowing at all times where you are as not to order something by mistake or lose your selections, can be tricky. Breadcrumbs are a great method to let the customer know at all times where he is on the site.
Amazon.com is the leading e-commerce site and a trendsetter in usability practices. They make great use of breadcrumbs.
Visible contact information
Posting contact information in visible places can go a long way in establishing credibility and providing a pleasant shopping experience. Customers will have problems and questions during the buying process and being there for them is a huge usability plus.
The designers at JCPenney have taken full advantage of this usability approach.
Visible search field
Customers need to find what they are looking for, and this is why many online stores try to keep the search field visible at all times. Also it doesn’t hurt to have a search that can be refined.
GAP does a great job with their search function.
Show recommended and related products
The goal of usability in e-commerce is to keep the shopping experience as pleasant and easy as possible.
By showing recommended and related products online stores can significantly increase the user experience and more importantly sales.
We can see American Eagle Outfitters use this strategy to great effect.
Calls to action
An e-commerce site without sales is not going anywhere. Promotions, deals, and campaigns all help boost sales and what better way for them to draw customer attention than calls to action.
Calls to action don’t come much clearer than at JCPenney’s.
Online shopping is still perceived as being unsafe. Online store owners are doing anything they can to demonstrate the security of their platform as best they can. Displaying security logos, badges is a great way of earning the customers’ trust.
Best Buy clearly presents these badges in the footer.
Usability practices for shopping carts and ordering processes
Breaking up the order process
The order process can be a complicated step in buying online. Breaking up the process into smaller bites is a technique often used.
Customers need to be able to feel secure when ordering. To dispel the fear of the customer to maybe order something they do not want too, many online stores make sure to show the customer where he is in the process.
We can witness it best at Amazon.com.
Use copy in the order process that increases credibility
The order process is where most potential customers abandon the purchase. Online stores go to great lengths to ensure this happens as rarely as possible. One great technique is to use copy in the process that increases credibility and answers potential customer fears.
Tesco does this brilliantly.
Visible cart and content
Another widely used usability practice is to have the cart and its contents visible at all times. This allows customers to be constantly in control of their purchases.
Buy.com does a great job at this.
Show every fee in the shopping cart
Hidden fees constitute one of the main reason customers have a bad online shopping experience. Having a transparent shopping cart is usability must.
Dell.com makes sure to do this.
It is very important to have a confirmation page where customers can review their order before finalizing the purchase. Online shoppers have become accustomed to this usability feature so shops omitting this step in the order process are making a huge usability mistake.
Again, Amazon.com is a prime example.
Usability is crucial for e-commerce sites and since a happy customer will most likely return, making the experience as good as possible must be one of the main objectives for online stores. Finally, you will want to keep in mind that the current trend in application development requires graphic designers to be knowledgeable about secure code and protecting websites against the techniques used by hackers. Organizations, whose sites provide access to confidential information, are asked to complete audits, such as a SOC audit. These audits promote compliance with information security and control standards.
Also, we must keep in mind that while adhering to usability guidelines and best practices is a must, every store is unique in their way. That is why constant usability testing and collecting customer feedback must be an ongoing activity for any e-commerce website.
Author: George Fekete
George is the founder of Primal Skill web development company. He has 8 years of experience in web design & development. Avid guest blogger and currently owns Server-Side Magazine, hosting articles strictly written in server-side programming languages such as PHP, Python, ASP.NET and Java.