Category: UX advice / Ecommerce guides
A few years ago I went to a restaurant in London called Bob Bob Ricard. This place is pretty swanky though I didn't think the food was that memorable. However it has become well known for one thing: on each table there is a button with a label saying 'Press for Champagne' (as per the pic).
If you press that button, then sure enough the waiter arrives with a bottle of champagne—it's great fun. Of course like most people, when our group visited we pressed it (more than once). This button has made the place famous and even merits its own tag on TripAdvisor.
Obviously most restaurants don't have this kind of thing, and you can run a perfectly good restaurant without it, but it fits their opulent brand perfectly. Whilst not essential, a special feature like a champagne button definitely improves the experience.
When it comes to the product page you should be showing product images, the price, a buy button, a description, and perhaps reviews and related products. So far, so standard, but there is room for enhancements to the experience.
Almost every product will have specific information that will need more explaining to the user, to help them bridge the gap between seeing it virtually and experiencing it in the real world. That information will vary from product to product and will be integral to the type of item it is. It's a great place to do something special with your site's experience.
A standard example of product-specific information is how items of clothing fit a person. Fit is obviously very important with clothes and something that can’t be truly tested until the user has the item in their hands, so the website needs to find ways to provide this information.
Ecommmerce sites tackle this in a variety of ways, such as simply explaining their sizing with text like ‘Our sizing runs small, please order a larger size than normal’. Sometimes they go further by gathering this detail from each customer review or even showing a variety of images of different types of person wearing the product.
Another standard way to explain product details is the broad solution of Frequently Asked Questions. This allows the website to enter any information they think might be pertinent to the user. Commonly this is used to explain a bit more about how a product might work and how it interacts with accessories.
Sometimes this goes further than just text and includes images or video to better explain to the user. Despite this, FAQs are still a somewhat dry solution—it might be that something far more useful can be produced.
Supplying the user with product-specific information can be tackled in more creative ways that fit and FAQs. Here are three of my favourite examples of more special features in action, which enhance the brands and show they are the experts in their domain.
A core part of the Lush brand is their ethical approach to cosmetics—including being 100% vegetarian and using organic and fair trade ingredients. As a result their product page makes a big deal about what goes into each product, with big and bright imagery.
The key natural ingredients are given lots of screen space and they have created a page of further details for each one, so you can read more about what it is and where they get it from. I don’t think I’ve seen anyone else go this far in explaining exactly what goes into their products and it can only give confidence to users that they are buying a responsible and quality product.
When it comes to sunglasses, it really matters how they look on your face—they’re probably a fashion item before a practical one for many people. Ray-Ban understand this more than most and have invested in a feature for you to ‘try on’ their glasses at home.
This works on desktop and mobile devices and involves the user recording a short video of them turning their head, which the site can then add your choice of shades to. It works surprisingly well and helps users differentiate between styles.
It’s exactly the kind of feature a high-end brand like this should be offering their users to help differentiate themselves from cheaper alternatives.
Bellroy primarily make wallets, with the key selling feature being that they are compact and can fit all your cards in a nice neat product. But just how small are they? This can be hard to get across online.
They have solved this with a product-specific feature that allows users to compare the item they are looking at with related items. These are items that tend to live in pockets with wallets, such as cash and mobile phones, and the user will have a good sense of how big they are.
There are lots of options in this feature, with the user able to compare against a range of different phone sizes and different currencies, really showing that Bellroy care about the details.
If you have an ecommerce site or are designing for one, it’s worth thinking how you can provide product-specific information in a useful and exciting way. It’s a chance to really stand out against the competition and show users that you are a thoughtful brand.
To be successful this special feature should relate to the USP of the product offering in the way that Lush re-enforce their ethical ingredients and Bellroy underline their product size. Just don’t go adding novelty features to products for the sake of it—people interested in buying a poster probably don't need a virtual reality video.