Home > 500 Error > 500 Error Page Design

500 Error Page Design

Contents

CSS Ninjas CSS Ninjas is another example of the web design world's love of ninjasAnother example of the web design world's love of ninjas, this 404 page features a nice simple Not only do they entertain the user, they manage to do some branding in the process. Nobody likes to dwell on potential problems, but consider how much trouble we'd be in if a car manufacturer neglected to include a "check engine" light, just because they didn't want Method 1: Google Forms Google Forms is free forever, and provides a simple way to add a questionnaire form directly to your 500 pages. http://rlegsoftware.com/500-error/500-error-design.php

This is our way of giving something back to the community that's helped us get to where we are today. For the full scoop on our Better Error Pages tool and what prompted its creation, check out our blog. You may want to check out these two posts for further inspiration: 17 brilliant 404 pages and why they are cool 23 percent of the top US websites have bad 404 It includes -- on autoplay, and with sound -- an embedded video ofone of those goats that screams like a human. (You probably recognizethem from these viral videos.) Let's be honest additional hints

500 Error Page Examples

Reply Bloggeries says: December 18, 2008 at 1:40 pm Love it! Your customers might have been mid-workflow. Happens all the time.

Consider Ghost's 404 page. Whether you have a big or small website, we offer a range of options that suit you — always with a free 14-day trial. That's the concept CSS Tricks was going for in their 404 error page. Custom 500 Error Page Nginx Be Creative, Cultivate Your Brand Creating a page that's creative and attention grabbing is probably the most important step in convincing your visitor not to close their browser and type in

Promoted Promoted by BuzzFeed Staff Sponsored In The News Today One person died and more than 100 others were injured after a commuter train crashed into a New Jersey Transit station Custom 500 Error Page You have the opportunity to personalize the look of your error pages. nginx, varnish, unicorn), and it’s possible for any layer to throw various types of errors even when there hasn’t been an “error” as far as your application is concerned. http://ux.stackexchange.com/questions/15955/how-to-create-a-useful-500-internal-server-error-page You have just inconvenienced the visitor.

Your .htaccess file will override the server default error pages, directing Apache to use custom pages instead. Django 500 Error Page The last thing you want is a page so cluttered or creative that your user misses this critical information. Here’s that video sped up 4x: Method 3: Ramen Not all articles in this series will promote Ramen, but for this best practice, Ramen is an option. Error Pages Need Clarity The most basic function of an error page is to inform your visitors that they've encountered an error and give them options on how to move forward.

Custom 500 Error Page

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 http://www.buzzfeed.com/jpmoore/the-best-error-pages-online Refresh the post Super Uh Oh! 500 Error Page Examples If you know when the site will be back, let the user know. 500 Error Page Template Image Credit: Crayon 19) LEGO No copy needed on LEGO's 404 error page: They let their characters do the talking.

Users will have the ability write custom css and have that included in their error pages. get redirected here View this image › Ology ID: 32415 13. I would be stuck wondering whether or not I did something wrong and when I'll be able to come back to complete the task I was trying to do in the The next big evolution in error pages came when people realized they could make them funny. 500 Error Page Best Practices

Magnt Magnt's clever 404 page demonstrates both a keen sense of wit, and a clear call to actionMagnt enables you to create a business card themed web page in minutes. You can also upload it to a subfolder if you want it to handle error requests only for the subfolder. We close comments for older posts, but we still want to hear from you. navigate to this website more hot questions question feed about us tour help blog chat data legal privacy policy work here advertising info mobile contact us feedback Technology Life / Arts Culture / Recreation Science

Not only does an error page mean your customer was unsuccessful at finding or doing something, but sometimes you don’t even know it’s happening. Rails 500 Error Page Error pages should clearly state that something is missing or broken. That's not very helpful!

Makes you think, no?15.

The graphic is simple and the concept -- a missing link on a milk carton -- is fun and clever. 18) Moveline As if the graphic on Moveline's 404 error page Are the first solo flights by a student pilot more dangerous? Subscribe now to get free lessons. Bootstrap 500 Error Page We decided that if we were going to take some time away from the core product to build this free tool, we wanted it to be a joy to use.

There's a rails-react gem that defines a view helper that makes it super easy to pass React some data from the service and render it on the page. View this image › Telltale Games ID: 32404 5. Sourceforge Note the link to a status page. my review here Who cares that these services have extremely generous free tiers, and are dirt cheap after that?

Facebook Another example of keeping things really simple. Visit our corporate site. the galaxy. In addition to 500, there are dozens of other error codes such as 400, 401, 402, 403, 502, 503, and 504.

When something goes wrong with a web app, it’s common to display an error page. then your product is probably an SPA.