Professional Error Messages
Contents |
WordPress ThemesBusiness TemplatesBusiness ThemesTravel ThemesPlugin Collections Select Page 50 Professional and Creative 404 Error Page Designs by Dustin Betonio | Nov 12, 2010 | Web Design | 7 comments Shares Facebook Twitter Google+ Pinterest The 404 error — aka File Not Found — examples of good error messages is one of the most common errors we run into browsing the Internet. It
Friendly Error Messages Examples
can be frustrating, but broken links are common and inevitable. This is why having a good and professional Error 404 error message examples text page is almost as important as having great contents. Sometimes it may not be your fault that visitors landed on the error page, but when it happens being able to hold their attention and lead
Good Error Message Text
them back to a relevant page is absolutely critical.A well-designed 404 Error Page can help you avoid losing your visitor's trust and potentially building up your readership even when everything is not perfect. In this article I give general advice on designing 404 error pages and have compiled a showcase of 50 professional and creative error pages. Advertisement404 Error Page TipsKnowing how bad it is!OK 404 error pages are error messages ux typically not given the focus they deserve. Most webmaster believe that there will be no broken links on their site and typically they click on the right links themselves (unless they actually take testing really serious). While 404 error pages are typically not overrun with traffic it can be quite interesting to investigate the traffic analytics for it to learn how many clicks there are and from where. One way to get the actual number is to use Google Analytics and view stats for Content By Title. You are looking for the title “Page not found”. If there are pages with a high number of 404 hits you can use Analytics Entrance Sources view to know exactly where the requests came from.What elements to add to a 404 Error pageWhen a visitor end on a page not found error page the main goal is to provide option for leading the person back into the site. One excellent option for this is a search feature and some funny graphics to make the situation less serious. In the showcase below you will find numerous examples of website that are sing illustrations this way.Another good idea for a 404 error page is to provide useful links and sugge
here for a quick overview of the site Help Center Detailed answers to any questions you might have Meta Discuss the workings and policies of this
Error Message List
site About Us Learn more about Stack Overflow the company Business Learn
A Error Message
more about hiring developers or posting ads with us Stack Overflow Questions Jobs Documentation Tags Users Badges Ask Question error message text prank x Dismiss Join the Stack Overflow Community Stack Overflow is a community of 6.2 million programmers, just like you, helping each other. Join them; it only takes a minute: Sign up Examples http://www.tripwiremagazine.com/2010/11/50-professional-and-creative-404-error-page-designs.html of professional & useful error pages [closed] up vote 6 down vote favorite 2 What real-life error web pages have you seen that have really impressed you AND would be genuinely useful to all types of users (savvy,novice,laid-back,frustrated,etc). Why were you impressed by the error? custom-error-pages share|improve this question edited Aug 12 '11 at 22:19 community wiki 2 revs, 2 users 100%Greg closed as http://stackoverflow.com/questions/287236/examples-of-professional-useful-error-pages not constructive by Brad Mace, Mark Elliot, Gilles, Bill the Lizard Jul 12 '11 at 13:21 As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.If this question can be reworded to fit the rules in the help center, please edit the question. add a comment| 5 Answers 5 active oldest votes up vote 4 down vote accepted Check out this page and you will know how to create proper 404 pages :) share|improve this answer answered Nov 13 '08 at 15:35 community wiki Kirill Titov add a comment| up vote 3 down vote Not exactly professional, but it gets the point across: http://www.thecenter2000.com/last/ share|improve this answer answered Nov 13 '08 at 15:34 community wiki willasaywhat add a comment| up vote 3 down vote It's not just web pages, but About Face (Alan Cooper's book) has a good section on error message. So
at 1:38 pmFilling out forms isn't always an easy task. No matter how simple you make it, users will make mistakes. Do your form error messages give users a feeling of worry or comfort? Error messages that are too alarming can make users abandon the http://uxmovement.com/forms/how-to-make-your-form-error-messages-more-reassuring/ form to seek safety from the unknown.Error messages that reassure users can make it easy for them to correct their mistakes and continue with the form. The design techniques below will help make your error messages more reassuring so that users feel comfortable completing your form.Avoid Negative WordsWords that have a negative tone have no place in form error messages. Negative words error message can make users feel like they’ve made a huge mistake, leading them to think the situation is worse than it is.When users feel fearful or anxious, it’s hard for them to think rationally to fix their mistakes. You don’t want to scare users to the point that they have to call on someone else for help when the issue is easily fixable. And good error message you don’t want to scare them so bad that they leave your form.There are ways of telling users they’ve made a mistake without making them feel like they’ve made a mistake. Don’t put the user’s focus on themselves by emphasizing that they made a mistake. Instead, put their focus on the form by pointing out what they need to do to fix the errors.The tone of your error messages should feel polite and professional. The choice of words you use in your error messages affect the user’s emotions. Choose to use reassuring words, not negative ones.Highlight Error Fields in Orange or Yellow, Not RedRed is the most common color used to highlight error fields. It’s effective in making them visible, but it can also overstimulate users and raise their pulse rate, making them feel like they’ve seriously screwed up on the form. Red is also associated with danger, which is not what you want users to feel when they make a mistake.Orange and yellow are warm colors that not only make error fields visible, but they make users feel less alarmed when they see it. These colors d