Product Detail Pages (PDP) – Offering an Engaging Experience between the Customer and the Product

by Drew Yan
Monday, June 8th, 2009

Several years ago, I had the “misfortune” of being introduced to my first digital SLR camera. I was immediately hooked and since then I’ve been suffering the same symptoms as all other camera hobbyists: a compulsive need to purchase (or drool over) expensive camera accessories and gear. So when I “need” more camera gear, I’ll go online to shop because, aside from the obvious convenience factor, I like the ability to bargain hunt and easily research products. But with so many online camera retailers out there, it’s getting pretty hard to differentiate between the sites. They all sell the same products, offer the same product information, in a similar layout. So when I do my research, I’m usually looking for two things – product price and customer product reviews. These are the two main components that really help me determine whether the product is highly recommended at a price point I’m comfortable with – which ultimately affects my decision to buy. But are there other things that retailers can do to help differentiate themselves above the rest?

Recently, I went online shopping for a Canon 430EX II Speedlight flash, a nice addition to my Canon digital SLR camera. As I did my price and product research, I decided to take an in-depth look at various product detail pages (PDP) of online camera retailers to see what similarities and differences they had.

My initial search yielded some pretty dreadful results. Sites like www.17photo.com and www.fadfusion.com tried to cram as much information as possible into their PDPs hoping that something would connect with the customer.

PDP - Crowded

17Photo PDP

Fad Fusion PDP

Fad Fusion PDP

Other sites such as www.fotoconnection.com and www.us1camera.com simply didn’t offer enough product information.

PDP - Not Enough Info

US1 Camera PDP

Most of the other camera sites I visited used a typical PDP layout: product name, price, and image at top followed by a tabbed interface below detailing the overview, technical and product specs, and related accessories. I’m a very visual person so the biggest problem I had with this layout was the lack of integration between the product image and the product features. Instead they were deliberately segmented into separate areas of the page forcing me to scroll up and down the page to read everything. So when I saw a cool product feature listed like “Wide-angle pull down panel”, there was no visual reference to the product image for me to make that connection. Was this truly the best way for a user to engage with the product?

Another common PDP feature I noticed was the ability to enlarge the product image. A nice feature, in theory, especially if the initial product images are small. For most sites that offered this functionality, clicking on the “view larger” button produced a new window pop up containing the larger image. But with no reference to the product specs, it really didn’t provide me any new information. Surprisingly, I came across two sites, www.radioshack.com and www.adray.com, whereupon clicking the “View Larger” button produced a pop up window containing the same sized product image. Talk about a waste of a click!

Radio Shack - Enlarge Image

Radio Shack - Image Zoom

Surely there were retailers out there with better PDPs that provided a cohesive and engaging customer shopping experience. I finally stumbled onto a fantastic photo and video site called B&H Photo Video (www.bhphotovideo.com). I searched for my Canon 430EX II speedlite and landed on a PDP page that, at first glance, looked very much like all the other PDPs I had previously visited (although not as crowded and easier to take in). Above the fold was the product image, product name, and price. Below the fold were tabs that covered accessories, features, specifications, included items, and customer reviews. I then noticed a link by the product image named “View Demo”. I clicked on it and a new window opened loading a fully interactive flash demo (no pun intended). Immediately I noticed that I had all the information I needed about my camera flash in one defined space. Each section was organized in stacked accordion panes making it very simple and intuitive to navigate. Not only did I have access to product description, features, and specs, but I could also click, drag, and rotate the product image so I could view in all angles. This was already more engaging compared to other sites where I only saw one predefined angle. I was instantly hooked.

Here is a breakdown of how the information was organized in the demo.
360 Product View:
360 View
Rotation Angles
Multi View

Images:
Side View
Back View
Lens Extended
Front View
Flash Turned
Mounting Foot

More Information:
Description
Features
Specifications

demo1

Demo - 360 Product View

demo2

Demo - Product Images

demo3

Demo - Product Description


The best feature of all was something called “Multi View”. Clicking on this immediately split the main screen into equal quadrants showcasing a different view of the product (front, mount, rotated, back). When I clicked on a view, the other 3 quadrants minimized in size as the selected view grew into focus. On top of that, animating red “hot spots” were featured on various locations of the product vying for my attention. For example, when I moved my cursor over the red hot spot by the mount, a hop up appeared saying “Easy Attaching and Detaching: One-touch, quick-lock mechanism for easy attaching/detaching flash from camera.” Not only had this demo managed to engage me with the product, it successfully did so by integrating the product views with the product features and specs. The product demo validated my product research efforts which in turn made me feel confident in my decision to buy. It also invoked a feeling of trust with the retailer, B&H. I felt that this retailer was valuing my time spent online
by providing added value that was relevant and appealing.

demo4

Demo - Multi View

demo5

Demo - Multi View Hot Spot

Having a product demo available for such a feature-rich product like the Canon Speedlite makes sense. The product is offered at a high price point and that alone can be a big barrier for customers to overcome. But if retailers can find the right combination of visually engaging and pertinent material that will best connect the user with the product then it accomplishes several things:

1) Satisfies customers who are doing product research to better understand the product they’re interested in
2) Gives customers the confidence and motivation in making that decision to buy, especially when the product has a high price point
3) Offers added value that differentiates itself from a competitive marketplace
4) Encourages customers to come back for repeat business

As any camera hobbyist can attest, there’s never enough gear you can buy; if camera retailers can balance their product offerings with engaging supporting material that inspires confidence and motivation to buy, they’ll have customers for life.

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

2 Responses to “Product Detail Pages (PDP) – Offering an Engaging Experience between the Customer and the Product”

  1. Dan Barbata Says:

    I completely agree with you when you say that Price and Customer Reviews are the two most important things when shopping online. But I think people lean heavily on reviews because retailers don’t provide enough meaningful information about the products they are selling.

    Even when they do provide information, most of those PDP’s are just laundry lists of bullet points. Its better to err on the side of more information, but the data is still not terribly useful. What I really want, is to take that largely unstructured data and bring some order to it. I want to be able to zero in on the features that I care about, and as it stands I have to mine through all that data and try to pull some meaning out.

    Agree that http://www.bhphotovideo.com does a tremendous job! Their sidebar has a great selection of properties, and they manage to do a pretty good job of breaking out the individual properties on the Specifications tab. Though the display could be cleaned up a bit.

  2. Mandy Silverman Says:

    Hey Drew! I appreciate your pointing out all the do’s and don’ts and PDPs. I am curious if you think that a great PDP would convert the comparison shopper. In other words, does a great PDP stop the price sensitive shopper from spending 15 – 20 more minutes looking for the 5% cheaper alternative? As far as consumer technology products/gadgets are concerned, I think demos like the one you found and those produced by sellpoint seem to make for a better merchandised product experience.

Leave a Reply