When working at a digital agency there needs to be a combination of creative thinkers and business-driven minds that work together in order to achieve the very best for their clients. As our design lead at theMediaFlow, Anna heads up all creative work and consistently strives for the perfect UX. Hannah holds the role of ...
You may be aware that one of the many foundation, best-practise points recommended by search engine optimisation experts is to have your own customised error page. An error page is the page of content presented, when an error has occurred in trying to access or locate content on your website. In this case we are talking about when content does not exist or cannot be found, but has been requested and 'heard' by the server. Search engine professionals and web agencies may often refer to this as a '404'. (404 being one of the Http codes for errors of this nature, though there are others.)
It is good practise to have your own customised error page, which is in your own template look and feel, as this provides a consistent user experience and allows you to communicate a suitable message; whilst being in control of that message. Additionally if you don't create a formal process for errors of this nature you may risk how well your site is perceived by search engines.
Most search engine optimisation and usability experts will recommend you have a customised error page that makes some apology to the user, explains in basic terms what has happened, and suggests some useful and popular content or pages to visit as an alternative. Tip: Don't reference "404" in the page content as it is meaningless to the user.
Here's what we do, which seems to work for us :
[caption id="attachment_655" align="aligncenter" width="577"] Example of a customised error page[/caption]
Whilst all of this is professional and does something to rescue a poor user experience; for a commercial website, this is a missed opportunity. Make the most of your error pages by turning what could have potentially been a poor user experience into a commercial opportunity by creating a commercial error page.
Tips for Creating a Commercial Error Page
1. Start by doing some simple analysis into your most popular products and pages with highest conversion rates.
2. Do your research first, and if your are a new site, wait a couple of months to get some statistically meaningful performance data.
3. Don't just put your most expensive products on the page, as this may look hollow and may not convert at all. Wait until you have some interaction and conversion rate data beforehand.
4. Identify top 3 to 10 products and present them in the error page content.
5. Identify top converting pages and explain what these pages are, asking if they might be of interest to the user.
6. Put your search box on your error page.
7. Optimise your error page by testing performance of different products.
8. Analyse the visitor route to error and see if there is a pattern or commercial inference to be made.
Here's the best commercialised error page I've ever seen.
[caption id="attachment_657" align="aligncenter" width="577"] Best Commercial Error Page We Have Seen[/caption]
Note the friendly and apologetic intro, the huge search box in prominent position, and the placement of the trendy, popular and celebrity-fave footwear items. This brand is working hard to make me like them and to get my business.
It's worth saying that I was surprised to find a huge number of giants in online retail with a lot of opportunity to increase commercial usability and user experience, by improving on their current solution. Such as ASOS and their automatic redirect to the homepage , Argos and their complete lack of customisation and possibly the biggest surprise of all was Amazon and their slightly formal and completely non-commercial message; which for a web retail giant like Amazon, could be a considerable bit of scooping up to be done. (As you have gathered, I didn't need to look past 'A' to find a surprising amount of missed opportunity.)
[caption id="attachment_659" align="aligncenter" width="577"] Automatic re-direct to home[/caption]
[caption id="attachment_660" align="aligncenter" width="577"] Er... Where Am I?[/caption]
[caption id="attachment_661" align="aligncenter" width="577"] Mal Function[/caption]
Kudos to Zappos for leading the field. Do please let me know if you come across any really good or really bad error pages in the comments!