Screens

Error / 404 Pages

Error and 404 pages that recover users gracefully instead of sending them away forever.

#404#error page#not found#500#server error#recovery#dead end

What is it?

Error pages (404 Not Found, 500 Server Error, 403 Forbidden) are screens shown when the requested resource doesn't exist, is unavailable, or is inaccessible. They represent moments of failure — the user tried to go somewhere and couldn't. The design goal is to prevent this failure from becoming abandonment.

Why it matters

A well-branded, helpful error page can recover most users. A default server error page loses them. Research suggests that 74% of users who land on a 404 page will navigate elsewhere rather than try to find the page they were looking for — unless the error page gives them a clear, easy path forward.

Best Practices

  • Include the main site navigation on error pages — the user can navigate to where they want to be.
  • Error page must be branded — it should look like part of the product, not a server response.
  • Explain what happened in plain language: "We can't find that page." Not "HTTP 404 Error."
  • Provide multiple recovery paths: search bar, link to homepage, link to popular sections.
  • For 404: allow the user to report if something that should exist doesn't.
  • For 500: communicate that the issue is on your end, not the user's. "We're having trouble right now."
  • Don't blame the user: "Oops, we couldn't find that page" not "You entered an invalid URL."
  • Humor can work on 404 pages — a memorable, brand-appropriate 404 is good marketing. But don't let the humor obscure the recovery path.
  • Track 404 errors — they indicate broken links that should be fixed.
  • For maintenance/scheduled downtime: use a specific page with expected return time.

Common Mistakes

  • Default server error page with no branding and no navigation.
  • "404 Not Found" as the entire content — no explanation, no path forward.
  • Blaming the user for the error.
  • 500 error page that says "unexpected error occurred" without reassurance.
  • No search or navigation on the error page.
  • Humorous content that obscures the recovery path.

Checklist

Research & Theory

Error Recovery and User Retention

Research by Smashing Magazine and others shows that branded, helpful error pages significantly outperform default server pages in user retention after an error.

Why it's relevant

The error page is not a dead end — it's an opportunity. Most users can be recovered with a good design.

Real-World Examples

GitHub

Branded 404 with the GitHub Octocat "404 This is not the web page you are looking for." Main navigation present. Search bar. Clean and on-brand.

Pixar (Disney)

404 pages with branded Pixar character animations. Memorable, delightful, on-brand — but always include a clear path back to the home page.

Airbnb

404 page maintains full navigation, offers search, and has a simple on-brand illustration. Recovery-focused over entertainment.