Design 500 Error Page
Contents |
Start 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 site About Us Learn more about Stack Overflow the company Business Learn more about hiring developers or posting ads with custom 500 error page us User Experience Questions Tags Users Badges Unanswered Ask Question _ User Experience Stack Exchange is 500 error page template a question and answer site for user experience researchers and experts. Join them; it only takes a minute: Sign up Here's how it works: Anybody can 500 error page examples ask a question Anybody can answer The best answers are voted up and rise to the top How to create a useful 500 internal server error page up vote 40 down vote favorite 18 I'm trying to create a useful HTTP
500 Error Page Best Practices
Error 500 Internal server error page and the recommendations I have found and the live examples I have stumpled upon use a very simple layout. They basically include: a logo a headline a message and a couple of solutions how to fix it such as reload the page, come back later or contact the webmaster. 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? Is it custom 500 error page nginx technical or is it just to keep an focus on the error message? error-message errors share|improve this question edited Jan 12 '12 at 4:59 Erics 7,10133571 asked Jan 10 '12 at 11:20 Tony Bolero 4,20511751 Please please please Alert the web master yourself. you've just created an Error catching website and shown it to the user and then ask the User to contact the web master. –Barfieldmv Jan 10 '12 at 13:42 1 You mean it's rude? :) I believe the best way is to automatically send an email to the webmaster with the details (as I asked about here - webmasters.stackexchange.com/q/24386/12031) –Tony Bolero Jan 10 '12 at 13:56 If at all possible present a meaningful error message if there is a reason for the 500. Many sites that have common 500s know why they have a problem. Fark.com has a custom error message which, erm, caters to both their admins and users. –Ben Brocka♦ Jan 10 '12 at 23:52 add a comment| 4 Answers 4 active oldest votes up vote 27 down vote accepted The point of a good error page is to apologize for the error, explain what happened in layman terms, what might be responsible for this, and what next steps to take. Yet, error 500 rarely supplies a good explanation so the error page has to be vague. This results in users starting to refresh the page hoping it would miraculously render, even in cases of major botched up code deplo
All Topics Web design 30 brilliantly designed 404 error pages 30 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 django 500 error page you. Shares Page 1 of 2: Page 1 Page 1 Page 2 If you're working on
Rails 500 Error Page
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,
Bootstrap 500 Error Page
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 http://ux.stackexchange.com/questions/15955/how-to-create-a-useful-500-internal-server-error-page 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 30 we present here have achieved all this and more, so take a look and be inspired to create your own bespoke 404 pages!01. Bluegg This noisy chap provides a hilarious notification that you're in the wrong placeThe 404 page of creative and digital design agency is simple, http://www.creativebloq.com/web-design/best-404-pages-812505 but so effective. Upon loading, you're greeted by a goat, who lets out the most almighty high-pitched scream, alerting you that the page doesn't exist. The inner child in us emerged and we must admit to playing this repeatedly, while crying a little with laughter. Bravo, guys.02. Hot Dot Production Hot Dog's 404 page is seriously addictiveHot Dot Productions has applied it's 'where design meets technology' tagline to its impressive 404 page, which features the three numbers made up of hundreds of tiny dots that change direction in response to mouse movements. Seriously cool.03. Airbnb If you drop ice cream on the floor, clean it up, right?This 404 page from couch-surfing behemoth Airbnb features a delightful animation that holds lessons for us all about ice cream and the inadvisability of dropping your ice cream. It also brings to mind press stories about people who rented out their homes on Airbnb, only to come back to a disaster area. Look, if you drop ice cream on the floor, clean it up, right?04. Lego Lego can do no wrong in our eyes – we love this cute little tableau for its website's 404 pageIn general, Lego can do no wrong in our eyes, and we love this cute little tableau for its website's 404 page, which proves that you don't need a lot of technical-sounding text to get your error message across.05. Magnt Magnt's clever 404 page demonstrates both a keen sense of wit, and a clear c
Resources Case Studies Reviews Testimonials What Is Inbound Marketing? Marketing Library Sales Training Academy About Company Our Story Board of Directors Management Team Careers News HubSpot News Events & Talks Press Coverage & Awards Speakers For Investors Investor Relations Agencies Pricing Blogs Marketing http://blog.hubspot.com/blog/tabid/6307/bid/33766/10-clever-website-error-messages-from-creative-companies.aspx Blog Where marketers go to grow Sales Blog Read, learn and sell Request A Demo Marketing Sales Where Marketers Go to Grow Subscribe Marketing Sales Agency Subscribe Please enter a valid email Please make a selection Thanks for subscribing! Marketing Feed Marketing Sales All Topics New Posts Subscribe Marketing Sales Agency Subscribe Please enter a valid email Please make a selection Thanks for subscribing! Marketing Feed Come together with the inbound community for 4 days 500 error of inspiration and education. Learn More 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 of time a business' website is up and functioning -- is an important metrics for marketers and IT professionals to track. But no matter how many resources you put into ensuring your website never, ever, ever goes down ... there's 500 error page always the looming possibilitythat it might. It's a bummer, but a fact of life. 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 you can do about the latter, you can make your website downtime a little less of a pain by having a creative error 404 message.This can do wonders to makeyour website visitors crack a smile in an otherwisefrustrating situation. Click here to download 50 examples of beautiful website design for even more web design inspiration. To get your designjuices flowing, this post will display some of our favorite website error pages. Hopefully you'll be able to take away a few ideas to snazz up your own 404 message. What is a 404 Error? 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 was removed or moved and the URL wasn't changed accordingly, orthe person justtyped in the URL incorrectly. For the most part, you can configure your web server to create a customized 404 error page. (If you're a HubSpot customer, click here tolearn how to customize your 404 page in HubSpot.) Some customized 40