404 pages

(Standard 404 Pages are dead-ends for users. By customizing a 404 page, a website can re-engage users.)
Line 5: Line 5:
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.  
 +
<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).  
Line 13: Line 13:
New websites: Custom 404 pages should be part of the content deliverables for site launch.&nbsp;  
New websites: Custom 404 pages should be part of the content deliverables for site launch.&nbsp;  
-
<br>
+
<br>  
=== What's The Solution?  ===
=== What's The Solution?  ===
 +
Effective 404 Pages accomplish the following:
 +
- Communicate/reinforce a brand's voice
-
Effective 404 Pages accomplish the following:
+
- Redirect users to meaningful site content
-
- Communicate/reinforce a brand's voice
+
- Reinforce a site's primary call-to-action
-
- Redirect users to meaningful site content
+
- Give users the ability to contact the company directly (if relevant)
-
- Reinforce a site's primary call-to-action
+
- Include the top navigational menu to give users a map back to familiar territory
-
- Give users the ability to contact the company directly (if relevant)
+
- Do not blame the user for making a mistake
-
- Include the top navigational menu to give users a map back to familiar territory
+
<br>
-
- Do not blame the user for making a mistake
+
Why Use This Pattern  
-
 
+
-
 
+
-
 
+
-
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.  
Edit this. Describe the user and business benefits for this pattern, with links to evidence or additional research data if available.  
Line 45: Line 43:
=== Examples Gallery  ===
=== Examples Gallery  ===
-
Emma email marketing 404 Page
 
-
Grade: A+
 
-
[[Image:Emma_404.jpg]]
+
'''Emma email marketing 404 Page'''
 +
Grade: A+
 +
[[Image:Emma 404.jpg]]
-
SAP 404 Page
+
<br>
-
Grade: C
+
'''SAP 404 Page'''
 +
Grade: C
 +
[[Image:Sap_404-mediocre_404_page.jpg]]<br>
 +
<br>
 +
<br>
 +
'''Bonnier Corporation 404 Page'''
 +
(Publishers of Popular Science, Spa and Saveur, among others)
 +
Grade: F
-
Bonnier Corporation 404 Page
+
[[Image:Bonniercorp_404-awful_404.jpg]]<br>
-
Grade: F
+
=== Categories  ===
-
 
+
<br>
-
 
+
-
Categories
+
-
 
+
-
Use the categories button on the toolbar (last icon on top row) to insert one or more categories for this pattern.
+

Revision as of 15:38, 4 February 2011