Paul Rouke and PRWD on User Centered Design

Econsultancy have published a new usability article of mine entitled:
Pureplay and high street fashion retailers - who values usability more?

In the article I’ve taken a look at the following high street and pureplay retailers from a usability perspective…

The pureplay fashion retailers I’ve taken a look at are:

• ASOS
• Net-a-porter
• My Wardrobe
• The Outnet
• Koodos

The high street fashion retailers I’ve taken a look at are:

• Harvey Nichols
• Miss Selfridge
• Topshop
• Next
• New Look

The five questions I posed to each of these retailers are:

1. How seriously are they taking cross-selling and up-selling in order to encourage higher average order values?
2. Do they make standard delivery costs clear before you get into the actual checkout process?
3. Are payment options and cards accepted clear prior to checking out?
4. Have they enclosed their checkout as a way of potentially reducing checkout process abandonments?
5. Do they provide clear customer service contact details during the checkout process?

Take a look at the article and see how these retailers stack up!

If you are a fashion retailer you might also like to read about the Online Fashion 100 event on the 17th June in London, organised by Leon Bailey-Green.

Just a short post even though if there were more hours in the day I’d be writing about quite a few key topics at the moment, with lots going on the retail space.

Having recently delivered in-house e-commerce training and on the eve of a public training course with Econsultancy, I thought I’d share a fine example of an online retailer following usability and best practice principles to drive improvements to their conversion rates and customer retention.

Enter The Boook Depository. Only a young pureplay brand, launched in 2004 and with a recent redesign in 2009, The Book Depository certainly does alot of things right when it comes to providing an enjoyable, intelligent and usable shopping experience.

A screengrab of The Book Depository website, good usability and best practice

Using our new e-commerce benchmarking application I’m looking forward to comparing how The Book Depository fair to other online book sellers. One thing is for sure though, their approach of always tackling the question “what do our customers want” has led their e-commerce experience to be a fine example of good usability and following best practice.

Which online retailers would you put forward as more examples of a great user experience?

2009 more than the last few years looks like being a year where retailers are more focused on improving the performance of their existing e-commerce site rather than re-platforming.

Top Tips for Increasing Your E-commerce Conversion Rates

Below are a few top tips for improving both the usability of your e-commerce site and small changes which can help improve conversion rates. Further resources are provided at the end of the article.

Search and Navigation

• Make search an integrated and intelligent piece of functionality - if it isn’t, visitors will quickly dismiss the tool as something that will help them find what they want, and in turn could consider jumping over to a competitor site.
• Provide predictive/suggestive search results - benefits include reducing the number of ‘no results found’ pages, promoting saving information which will appeal to shoppers, plus exposing some of your product catalogue which the shopper may not have realised existed
• Allow visitors to filter your product range by relevant attributes (price bracket, specification, colour, size etc) - the easier you can make it for shoppers to find products which match their requirements the more likely they will be to purchase from you

Shopping Basket

• Don’t hide your delivery costs until the checkout process - even if a shopper can specify a more expensive delivery option in checkout, at least ensure your standard delivery charges are provided
• Make it clear what payment options are available, before the checkout process - especially important if you don’t accept debit card payments like www.booking.com
• Promote free delivery options clearly, if you provide them - this can play a significant part in persuading visitors to both make a purchase, but also increase their order value if it means triggering a free delivery level

Checkout Process

• Rule number 1 - enclose your checkout process. There are a range of key reasons why this is so important for retailers, one of which is ensuring you are focusing the shoppers mind on the 1 key action you want them to do - place their order with you. More advice on why you should enclose your checkout process can be seen in the resources at the end of this article
• Make it absolutely clear the levels of security you provide - concerns over credit card fraud are here for the long term, and you should make sure your visitors have every confidence in you to keep their details secure
• Pay close attention to how to present forms - by adopting form field best practice you make the checkout process more streamlined and you keep the shopper in a positive buying mood. Straight to the point error messages that point the finger at the visitor is one way of putting a small usability barrier in front of them

All Areas, Especially Shopping Basket and Checkout

• Carry out split testing and multi-variate testing - alongside best practice principles, this is one of the primary ways of affectively measuring the differences in click-throughs and engagement when adopting different designs, buttons, colours and messages

Looking for More Best Practice Tips and Advice?

If you are interested in gaining a much greater understanding of how small but integral changes can be made to e-commerce sites to help improve conversion rates, then the upcoming training course on the 23rd April in London is for you.

There is also funding currently available which could cover the cost of the course.

Below are further details on what will be covered in the days training course:

Product page best practice

• how to introduce best practice into your customer experience
• how some of the biggest e-tailers are following or defining best practice
• how to cross-sell and up-sell affectively
• how to introduce persuasion architecture

Shopping basket best practice

• pros and cons of the most popular implementations
• understand the impact you can have on consumer confidence
• how to channel customers into the checkout process

Checkout process best practice

• the rational behind enclosing the process to reduce checkout abandonments
• a framework for delivering a best practice checkout process
• how to reduced usability barriers to completing forms during your checkout process

Advanced user experience techniques

• how to engage and delight customers with memorable interactions

Useful resources

• best practice tips for search implementation
• benefits of suggestive/predictive search (scroll down the page)
• benefits and best practice for multi-faceted navigation, for both users and retailers
• the importance of enclosing your checkout process
• form field best practice, vital for checkout processes

Thanks to everyone who came to last nights usability event that we sponsored in Manchester, Usability: What’s The Use? There was around 100 people in all which was great to see.

