Digital UK Design Blog

This set of points is designed to help you critique a design, specifically for ecommerce websites, to make them perform at their optimum, to help with usability and inevitably increase sales and conversions. Each point may or may not be relevant to the design you are working on so use them purely as a guide and point for discussion. Time and budgets may also play a part in the design process so all these points may not be actionable.

common-ecommerce-mistakes

13 reasons why your online store will fail + Solutions

Does your design pass each of these common ecommerce mistakes? If not then you have room for improvement and the potential to make it perform better.

Lack of detailed product information

Write as much information about your product as possible. Include sizes, weights, shapes, colours, everything you can. Put yourself in your customers shoes, what information would you want to know about your product. Try to answer the questions yours visitors may have. Remember this unique, detailed information also has an SEO benefit so the more you can write the better.

Only one product image

Upload as many detailed product shots as you can. You can convert a new visitor to a customer simply through quality product shots. Consider having your products professionally shot, this will improve confidence in quality and service in your customers and make your business look more professional.

Long and confusing checkout process

Make this important stage as simple as possible and remove any unneccessary obsticles to allow the customer complete their order with minimum distractions. If you have a multi step checkout process then consider streamlining this down to maybe one or two pages. At this stage you have them searching in their purses for their payment card, the last thing you want to do is lose them now through a complicated long drawn out payment process.

Hiding contact information

Consider displaying your contact information in a prominent place. The header is an ideal place as this is a place that typically stays the same throughout the site. Show your phone number and a link to a contact page with a contact form on it. Give them every reason to think you will look after them in case they have any questions. Customer loyalty and return business is the foundation of a successful ecommerce shop.

Requiring an account to order

Allow them to purchase your products without an account but highlight the benefits of creating an account prominently. Selling products in the most important part of your business, making them signup yields further benefits for your business but should always be optional as to allow the transaction to complete, as quickly and as easily as possible.

Inadequate search

A comprehensive search tool is imperative for shops with hundreds of products and sections. Searches allow a visitor to by-pass the lengthy manual search and allows them to see the products they are interested in. If your search doesn’t work or is limited then it may be doing more harm than good.

Poor customer service options

Build confidence and a lasting relationship with your customers by supporting their needs. Be upfront with contact details and customer service option and display them prominently throughout the website. After service support helps eliminate bad press and improves your businesses reputation as being a quality, trust worthy etailer.

Tiny product images

Your product images should be big enough to catch the eye and of high quality to provide the visitor with a good interpretation of the product.

Poor shopping basket design

A good shopping basket should allow a customer to purchase a product quickly and easily while maximising on upselling related products. Keep it clean and clear. Allow users to add multiple items, edit the quantities and remove any unwanted items. It should do all this while staying transparent to the visitors eye. Without a well thought out design a sale and the potential of repeat business may be lost.

Lack of payment options

Consider implementing more than one payment option on your shop. Users who find that their desired payment method isn’t accepted will not in most scenarios continue with the purchase. By accepting as many payment options as you can increases your catchment and inevitably sales. It may be a little extra work for you but in today’s highly competitive online marketplace every advantage helps. The same goes with your competitors, if your don’t support a users payment method then you could potentially steal the sale.

Not including related products

Related products are crucial when trying to upsell. A pair of trousers maybe land you a sale, but my recommending a belt, a t-shirt, a pair of shoes and a jacket, that sale could really be boosted by this lucrative upselling method. Related products have two obvious places where you can implement them, firstly on a product specific page and secondly in a users shopping basket once an item has been added.

Confusing navigation

Your websites navigation should be clear, well structured and fixed. Be clear as to what you call each link and don’t be too creative with the language. If a section of your shop sells trousers then call it trousers, if it contains disposable barbeques then call it what it is. Devise a clear site structure that is clear and removes as many levels as possible. Remember the three click rule, make sure every product page can be reached within 3 clicks or less, failing this may render the shopping confused and frustrated.

Put focus on products

Ecommerce sites should focus on professional, crisp and well presented product imagery. Forget about designing fancy headers with bright graphics and this will detract the users eye away from your products. Keep the structure light, clean and clear and focus your efforts on presenting your products effectively in your online shop window. Conventional shop windows are filled with the latest products and intices a walker-by into the shop. The same principle should be applied online with a strong product line or offer to lead the visitor through into your website.

I think this is one of the best looking ecommerce websites I’ve ever seen. It’s clean, modern, feels fresh and makes you want to buy Alfresia’s products because the user interface is so intuitive and easy to navigate. Each section is colour coded to help with ease of navigation and location within the website and the layout is structured in such a way that you hardly need to use the search tool to find what your looking for. The simple design and colour scheme simply compliments the products, allowing them to be prominent in the design and not the design itself.

A creative and strategic mix of ‘warehouse’ style and ‘up-market John Lewis esk’, this site ticks all the boxes and targets a wide spectrum of the market.

Alfresia have complete control over the website, illustrating that not all websites will be bastardised by the client, with the right control measures, a dedicated marketing team and a visionary client that knows their business, and customers, a successful website can be achieved, both visually and financially. With this new website, sales have rocketed, leaving this client requiring more hands on staff to handle the extra work load.

Alfresia, in my opinion, is the best website 9xb has ever produced. Don’t believe me! Well the sales tell me another story, lets hope their success continues…

Oh forgot to mentioned, this was my project, I designed and templated the whole website, with database help from the developers at 9xb. Sweet!

It’s a little bit belated, however The Floating Frog have launched L. R. Series – our first online shop.

The brief was to create an online presence for L. R. Series’ land rover parts business with integrated checkout and live payment processing. Due to their existing eBay presence Paypal Payments Pro was the prefered payment gateway.

Integrating Paypal wasn’t as simple as I had expected it to be. Firstly there was a requirement from Paypal that you offer their Paypal Express Checkout in addition to their live card payment option. This to me was a crap requirement – but because Paypal are a cheaper gateway in reality you are paying them by giving them free advertising on your website as well as helping them gain a stranglehold on the market ahead of the likes of google.

There was then confusion on my part over which system we were integrating with – it turned out that the USA and UK systems were completely separate, and that the UK one had been bought from Verisign. Support for the UK product wasn’t brilliant, particularly as it was all based in the USA plus the documentation seemed to only reference the UK docs as a footnote.

The USA system has a fantastic test environment where you can create your own test accounts etc, the UK one has only a selection of pre-defined accounts. This became a problem when we needed to test with non-ASCII characters – e.g. European customers with accents in their names. I contacted Paypal asking if they had a demo account with such characters – they didn’t and nor were they willing/able to create one so our poor European customers had garbled text in their address labels for a time.

… oh, and did I mention that behaviour differs between the live and test systems – e.g. during express checkout the redirect back to your site passes ‘payerid’ in test; ‘PayerID’ in live. Great fun.

Anyway, we got there in the end. Paypal is the first payment gateway I have integrated with and my first impressions aren’t great, however we have now overcome the hurdles so we know exactly what to do next time.

I would like to try something like Google Checkout on my next project if they don’t already have an encumbent supplier, or ideally use their own merchant account with their bank if they can afford the transaction costs.

©2006 - 2009 The Floating Frog