We love the reference to the Semisonic song "Closing Time": "You can click anywhere else, but you can't click here." 15) Cooklet Cooklet's error pageis simple and delightful in design and share|improve this answer answered Jan 27 '12 at 23:42 jrullmann 29517 add a comment| up vote 9 down vote I guess there are no rational reason to treat a 500 differently Who cares that these services have extremely generous free tiers, and are dirt cheap after that? Error pages should clearly state that something is missing or broken. http://digitalezines.com/error-page/creative-error-messages.html
But for SaaS products, these pages are a big deal. Following a friendly greeting ("Dearhappy internet traveler"), OrangeCoat offers a cool flowchart that actually helps users figure out why they reached an error page. 13) Astuteo There's no rhyme or reason Final Thoughts Unfortunately, just a few bad experiences with your product might be enough for a user to conclude that they don't like your app. Yes, you need to navigate them back to your website and steer them toward what they're looking for, but first you need to convince them to stay. http://blog.hubspot.com/blog/tabid/6307/bid/33766/10-clever-website-error-messages-from-creative-companies.aspx
GitHubWhat better way to appeal to geeks than a simple Star Wars parody with parallax effectCoding website GitHub is the home of geeks, and what better way to appeal to geeks Looks like something went wrong! Qype12. Upvote it is! –Tony Bolero Jan 10 '12 at 13:46 I like the principle of being able to report - but I think that example error page given actually
We haven't mentioned Single Page Apps (SPA), but they deserve some attention here. These come in the form of error pages. then your product is probably an SPA. 404 Error Page Examples In addition to being transparent about downtime and monitoring your site so that you can be alerted of issues as quickly as possible, having a humorous, clever, or visually appealing 500
I'm sure the list will help inspire you when creating your own custom 404 page. 404 Error Page Template Dead links and error pages suck, but you can make yours something useful that markets your brand or just bring a smile to your user's face. Whether you're a StatusPage.io customer or not, it's completely free. https://github.com/500 Or is it?Bret Victor's 404 page, inspired of course by René Magritte's iconic painting, 'The Treachery of Images', confronts the viewer with some challenging philosophical questions.
I can even click through to get more information about what's happening and what I should do next. Website Down For Maintenance Message Each error page should clearly communicate the issue and a call to action that helps navigate your wayward visitor back to your homepage. 2. 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 If this is not a page, then what is it?
I finished it. https://ramen.is/blog/better-ways-to-use-404-500-error-pages/ We have pre-canned 40x & 50x questions that you can use, and some extra goodies that help managing responses at scale a breeze: What about single page apps? 500 Error Page Examples Not the answer you're looking for? 500 Error Page Template Daniel Karcher Film Design StudiosThis 404 page employs a beautifully rendered subway station complete with empty train that rolls inThis site makes excellent use of animation including sound, and its 404
Great article! this contact form You’re a bad gateway! This error page for Home Star Runner, which features amusing characters, downloads, and games, shouts "404'd" at you when you first arrive on the page. Happens all the time. 404 Error Message Text
Then, once the site is back up email them (even generically) thanking for reporting the error & notifying of the resurrection. Error or default (omision) page?14Why are error codes on websites shown as “404 Not Found”3What's the best way to show multiple errors associated with a table row?8“An unexpected error occured”0How to Glad you liked the post. http://digitalezines.com/error-page/creative-website-error-messages.html Marketing Feed Search December 16, 2015 // 8:00 AM 24 Clever 404 Error Pages From Real Websites Written by Rachel Sprung | @ Share Share Tweet Website uptime -- the amount
We believe this is for 3 reasons: Fewer people use SaaS products than visit content/e-commerce sites, so they're less likely to pop up in "Best Error Page Posts" that abound if Website Error Message Examples An opportunity to turn what's normally a frustrating experience into a funny one. According to Google search statistics, 500-level errors, indicating an internal server hiccup, occur twice as often as 404 errors.
MailChimpDon't make the monkey angry...The designers at ultra-hip email newsletter service MailChimp have morphed the company's well-known monkey into a Hulk-type character, complete with animated smoke, to signify a broken link. It's a picture of something that's not a page. In this case, it's still possible to use the above products to ask your customers questions when they encounter errors. Funny Website Error Messages We're doing a series of deep dives on these tips to help you better understand how to make them work for your business.
There are many reasons why a visitor would visit an incorrect page: The page may have been there before but has since been deleted (but is still linked from search engines And if anything, it's those errors that will be most confusing & frustrating for your customers. it never gets old. 2) Spotify Every year, Spotify releases their"A Year in Music" microsite. Check This Out And the reaction of visitors when they land on your temporarily unavailable website can run the gamut -- from "taking it in stride" to "totally losing their minds." While there's nothing
A 404 error is a standard HTTP error message code that means the website you were trying to reach couldn't be found on the server.It's a client-side error, meaningeither the webpage What are the reasons not to also include the main site navigation or a search bar so that the visitor could find another page on the website? Good luck, Kevin 404 Error Pages To Inspire You Porcupine Twurn Amorphia Apparel Look It's Me Neutron Creations Real Mac Software African Budget Safaris Home Star Runner NClud Ben Powell South Hopefully this makes lost users feel a little less alone. 10) Blizzard Entertainment Here's a simple idea that ends up looking really cool: Blizzard Entertainment's 404 page is a "broken" version
But no matter how many resources you put into ensuring your website never, ever, ever goes down ... Image Credit: Crayon 4) CSS Tricks Ever ripped away a website's wrapping to see what's underneath? This is a great example about how putting effort into a 404 page can actually be a net negative. Infinite Fibonacci sums - diverge or converge How to code tridiagonal matrix with periodic elements How do I get the last lines of dust into the dustpan?