Funny Website Error Messages
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
404 Error Page Template
to inspire you. Shares Page 1 of 2: Page 1 Page 1 Page 2 If you're 404 error message text working on how to start a blog or website, don't forget the all-important 404 page – a standard response code in HTTP telling the user, 500 error page in effect, 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
404 Error Page Examples
in the wrong 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
Website Down For Maintenance Message
page and it was 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 a
of your website right now.Get Free Report AllWeb PerformanceHow to GuidesNew FeaturesNewsEngineeringVideos Categories ▾AllEngineeringHow to GuidesNew FeaturesNewsVideosWeb Performance 15 Awesome Fail Pages Eileen Flaherty—17 Jul 2012 Downtime occurs more often than most businesses like to admit. In fact, according to studies by the Aberdeen Research Group, error 404 text message prank the average website is out of business 8 days a year. This makes
500 Error Message Examples
for 192 hours of 500 error messages from any given site, resulting in Internet users frequently experiencing feelings of anger, website error message examples stress, and animosity - not exactly the customer experience businesses tend to aim for.Although downtime is difficult to avoid altogether, limiting its impact is feasible. In addition to being transparent about downtime and http://www.creativebloq.com/web-design/best-404-pages-812505 monitoring your site so that you can be alerted of issues as quickly as possible, having a humorous, clever, or visually appealing 500 error page may help to soften the blow when your site is unavailable. Although the ultimate goal is that users will never see your 500 error page, in the case that something does go wrong (because something will go wrong), it can't hurt http://rigor.com/blog/2012/07/15-awesome-fail-pages to give frustrated users something pretty to look at as they frantically click the refresh button in hopes of gaining access to your site.To recognize sites that have attempted to make the downtime experience slightly more bearable, we've compiled a gallery of our 15 favorite 500 error pages (in no particular order) for your viewing pleasure. If your business has an awesome error page that hasn't been included, or if we've left someone out, feel free to let us know. We'd love to hear your comments!1. LivingSocial2. atizo3. Giant Bomb4. GitHub5. hootsuite6. LinkedIn7. Opera Portal8. Clickscape9. Twitter (popularized the fail whale)10. YouTube11. Qype12. Twingly13. Digg14. iStockphotoFor more diversion, check out Mashable's 35 Entertaining 404 Error Pages.Click to share on Twitter (Opens in new window)Click to share on Facebook (Opens in new window)Click to share on LinkedIn (Opens in new window)Tags: E-Commerce, Trends0 CommentsYou might also like Satisfying Customer Needs Through Enhanced Performance Optimization Options not Always Optimal How Walmart.com Correlates Web Performance to Business Performance Top Reasons To Start An Online Business Today eCommerce Monitoring Best Practices 8 Essential Items Your E-Commerce Site Should Have The Case for Friendly, Reliable Shopping Carts E-Commerce News Round-Up Quick LinksHomeFeatu
2008 in Tech blog Sooner or later all websites run into trouble (even Google) or have to perform maintenance that takes them offline. However, there is a big difference between how different websites handle the http://royal.pingdom.com/2008/12/02/24-fun-and-inspiring-web-20-error-pages/ resulting error or maintenance pages that will have to be shown to the user. http://uxmas.com/2012/the-4-hs-of-writing-error-messages Some lighten the mood with jokes, some are dry and to the point, and some drop the ball completely. We make our living here at Pingdom by monitoring websites for problems, so we tend to stumble across more of these error pages than most people do. This post includes error and maintenance pages for 24 of the error message most popular Web 2.0 services out there. While two of them can definitely be considered examples of what NOT to do, the other 22 are here to give you plenty of inspiration and hopefully put a smile on your face. We have divided them into three categories: The fun (or very strange) ones The to-the-point ones The "non-existent" ones (i.e. the bad examples) If you're a frequent user of these services, 404 error page you are bound to recognize some of the screenshots below, although we tried to stay away from the most obvious ones (like the Twitter fail whale). And if you're feeling inclined to make your own custom error or maintenance page, we have included some helpful advice at the bottom of this post (a "best practices" of sorts). The fun (or very strange) ones YouTube YouTube is known for being one of the services that have truly charming error pages, in lots of varieties. Update: It turns out that the above page is actually not an official YouTube error page but a satirical take done by Brendan McGetrick. It's still a great example, though, so we'll leave it in here. 🙂 Mixx This one is brilliant. Not only do they entertain the user, they manage to do some branding in the process. Twitter Twitter's most (in)famous error mascot is the Fail Whale, but their error pages show more diversity than that. This is another (quite trippy) example. Yahoo Mail We like the touch with "rest assured the alarms are blaring in the basement." Flickr This has to be one of the most original error pages we have seen. Flickr turned it into a competition! Talk about distracting the user in a smart
on our websites. And they happen in real life. Sometimes it’s because we made a mistake. Or maybe a system failed. Maybe it really was the user’s fault. Whatever the cause, these errors—and how they are communicated—can have a huge impact on the way someone experiences your website or app. Often overlooked, an ill-constructed error message can fill users with frustration, and send them packing. A well-crafted error message, on the other hand, can work wonders. It can turn a moment of frustration (abandonment) into a moment of delight (and ideally, conversion). Every error, regardless of who is to blame, becomes a point of friction for your users. Well-written error messages can help reduce that friction. As UX designers, we like to reduce friction. So let’s get on with it. Introducing the 4 H’s So how do we write, or rewrite, our error messages to keep our users on track? It’s not that difficult, really. We just need to consider the 4 H’s of writing error messages. Error messages need to be: Human Helpful Humorous Humble Let’s look at these more closely. 1. Human The number one rule is to make sure your error messages sound like they’ve been written for humans. There’s nothing more frustrating than an error like this one. It sounds like it has been written by a robot. For a robot. Put your customer service hat on—think of your error message as a conversation with your user. Make sure it’s polite, understandable, friendly and jargon-free. The Firefox error message is a better example. Think about your audience. How would you explain the error to them, in human speak? Write those words down. That’s your error message, right there. 2. Helpful OK, so your error message is readable. But is it helpful? The rules to crafting helpful error messages are fairly straightforward. Ask yourself: Is it visible? There’s no point displaying an error message if the user doesn’t even see it. Think about the message size, colour and location of your error messages. Make them prominent. Does it explain clearly wha