Nice Web 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 404 error page template the pill. Here are some designs to inspire you. Shares Page 1 of 2: Page 404 error message text 1 Page 1 Page 2 If you're working on how to start a blog or website, don't forget the all-important 404 page –
404 Error Page Examples
a standard response code in HTTP telling the user, 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
500 Error Page
bespoke 404 pages that at least sweeten the pill of finding you're 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 friendly error messages examples Clinton's 404 page is just the ticketIn the name of balance we totally checked out Donald Trump's 404 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
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
Examples Of Good Error Messages
was the user’s fault. Whatever the cause, these errors—and how they are communicated—can have error message examples text a huge impact on the way someone experiences your website or app. Often overlooked, an ill-constructed error message can fill error 404 text message prank 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, http://www.creativebloq.com/web-design/best-404-pages-812505 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 http://uxmas.com/2012/the-4-hs-of-writing-error-messages 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 what went wrong? Your error message needs to explain the problem as clearly as p
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 resulting error or maintenance pages that will have to be shown to the http://royal.pingdom.com/2008/12/02/24-fun-and-inspiring-web-20-error-pages/ user. 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 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 error message 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, 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 404 error page 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 way. Orkut While not visually exciting, the error message is a classic. Myspace During one of its biggest service outages ever, MySpace did a brilliant thing: they put up a page with a playable Pacman game to keep people entertained. Stumbleupon We don't want to go outside… It's RAINING. (We're in Sweden.) Reddit When all else fails, blame the Large Hadron Collider. 🙂 Ning Showing pictures of your tech staff is always a great idea. Especially if they are