Product Pages: UX Tips to Boost Conversions
Customer-Centricity | Industry Savvy

Product Pages: UX Tips to Boost Conversions

on / by John Davis

By now, more than 44% of the world’s population has shopped online at some point in their life. Ecommerce is more than firmly mainstream now and is showing no signs of slowing.

As the number of products offered online grows and the number of people shopping in front of a screen expands, the competition to get stuff sold online will intensify. That’s the issue with markets that grow too rapidly and have extremely low barriers to entry.

So how do you make your product page stand out from the nearly millions of others out there? Well, there are a few ways you can adjust your page’s UX elements and get visitors to buy. Here’s what you need to know:

Product Name – Make it Stand Out in Search

Conversion and User Focused UX Elements of Product Pages by Usabilla

Let’s start with the obvious and get it firmly out of the way. The product name is the most useful aspect of your product page and the customer will, of course, use it to see if what they’re looking at is what they need. But the product name needs to do more than simply inform the visitor.

Think of the product name as a short sentence that describes the product. So instead of a short name, try putting some unique details into the title itself. This means people who copy-paste the name onto Google and try to look for the same thing cheaper elsewhere (cheeky, I know) will see your product listing first.

Effective Product Headlines – Influence the Buying Decision

Conversion and User Focused UX Elements of Product Pages by Usabilla

People buy things because they make snap, emotional decisions or are rationally thinking about the purchase. There’s no way for you to know what sort of decision your visitors are going to make so you might as well appeal to both aspects. Your product headline needs to be both emotionally connective and rationally appealing.

Price – Get it Right to Attract Visitors

Conversion and User Focused UX Elements of Product Pages by Usabilla

Here’s where you get a chance to appeal to the rational buyer online. Take some time to get your product pricing strategy right, but also make an effort to place the price in the right spot on the page. As a rule of thumb, place the price front and center if you are confident your prices are undercutting competitors. Place great emphasis on product price, like displaying 2 prices – one provided by other vendors and second your own discounted price. If you aren’t competing solely on price, place the price at the end of a long list of all the amazing benefits and features of the product.

Product Photos – High resolution and Multi-angle

Conversion and User Focused UX Elements of Product Pages by Usabilla

The one element that probably takes up more space on a product page than any other is the main image. Product photos need to be high quality and capture a whole range of different angles. Make the images effective and attractive so it ‘sells’ the product. The more images and the better the quality, the more likely you are to clinch a deal. This is your opportunity to do two very important things – make a great impression and give information.

You can create excitement about the product regardless of what it is by getting a professional photographer to shoot amazing shots of the product. Flatter the image like it is the headliner at a music event. Putting the product in the spotlight is what helped Steve Jobs sell Apple products like hot cakes. Want to know what Apple did to make the product pop? Simply remove the background. You can do that too and make the product stand out on a white page.

Another reason you need a lot of pictures is to convey information. If you have certain plugs that fit a TV, it makes sense to take a photo of the back and post it online. If you sell garments, you need a picture of someone wearing it as well as a plain photo of the shirt by itself.

A great product photo gallery will let you form a connection with the emotional and rational sides of a user. Online shoppers can be sceptical, earn their trust by showing them as much of the product as possible.

Add to Cart – Make the CTA Stand Out

Conversion and User Focused UX Elements of Product Pages by Usabilla

One click and you have the customer’s intent to buy the product. This is why you need to make this element really easy to use. The button needs to be easy to spot and big enough to press, so use the squint test to see if the button is visible even when you are squinting your eyes. If it isn’t, enlarge the button and slap on a better color.

Delivery Options

Conversion and User Focused UX Elements of Product Pages by Usabilla

One of the biggest reasons people abandon what’s in their baskets is because they don’t have all the information about delivery. Tell your customers how much it will cost to deliver, what slots are available and whether you ship internationally. All these details should be displayed in delivery option to eliminate basket abandonment.

Customer reviews

Conversion and User Focused UX Elements of Product Pages by Usabilla

Again, online shopping is about trust and people tend to trust the opinion of others. Customer reviews are the online equivalent of word-of-mouth marketing. Every company that’s serious about selling protects its online reputation and encourages positive reviews by former customers. Make your review section accessible to potential buyers as it will likely encourage their purchasing decision. 

Product Specifications

Conversion and User Focused UX Elements of Product Pages by Usabilla

Display less important product blurbs at the end of the page, so users don’t get bored. Product specifications are important, but they are not the star of the show. They need to be included, but you can leave a link for them on another part of the page. Those who need information will go to the link anyway and this way you can avoid stuffing the page with technical jargon.

Decreasing Bounce Rate

Conversion and User Focused UX Elements of Product Pages by Usabilla

Minimize bounce rate with related items, most popular products, etc. Your visitors may not buy the first thing they see on your site, and that’s okay, as long as they don’t leave the site entirely and go somewhere else. Keep them engaged with the website for as long as possible by offering additional content. Even if they don’t end up buying anything, it will help you bump your site engagement and search result stats.

Designing the product page using these conversion-focused, visitor-driven elements will not only aid in streamlining your ecommerce design process, but also create an ultimate ecommerce experience for your users.

Have you implemented any of these UX techniques on your own ecommerce site? Let us know in the comments or tweet us @usabilla!




On Demand Webinar Conversion Optimization: What Should You Be Testing?



| |
Article by

John Davis

John Davis is the marketing director at removebackground.com. Remove Background is a professional product photography & image editing service for online retailers, photographers and designers. They offer high quality image enhancement solutions to internet retailers, bloggers, designers, photographers, and webmasters, helping increase online sales.

Share your thoughts

  • UX definitely is the key to increasing the average time spent by users on your site. Great Ux leads to more visitors and more money. Very informative post John. Thanks for sharing !!

  • Smith

    Thanks for “Decreasing Bounce Rate” Just what I need!

Pin It on Pinterest