Effective 404 Error Pages
Contents |
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
Funny 404 Error Pages
a pain, but a witty and well-designed error page at least sweetens the custom 404 error pages pill. Here are some designs to inspire you. Shares Page 1 of 2: Page 1 Page 1 Page 2
404 Error Pages Best Practices
If you're 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, in effect, that they've clicked 404 error pages wordpress 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 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 cool 404 error pages 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, 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 dropp
Books eBooks Tickets Shop Jobs RSS Facebook Twitter Newsletter Search on Smashing Magazine Search Coding CSS HTML JavaScript Techniques Design Web Design Responsive
Creative 404 Error Pages
Typography Inspiration Mobile iPhone & iPad Android Design Patterns Graphics Photoshop Fireworks how to remove 404 error pages Wallpapers Freebies UX Design Usability User Experience UI Design E-Commerce WordPressWP Essentials Techniques Plugins Themes We use
404 Error Pages Templates
ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like http://www.creativebloq.com/web-design/best-404-pages-812505 yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns. 404 Error Pages, One More Time By Sylwia Besz-Miazga January 29th, 2009 404ErrorsShowcases 242 Comments The design of 404 error pages is often overlooked and underestimated. However, designed carefully, these pages can make a random visitor stay on your website, take a look around and https://www.smashingmagazine.com/2009/01/404-error-pages-one-more-time/ eventually find the information he or she was looking for in the first place. Effective 404 error pages communicate why a particular page couldn't be displayed and what users can do next. A search box and list of useful resources (possibly related to the missing page) could be helpful in this case. We've already covered the design of 404 error pages in previous1 posts2. In them, we also covered some interesting and useful ideas for designing 404 pages. Now, it's time for a fresh dose of 404-error inspiration. This article presents 50 more examples of beautiful and original 404 error designs. Some of them are beautiful but not user-friendly, others are user-friendly but not really beautiful. Please use these examples as a source of inspiration; hopefully, this showcase has something for everybody. Also note that some examples used in this post were suggested by our Twitter followers: please follow us on Twitter3 to vote on which article gets published next, discuss new ideas, get fresh updates and suggest great ideas for our n
and Creative Error 404 Pages Published by Hongkiat Lim,in Web Design Editor’s note: For a newer, updated version of this post, check it out here. Having a good Error 404 page is perhaps as important as having great contents. http://www.hongkiat.com/blog/60-really-cool-and-creative-error-404-pages/ Sometimes it may not be your fault visitors landed on error pages, but being able http://www.uxbooth.com/articles/5-tips-to-make-your-404-page-more-usable/ to communicate and direct them back to the home page is as good as a second chance to re-engage a visitor. Error 404 page helps you does that. If you don’t have a Error 404 page on your website or blog, you should probably start thinking of creating one. We’ve previously showcased you 50 Nice And Creative Error 404 404 error Pages, but the Internet is full of creative webmasters. Here’s another 60 Really Cool and Creative Error 404 Pages you should check out. 3 for the start, full list after jump. Propeller Pin it B3ta Pin it Cuoma Pin it Tinsanity Pin it latelategifts Pin it Huml Pin it 24-4 Media Pin it CssTricks Pin it Renkoo Pin it iFolderLinks Pin it TurboMilk Pin it Zivity Pin it Wufoo Pin it Soocial Pin 404 error pages it Deaxon Pin it rush68 Pin it Github Pin it RetardZone Pin it Planetgeek Pin it PatternTap Pin it Studentmarket Pin it BrightKite Pin it ClearSpring Pin it Erotica Challenge Pin it kidmondo Pin it Funned Pin it nickciske Pin it Lileks Pin it Urbanoutfitters Pin it lightpostcreative Pin it tele2 Pin it klaus Pin it DDZ Pin it Catswhocode Pin it Larknews Pin it Abduzeedo Pin it Fluther Pin it Limpfish Pin it Ferdaze Pin it Atspace Pin it Expansion Broadcast Pin it Chrisglass Pin it Fuelly Pin it Zanami Pin it Southpark Studios Pin it Geeksquad Pin it Orangecoat Pin it Centerd Pin it Dawdle Pin it Cartoon Network Pin it Amorphia Apparel Pin it Mozilla Pin it Jotsai Pin it The Brand Surgery Pin it Acme Pin it Seecoy Pin it Mmo Game Zone Pin it Acorn Creative Pin it Psyklone Pin it More? Here’s more – 50 Nice and Creative Error 404 Pages. Do you have a good Error 404 pages? or is there any good Error 404 pages we’ve missed? Please drop us a comment, we love to know. More Load More Posts © 2007‐2016 Hongkiat.com (HKDC). All Rights Reserved. Reproduction of materials found on this site, in any form, without explicit permission is prohibited. Publishing policy ‐ Privacy Policy Close Search Search Hongkiat
Articles 5 Tips to Make Your 404 Page More Usable March 17th, 2009 Written by Matthew Kammerer Chief Executive Officer, Cofounder Published on March 17th, 2009 In this post I will outline 5 ways to make your 404 error page more usable. In some cases, a 404 page may be the first impression a visitor has of your site. Why not make it a good one? These steps can easily lead to a better user experience if implemented and should be a part of every web site you develop. 1. Ditch the Default Customization of your 404 page is the first step when improving your error page. The default error message is not helpful. In most cases, landing on a page that results in a standard 404 Error means that your viewers will only have the option to return to the previous loaded page. If your user lands on a 404 page from an outside link, then you have no chance of retaining the visitor unless they visit your domain directly. Do not expect users to put forth this much effort if you have not put forth the effort to make your page more user friendly. Customization is easy and can make a world of difference. There are guides on creating your own custom 404 page for services such as WordPress and Apache. 2. Keep it familiar Yahoo! keeps it's 404 Message short and simple, but it is evident that the page is a part of Yahoo. Sometimes, it just makes the most sense to start back from square one. When designing your 404 page you want to keep the same basic structure as the rest of your site. When a user lands on a 404 page that looks completely different from the site they may wonder if they have left your site completely. At the very least, keep a recognizable banner or logo that a viewer can instantly connect with in your 404 Error Message. Simply seeing a familiar graphic will be reassuring enough for most. 3. Keep it Basic Your 404 page should be kept basic so that you do not intimidate your user; the fact that your user has stumbled onto an error will be overwhelming enough for them. The main goal of your 404 page is to direct your user to the page they were looking for as quickly as possible. Digital Photography School Blog is quick to connect users that land on a 404 page with the most recent content posted at the site. This goal needs to be met in a way that will benefit a broad audience, but again, too many options will quickly make the page ineffective. Offering links to the most used pages on a site is one way to ensure you'll help a wide number of users: For some sites this may simply mean including the primary navigation, while on blogs and larger sites it may mean including links to the most popular posts/child pag