Designing Product Description Pages That Sell

Product recommendation is one of the ways of showing how usability practices can increase online sales. Making your users’ life easier will improve the whole shopping experience and will make buying fun!

"Design your product description page including related products…"

Make shopping easy and people will buy more. Design your product description page including related products that customers might like to buy.

Abercrombie & Fitch Product Description Page

 

A good design example is the Abercrombie & Fitch website, is you are looking for shorts it will show you a shirt and shoes to combine them with on the "Complete The Look" section.

Making this kind of integration takes time as it requires to internally link products, but all this effort could be extremely rewarding. Read other Design vs Art articles about Compulsive Shopping and Product Recommendations.

Action Buttons Made Visible

Placing action buttons in the right position is something that could improve usability and the whole user experience at your site. Action buttons are used when user input is required. For example a "vote" or "add to cart" button (see more on action buttons).

"Placing a checkout button on a visible location is very important and will prevent users from flying away…"

The checkout button is an action one, it’s used at online shop websites to start the checkout process that finishes a purchase. Placing a checkout button on a visible location is very important and will prevent users from flying away from the website just before buying the products. Once again, this is a clear example of how usability can have an important impact on sales.

Best Buy, the online retailer for electronics, places the checkout button in a position that could be out of the sight of the user if she has a small screen or if the screen resolution is too big. In this example, the user has to scroll down to see the checkout button (below the red line).

Best Buy Checkout Button

 

Amazon has a smart design, they place the Proceed to Checkout button not only at the bottom of the page but also in a very top position. This way, there is no chance not to see the checkout button.

 

Amazon Checkout Button

 

 

Search Results Page Design

Searching for products in your website, users could make many mistakes. Your website search engine should not only accept exact matches but also misspelled words.

Petsmart.com, the online pet shop, propose other search terms when the one entered by the user does not match any on the database. Searching for “dogga” will propose the search term “doggy”.

Amazon Search 20071231

Improving usability and sales, Amazon.com has a much better design of its search result page. At Amazon, searching for “shinning” will not only propose the exact term “shining” but it will also show related products.

Amazon Search 200712311

This approach makes users’ life easier and could bring the products you want to sell closer to your clients.