Friendly 404 Error Page
Contents |
All Topics Web design 34 brilliantly designed 404 error pages 34 brilliantly designed 404 error pages By Creative Bloq Staff Web design Clicking on a broken link is a pain, but a witty and well-designed error page at least sweetens the pill. Here are some designs to inspire
404 Error Page Template
you. Shares Page 1 of 2: Page 1 Page 1 Page 2 If you're working on 404 error page html code how to start a blog or website, don't forget the all-important 404 page – a standard response code in HTTP telling the user, in effect, 404 error page examples that they've clicked on a broken link.It's traditionally been an immense source of frustration, but in recent years, creatives have taken up the challenge of designing bespoke 404 pages that at least sweeten the pill of finding you're in the wrong
404 Error Message Text
place.When done really well, they become mini-ambassadors for the website itself, being shared on Twitter and blogs as an example of the site or service's keenness for customer service and unique approach to design. The 34 we present here have achieved all this and more, so take a look and be inspired to create your own bespoke 404 pages!01. Hillary ClintonHillary Clinton's 404 page is just the ticketIn the name of balance we totally checked out Donald Trump's 404 page and it was
Error Page Template Bootstrap
thoroughly uninspiring, but at least inoffensive. But if the US presidential election was decided on the quality of the candidates' 404 page then Hillary Clinton would win the heck out of it, for the GIF of her having trouble with her train ticket and for the link for getting people to sign up to volunteer.02. Dan WoodgerGuys, it's a cheeseburger on skates; what's not to love?Some 404 pages are little technical masterpieces, and some, specifically Dan Woodger's, feature a drawing of a cheeseburger on roller skates. It might push any boundaries but it at least give you an idea of Dan's style, and encourages you to click through to the rest of his work.03. FigmaMessing with vectors is so much fun when it's not actual workEven though we have a copy of Adobe Illustrator right here, and could play with anchor points and Bézier curves literally any time we want, we're still entranced by Figma's 404 page, in which the big 404 is rendered in vectors that you can reshape to your heart's content.04. South West TrainsThe regularity of this service is a little incongruous, to be honestSouth West Trains recently launched a new site (which you can read all about in issue 284 of net magazine), and it's hard to resist its railway-themed 404 page, with its 404 spelled out in train tracks and a dinky little train that comes rolling along every few seconds. All aboard!05. BloombergAbsolutely bonkers; Richard Turley, we salute youBloomberg's 404 pag
Was it the website? What do you do now? Article Continues Below 57 comments Share this on Translations Italian Russian Welcome to the world of the Error 404 page. You’ve requested a page — either by typing a URL directly into the address bar error 404 text message prank or clicking on an out-of-date link and you’ve found yourself in the middle of cyberspace nowhere. A
Simple 404 Page Html
user-friendly website will give you a helping hand while many others will simply do nothing, relying on the browser’s built-in ability to explain what the problem 404 page not found is. We can do better than that, can’t we? I won’t go into details about how you set your server up to deliver a custom 404 page — instead, I’ll refer you to these articles: Creating a Custom 404 Error Page (4 http://www.creativebloq.com/web-design/best-404-pages-812505 Guys From Rolla) Creating Custom Error Messages in Apache (4WebHelp) I will, however, suggest strategies for building a custom 404 page that makes the most of an otherwise lost cause. To get started, we need to examine the most common reasons that people find themselves on a 404 page: a mis-typed URL (or an out-of-date bookmark/favourite) a search-engine link that is out-of-date an internal broken link that the webmaster hasn’t noticed They all amount to the same thing, but they need to be handled slightly differently — http://alistapart.com/article/perfect404 the 404 message needs to be customized for each eventuality. There are some tricks that you can employ that apply to all scenarios, but my first suggestion is simple… Don’t point the finger Tell them what went wrong, by all means, but don’t admonish the user, even if you know it’s their fault! The phrases, “might have” and “possibly” are good ones to use here. Don’t get off on the wrong foot with this visitor to your site — you might yet turn this problem around. 404 Must-haves As well as the “something went wrong” text, you should ensure that your error page has the following: A link to the site map (if you have one) and the home page. This is the easiest way for users to bail out. This no-brainer requires no clever scripting. A search box. If you have a site search, add it to your 404 page. If you don’t have a site search and are in the habit of generating 404 errors, perhaps you should get one. A distinctly minimalist look. Avoid putting all your standard site navigation on this page. You should aim to remove distractions. Besides, insisting on including a complete site navigation strip may present a maintenance overhead (your 404 page can easily lag behind the rest of the site if it is not dynamically updated with the rest of your site and the last thing you want is to have navigation on the 404 that is no longer relevant/working. Oh the irony!) Also be s
Articles 5 Tips to Make Your 404 Page More Usable March 17th, 2009 Written by Matthew Kammerer Chief Executive Officer, Cofounder Published on March 17th, 2009 In this post I will outline 5 ways to make your 404 error http://www.uxbooth.com/articles/5-tips-to-make-your-404-page-more-usable/ page more usable. In some cases, a 404 page may be the first impression a visitor has of your site. Why not make it a good one? These steps can easily lead to a better user experience if implemented and should be a part of every web site you develop. 1. Ditch the Default Customization of your 404 page is the first step when improving your 404 error error page. The default error message is not helpful. In most cases, landing on a page that results in a standard 404 Error means that your viewers will only have the option to return to the previous loaded page. If your user lands on a 404 page from an outside link, then you have no chance of retaining the visitor unless they visit your domain directly. 404 error page Do not expect users to put forth this much effort if you have not put forth the effort to make your page more user friendly. Customization is easy and can make a world of difference. There are guides on creating your own custom 404 page for services such as WordPress and Apache. 2. Keep it familiar Yahoo! keeps it's 404 Message short and simple, but it is evident that the page is a part of Yahoo. Sometimes, it just makes the most sense to start back from square one. When designing your 404 page you want to keep the same basic structure as the rest of your site. When a user lands on a 404 page that looks completely different from the site they may wonder if they have left your site completely. At the very least, keep a recognizable banner or logo that a viewer can instantly connect with in your 404 Error Message. Simply seeing a familiar graphic will be reassuring enough for most. 3. Keep it Basic Your 404 page should be kept basic so that you do not intimidate your user; the fact that your user has stumbled onto an error will be