404 pages

(Standard 404 Pages are dead-ends for users. By customizing a 404 page, a website can re-engage users.)
 
Line 1: Line 1:
-
404 Pages, also known as Error Pages or Not Found error messages, alert users that the content they were looking for could not be located on a specific server. These page can (and should) be customized.<br>
+
404 Pages, also known as Error Pages or Not Found error messages, alert users that the content they were looking for could not be located on a specific server. These page can (and should) be customized.
=== What Problem This Solves  ===
=== What Problem This Solves  ===
-
Standard 404 Pages are dead-ends for users. By customizing a 404 page, a website can re-engage users.  
+
Standard 404 Pages are dead-ends for users. By customizing a 404 page, a website can re-engage users and greatly reduce site abandonment.<br>  
-
 
+
-
<br>  
+
=== When to Use This Pattern  ===
=== When to Use This Pattern  ===
-
Existing websites:&nbsp;Use this pattern when you are undergoing any type of content review (formal or informal).  
+
'''Existing websites:'''&nbsp;Use this pattern when you are undergoing any type of content review (formal or informal).  
-
New websites: Custom 404 pages should be part of the content deliverables for site launch.&nbsp;  
+
'''New websites:'''&nbsp;Custom 404 pages should be part of the content deliverables for site launch.&nbsp;  
-
<br>
+
'''Tip:'''&nbsp;To quickly find a 404 page, enter websitename.com/404
=== What's The Solution?  ===
=== What's The Solution?  ===
Line 19: Line 17:
Effective 404 Pages accomplish the following:  
Effective 404 Pages accomplish the following:  
-
- Communicate/reinforce a brand's voice  
+
*Communicate/reinforce a brand's voice  
 +
*Redirect users to meaningful site content
 +
*Reinforce a site's primary call-to-action
 +
*Give users the ability to contact the company directly (if relevant)
 +
*Include the top navigational menu to give users a map back to familiar territory
 +
*Do not blame the user for making a mistake
-
- Redirect users to meaningful site content
+
=== Why Use This Pattern  ===
-
- Reinforce a site's primary call-to-action
+
Effective 404 pages can greatly reduce site abandonment.  
-
 
+
-
- Give users the ability to contact the company directly (if relevant)
+
-
 
+
-
- Include the top navigational menu to give users a map back to familiar territory
+
-
 
+
-
- Do not blame the user for making a mistake
+
-
 
+
-
<br>
+
-
 
+
-
Why Use This Pattern
+
-
 
+
-
Edit this. Describe the user and business benefits for this pattern, with links to evidence or additional research data if available.  
+
=== References  ===
=== References  ===
-
#A list of interesting external links, if applicable
+
#To come (Be wary of many of the "great 404 pages!" sites out there. Many are design-heavy with little to no usefulness. See Project Fedena example below.)
=== Examples Gallery  ===
=== Examples Gallery  ===
 +
'''Emma email marketing 404 Page'''
 +
Grade: A+
-
'''Emma email marketing 404 Page'''
+
[[Image:Emma 404.jpg|thumb|left|Emma 404.jpg]]<br>
-
Grade: A+
+
'''SAP 404 Page'''
-
[[Image:Emma 404.jpg]]
+
Grade: C
-
<br>  
+
[[Image:Sap 404-mediocre 404 page.jpg|thumb|left|Sap 404-mediocre 404 page.jpg]]<br>  
-
'''SAP 404 Page'''
+
'''Project Fedena'''  
-
 
+
-
Grade: C
+
-
[[Image:Sap_404-mediocre_404_page.jpg]]<br>  
+
Grade: D (Well-designed. Not at all useful.)<br>  
-
<br>  
+
[[Image:Project fedena 404-not useful.jpg|thumb|left|Project fedena 404-not useful.jpg]]<br>  
-
<br>
+
'''Bonnier Corporation 404 Page'''
-
'''Bonnier Corporation 404 Page'''
+
(Publishers of Popular Science, Spa and Saveur, among others)  
-
(Publishers of Popular Science, Spa and Saveur, among others)
+
-
Grade: F  
+
Grade: F<br>
-
[[Image:Bonniercorp_404-awful_404.jpg]]<br>
+
[[Image:Bonniercorp 404-awful 404.jpg|thumb|left|Bonniercorp 404-awful 404.jpg]]  
=== Categories  ===
=== Categories  ===
-
<br>
+
[[Category:Editorial|Editorial Patterns]]

Latest revision as of 17:41, 4 February 2011

Retrieved from "http://patterns.contentini.com/404_pages"