Full event details and resources

You can view further information from my presentations, including the video clip on User-centered design from a companies perspective, at the events page on our main business site.

In addition below are the presentations I gave on the night…

An introduction to usability

Usability for customer facing websites

Usability for internal software systems

Whether you are more familiar with the term guided navigation, attribute filtering, multi-attribute navigation or guided search (there are more although these are some of the main industry terms used) this type of advanced navigation can provide visitors to your e-commerce store/online booking system/content rich product site with an invaluable user experience - if implemented correctly.

What is multifaceted navigation?

In short this is an advanced navigation method where shoppers can filter out large sets of products or content by a variety of product attributes (sizes, colours, features, price range, specifications).

User benefits of multifaceted navigation

1. they can choose to be specific about the products which they are being shown
2. your users are empowered by the way you allow them to dynamically manage your product database
3. users can compare products by specific features, for instance when looking for a TV you can specify to see only TV’s that are 1080p and that are 46 inches
4. your users can shop how they are used to in a good high street store. ie. they tell the salesperson that they have so much to spend and are looking for particular product features or sizes, and they are then shown the products which suit their requirements
5. your user can find the products specific to their needs in a more efficient way, speeding up their browsing journey in what may well be a small space of time they have to shop online
6. your users don’t need to to visit multiple product pages and read each product description to know whether it matches their requirements
7. long, scrolling product listings pages (pre-product page) are eliminated as they can filter out the products which don’t match their needs
8. combined with the more widely used sorting techniques (price hi-low, price low-hi, latest, bestsellers, closest to your location ie. for a hotel) faceted browsing providers users with all the tools they need to hone in on the products/items which they are in a position to purchase
9. potentially confusing and bewildering amounts of products or items can be managed in a way which allows the visitor to focus their shopping experience on just the items which are suitable to them
10. users will reflect positively on the browsing experience with your website, in turn reflecting less favourably on your competitors who don’t provide this type of advanced navigation

Best practice advice

• Indicate how many products will be displayed when choosing a specific filter - users not only will get an understanding of your catalogue size but they will see whether by filtering by a particular attribute they will be narrowing their potential options too much to give them enough choice to make a buying decision
• Provide the ability to choose multiple filters across different attributes - this ensures that users have a truly dynamic and personalised browsing experience rather than only filtering a single attribute ie. colour or size
• Allow the user to switch filters on an off on the same user interface, rather than having to click back to be shown the different filters available for a particular attribute
• Encourage users to use this form of navigation with a clear, user friendly interface, rather than this form of advanced navigation being lost in a cluttered navigation menu
• Where applicable provide slider filters to allow users to specify exactly the upper and lower limits of a particular attribute they want to control, such as the lower and upper limits of their new house budget, rather than limiting them to specific tears of prices ie. £200,000 - £300,000
• Allow a user to select multiple filters for 1 attribute, allowing them to be even more specific in the features they are looking for within a range of products (whether this be clothes, insurance, holidays or houses)
• Don’t overlook the overall usability of your web application just to include multifaceted navigation - if implemented poorly these advanced navigation options can confuse and frustrate visitors

Typical web applications that benefit from multifaceted navigation

• E-commerce stores - selling a large number of products in each category range, allowing users to filter the products to focus in on what suits their budget and requirements
• Holiday, flight and hotel websites - users can input a variety of requirements (for instance, distance from beach, hotel star ratings, user reviews, near by attractions, distance to town centre) and see hotels which match these specific requirements
• Estate agent, housing websites - users can specify a variety of criteria (price bracket, number of bedrooms, distance from a local amenity, front or back garden, conservatory) and be presented with only the houses which satisfy the different criteria
• Price comparison sites - dependant on whether the user is looking for car insurance or their next mortgage, they can specify their unique requirements
• eCRM systems - where you are looking to filter out customers which match a series of requirements, such as contact method preferred, industry, annual budget and distance from a particular city

Examples of multifaceted navigation

Multifaceted navigation on Argos.co.uk

Multifaceted navigation on Hotels.com

Multifaceted navigation on Hotels.com

Multifaceted navigation on Uswitch.com

Multifaceted navigation on Skyscanner.net

Examples of where multifaceted navigation would significantly enhance the user experience

Kodak.com, a site which would benefit from multifaceted navigation

Currys.co.uk, a site which would benefit from multifaceted navigation

Homes4U.co.uk, a site which would benefit from multifaceted navigation

Mytravel.co.uk, a site which would benefit from multifaceted navigation

Advanced techniques to further enhance the users experience

• Maintain users key filter selections when they return to the site or begin their browsing process again, such as the price range that suits them or their preferred holiday destinations, for instance
• Where applicable provide sliders to allow for unique values to be chosen for the likes of price ranges, rather than having specific brackets of prices ie. £50 - £60
• Use interactive colour pickers as a more engaging way for your users to filter your product range.
• Consider user generated tagging, allowing your users to tag products/items as they see fit which in turn provides completely new attributes on which to filter content within your site

Further reading on navigation techniques and best practice

• tagging content and providing tag clouds to represent large sets of data
• suggestive/predictive search
• dynamic categorisation and shopping by user profiles and customer groups
• Navigation comparison between Kodak and Fujifilm

What are your experiences of multifaceted navigation?

I would really like to hear about your experiences, both as users, faceted navigation providers and from people on the client side involved in implementing navigation methods.

• How beneficial do you find this style of navigation?
• What sites do you feel are pushing the boundaries in navigation?
• What further user benefits would you add to the list above?