Category: Ecommerce design

What to believe?

“Whizzy imagery out-performs ratings and reviews in Adobe survey”

A survey by Adobe concluded the following are effective in increasing conversion rate.

  • Product tours or multi-media viewing which combines guided spin, zoom imagery, videos or animations with copy (36%
  • Visual filtering and advanced search on product features including size, color, and price (33%)
  • User comments and reviews (32%)
  • Search landing pages (32%)
  • Product comparisons (28%)
  • Zoom (28%)

Well, looking at the numbers not significantly, and it does seem like a convenient conclusion for Adobe, who sell “whizzy imagery”…

Also today I was interested to read this discussion questioning the value of “trustmarks” such as McAfee, with plenty of examples where adding such logos actually decreased conversion rate.

The key lesson from these two examples is to take claims to improve conversion rate with a pinch of salt. Work out what’s most appropriate to your business. Tackle the low-hanging fruit first. And test everything.

Thumbnail images; Two ways to cope with different aspect ratios

Most online shops standardise the dimensions of thumbnail images – for obvious reasons of neatness. In fact, by default most thumbnail images are either square or slightly portrait.

But what happens if you have a wide range of products and hence images – long and thin products, and short and wide products? How do you maximise the impact of the images whilst avoiding a lot of white space?

Two solutions I’ve found are:

The Holding Company – all images are 170px width, but heights range from 100px to over 300px. This works because the images are vertically-centered on a background colour, balanced with a large text box at the bottom.

The Holding Company

Moss.co.uk – images are all the same width 185px and either 429px tall (full length – suits and trousers) or 215px (tops and accessories). Within each category images are likely to be the same type, so there’s a uniformity – you either look at all the suits together, or all the shirts together. An exception is the search results (e.g. I searched for “blue”products), but the designers have obviously weighed up the benefits of large, full thumbnail images vs the likelihood of seeing slightly messy search results. Besides, search results by default group the types of products together, and even price-based results will group similar products e.g. suits together.

Moss.co.uk

WordPress as a quick and free Ecommerce platform

I’ve been discovering how fantastic WordPress is – not just for blogging but as a CMS and also as an ecommerce solution.

exclusivef1experiences.co.uk

www.exclusivef1experiences.co.uk is a little site I’ve designed from scratch, offering around 20 products (tickets to the Monaco 2010 Grand Prix) for sale using PayPal payments.

This uses a free plugin (WP Shopping cart) which is so easy you can literally set up a new website with a product for sale in 5 minutes as the video below demonstrates. Once I’d mastered the basics of WordPress, ExclusiveF1Experiences took me about a day to set up.

The basic WP Shopping cart plugin only allows you to list products, not as a grid, and I think would really only work for up to 20 or so products. However, the there are inexpensive upgrades to allow more flexibility, and with or without programming skills there’s a huge amount of scope, and sites listing 100s and 1000s of products using it – as this showcase demonstrates.

ECommerce design – questions to ask sooner rather than later

These are two important aspects of managing an ecommerce site which may not be top of your list when developing a new online shop. But thinking about these as early on in the design process (or better still when selecting an ecommerce platform) will bring immediate benefits and save time and expense later on.

1. Promotions & merchandising

  • can you apply a discount across all products, or certain product categories?
  • how will you highlight the before/ after price and saving? On the product page and summary page?
  • how will you direct customers to the promotion – on the homepage or an offers page?
  • do you have products that can appear in more than one category, and how does the design/ ecommerce platform cope with this?
  • if you have a sale or clearance section, do the products appear in the main sections too?
  • how will you highlight new products?
  • what type of voucher codes can be used – can they be product-specific, or can you exclude certain products & categories? Can voucher codes be applied to delivery charges? Where does the voucher code redemption box appear? (You need customers who have a code to be able to find it, but you don’t want to distract customers from completing the transaction)
  • what type of multibuy or “gift with purchase” offers are possible and how can these be communicated?

2. Stock management

  • does the ecommerce platform give a stock monitoring solution?
  • do you continue to show products which are out of stock, or hide them?
  • if a product is available in more than one size / colour etc. how will you denote which sizes/ colours are available?
  • can you automatically show a “low stock” message (a good call to action)
  • do you show availability on the product summary page? You don’t want to appear to have poor availability, but equally you don’t want to annoy customers when they click onto a product page and find the product is unavailable.
  • what would happen if all the products within a category are out of stock – how flexible is the menu and or product categorisation?

Multistore tabs – an interesting solution for businesses with multiple brands

This is an interesting trend from the US; businesses that operate different ecommerce sites under different brands using tabbed navigation at the top to switch between stores. For example:

Sears shops

Gap.com

I haven’t come across any major UK examples yet. Potential sites might be the Arcadia brands (Topshop, Topman, Dorothy Perkins, Miss Selfridge, Wallis, Evans & Burtons) – all very distinct online shops which don’t even link to one another. At the very least you’d think there would be a synergy for TopShop and TopMan, which are often linked up in the physical world.

Gap/ Banana Republic is another candidate but they don’t have a transactional website yet. Interestingly their US site allows you to shop online for Gap, Banana Republic, Old Navy and two other brands using a universal shopping cart.
There’s a huge difference between the brands (Old Navy is cheap and cheerful, Banana Republic very expensive and Gap in the middle) but Gap Inc. obviously see a benefit for them and for consumers in tying the brands together. Rather than a branding no-no they believe “the best brand strategy is to do things that customers love, not what the brand marketers think customers want”.

Is white the only colour?

I met with with owner of this clothing website which, (amongst many other issues!) has a strange background colour choice. Apparently this was chosen to be a bit different from “all the other websites” using white.

Goddiva.co.uk

Of course it’s tempting to point out that if most websites are doing something, especially the major ones, it’s probably because it works and a lot of time and money has been spent confirming the fact that it works.

A white – or pale coloured – background is certainly the safest way to present products on an ecommerce website, especially where there’s a range of product types and potentially image styles.

However, there are some websites who are doing things differently with colours, which I do work very well. The best example I think is Liberty.co.uk. A deep purple background is used throughout which looks luxurious, perfectly reflects the brand, and works equally well with each product category, from clothes to beauty to home.

Liberty.co.uk

ECommerce sites with no breadcrumbs?

I seem to be noticing more and more online shops not using breadcrumbs in the navigation.

For example
radley.co.uk has no breadcrumbs
net-a-porter.com shows you where you are up to the product summary level using the sidebar menu (although it’s quite subtle), then there’s nothing on the product detail page
moss.co.uk using breadcrumbs up until the product detail page then stops
boden.co.uk does it all using the sidebar menu

I’m assuming these are conscious design decisions and not oversights – in some cases I suppose it’s obvious which category you’re in (a handbag is a handbag), and the top navigation is clear. The sites can look cleaner without breadcrumbs, and arguably not having breadcrumbs on the product page shifts the user forward to the basket, rather than backwards to explore more. That said, surely breadcrumbs can only help the use know where they are. And with Google using breadcrumbs now perhaps users will expect to find them on sites.

This is a good article on dos and don’ts, and types of breadcrumb design.

jungus.com/b/2009/03/18/breadcrumbs-in-web-design-examples-and-best-practices/

Title tags & domain names in SEO

This is a good summary of the role of title tags and domain names in Search Engine Optimisation.

I would add also, click-through-rate will be improved with better title tags and meta descriptions:

  • If your title tag just says “Welcome” and your competitors nicely describe their products, which one is more likely to be clicked on?
  • If your meta description is just a list of keywords what does this actually tell the customer? Much better to promote benefits such as free delivery, fast delivery etc.

42% of online gift shoppers have abandoned sites that load too slowly

A new study of 1,500 consumers’ experience of shopping for gifts online found that the majority were  continuing to experience ‘virtual’ queues at online shops in the run up to Christmas.

80% of shoppers encountered slow working websites around Christmas and 30% believe that websites perform more slowly in the run-up to the holiday season. An alarming 42% of consumers have abandoned purchases on slow running sites while buying their gifts, and 34% are more likely to switch to a competitor’s website during this period.

Read the full article from internetretailing.net