Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Are there any UX studies on whether custom 404's and the like benefit or enrich the experience of the end user?

Some good examples below, I was thinking the wording might be more relevant in this case than the 'cutesy' oops time message some of these use.

enter image description here

enter image description here

share|improve this question
    
Just curious, what do you think the alternative is (or should be)? –  cimmanon Feb 19 at 21:42
1  
Personally, I think these ones are terrible. Interesting looking, yes, but just a fancy looking brick wall. You should never let the user wander into a place with nowhere to get out of. Where do they go from here? –  JonW Feb 19 at 21:44
    
This was my thinking, they look nice - but provide little in the way of guidance and what to do next, there is literally nowhere to go from here.. –  B Sopher Feb 19 at 21:47
2  
Side Note - The message in the 404 should never blame the user. "I think you're lost..." would be better as "We couldn't find that..." –  Keiwes Feb 20 at 3:56

2 Answers 2

up vote 12 down vote accepted

Custom HTTP error pages improve web sites' experience, security


Opening paragraph:

Every web server can display HTTP error pages, but default error pages don't provide useful information to your visitors. Some error pages may even leak sensitive information about your site, such as URL or file paths, database details, and even code. But you can replace the defaults and create custom HTTP error pages that improve your visitors' experience and your site's security.

... and later:

To provide a better user experience, create fewer error pages, but ones that are more helpful and easier to understand. In production environments you can show one error page for all client-side problems (4** error codes). Such an error page should be based on the 404 Not Found error and explain that the requested resource is not found, and therefore visitors need not try to access it again. Having only one error page for client-side problems means visitors don't have to understand unfamiliar error codes. Seeing different error pages for specific client-side problems is useful mostly for development and QA environments.

Furthermore, from security point of view it's better not to show different error pages for client-side problems because doing so may disclose sensitive information. For example, a 403 Forbidden error page may hint to an attacker that the target resource is important.

You should also create one unified and generic page for the server-side errors (5** error codes) that says that the requested resource exists but is temporarily unavailable, so the user should revisit the page soon. As with client-side problems, you don't need to show publicly exactly what went wrong on a production server. Your visitors shouldn't care whether a reverse proxy died or the server is overloaded.


Is a Custom 404 Error Page part of your SEO Strategy?


Handling 404 errors is important because the average site visitor is not aware what an HTTP 404 Error code means. Also, the default messages returned by webservers are too technical, poorly constructed and leave the visitors frustrated. Therein is the need to give your users something better and make your own custom 404 error page.

Here are some ideas you can use:

1. Cut the tech jargon

Users do not understand http error codes. They just need to be told that the page is not available any more while jargon may confuse them. If you wish to do so you can, but mentioning ’404’ is not necessary. Instead substitute that with a phrase such as “The page you requested does not exist any longer" – pick your own words but put it across subtly.

2. Avoid clutter

A user-friendly 404 error page should strike a balance between giving out too much and too little. You can showcase your entire site navigation on the page, but will it help? An overwhelming number of links will add to the predicament of the already lost user. So what kind of links should you have on your custom 404 page? Some steps to ensure a compact but yet effective look are listed below:

a. Present the most relevant links

Place links only to the most important pages, categories and products of your website. Also provide a link to your home page, most popular searches & recent articles. Do you have a blog? If yes, link to it.

b. Link to your sitemap

An easy way to direct users to a detailed site navigation without cluttering the 404 page itself.

c. Place a Search box

If the links you provide are not interesting to your users a Search box will help them find out what they are exactly looking for.

Essential Do’s & Do not’s

a) Return the right http status code

There is a possibility that your custom 404 page might get indexed by the crawlers and appear in the SERPs as well. To avoid this, ensure that your webserver returns a 404 HTTP status code when a non-existent page is requested. An HTTP 404 Error code will prevent your 404 page from being indexed by the crawlers.

b) Implement a 404 notification mechanism:

It is not the visitors’ job to notify you about broken links on your website. As a webmaster I strongly believe that it is your job to put an effective mechanism in place to identify and eliminate as many broken links on your site as possible. Google Webmasters is a good source to lookout for the origin of 404 errors as well as fix them. Another way could be scheduling automated email reports from server logs. Keeping a watch over the logs will alarm you if there is a sudden surge in the 404s. The key is to fix 404 errors yourself and not have the users fill out a broken link form for you.

c) Do not redirect to home page:

What happens if a user clicks on a broken link 2 minutes after browsing through your navigation and is taken to the home page rather than being displayed a customized 404 error page? The user would either find the way again to get to the link where he/she fell off, try a different link altogether or disengage and abandon the website with a possibility of never coming back again. None of these alternatives seem to be good for the user’s experience, do they? Hence, do not redirect users back to the homepage when they click on a broken link –always serve a customised 404 error message page.

The StumbleUpon 404 is a good example of what is written above. Have a look at it here.

There are plenty of creative, funny and unusual examples to gain ideas from as well as there are Google’s own guidelines to customize your 404 page but the basic factor to always keep in mind is that you should make your page useful for its visitors.

share|improve this answer
2  
"Custom HTTP error pages improve web sites' security" - citation needed, please. –  Adrian Feb 21 at 8:49
    
@Adrian - What do you mean? Is it not already? It's a link to the article. –  Code Maverick Feb 21 at 12:52
    
there's nowhere saying in the article that custom 404 pages improve security. –  Adrian Feb 25 at 13:34
    
@Adrian - You must have missed the last sentence in the first paragraph that states: "But you can replace the defaults and create custom HTTP error pages that improve your visitors' experience and your site's security." –  Code Maverick Feb 25 at 15:25
1  
saying it doesn't make it true. custom 404 pages don't help security in any way. UX yes, security no. –  Adrian Feb 27 at 9:55

This is a sweet 404 page by Lego.

"Sorry, we can't find that page!"

Lego 404 page

share|improve this answer
2  
The question isn't "give me some examples of quirky 404 pages". It's about whether there is a UX benefit to having such a page. –  JonW Feb 21 at 9:23

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.