404 error page – what you should do about that?

05Jun10

Tips to do when its comes 404 not found pages at your web site, what you should do about that?

404 error can be one of the most important pages in all your web site.  When you save a new interesting article at your firefox bookmarks, digg, delicious, stumble, etc its one of the good pretty motives for when you go back after years that old URL´s maybe do not exist any more. You may felt disappointed but in another hand like this examples I´ll show you below you can a get big smile and a strong impulse to search for another stuff instance of leaving the web site. Lets take a look!

Carsonified

Tip 1 – Give to the visitor a pretty good explanation why he can find that page

Tip 2 – Never say that is his fault because he didn´t find what he want – we need to be always guilt about the innocence of the others

404 error page


Project-euh

Tip 3 – Prepare a nice image to surprise you visitor as well… that way you can get 1×1 rule: one frustration and one satisfaction.  Frustration, because the visitor didnt get the page he want and one WoW cool image surprising to keep the visitor attention and give them back the satisfaction (further we´ll understood better this rule)

Tip 4 – You can give them a random web page like project-euh did. Don´t know if is the best option but is one option. If you do not give anything it i´ll be worst instance!


Css-tricks

Tip 5 – Be always creative, don´t forget the 1 x 1 rule. You can always give one contact to talk to the administration team. This way the frustrated visitor may want to ask were it goes the content that he was looking for…


The Future of Web Design

Tip 6 – You can always give the home URL or other trend topics you might want to promote . The user may want to search another contents. Don´t forget the 1×1 rule, you need to get the user focus, your creativity will help him to decide if he want to search for another thing, or he can just leave.


Product Planner


Zivity


Mundofox


Brightkite

404 error page


Hootsuite

error 404 page

This one in particularly make me laugh.  “… You like 404 pages” 😀


Suspended Animations

404 error pages


Centerd

centerd error 404


Heinz

heinz 404 error page


Gog

gog error 404 page


Acromediainc

404 error page


Cssscoop

cssscoop error 404


Boxtop

boxtop 404 error page


Zopa

zopa 404 error page


Arbitraryconstant

arbitrary constante 404 error page


Markdijkstra

markdijkstra error 404


Fryewiles

fryewiles 404 error page


Popscreen

popscreen 404 error page


Twurn

twurn 404 error page


Club Penguin

club penguin 404 error page


Southparkstudios

south park 404 error page


Plugins to make the 404 error page

If you´re using the wordpress CMS you may find a simple solution browsing this two URL suggestions:


Others 404 error list pages


A standard error as no good feeling

IE standard 404 error

IE error page

Portuguese online news – “i”

ionline error page


Conclusion

One of the worst part of website can be the 404 error page but our days the things have changed, for good i mean it. The users don´t like the standard IE or server configuration 404 pages and the designers themselves don’t like them either. 404 error pages is perhaps major reason why the user leave the web site or felt frustrated because they didn´t get what they want. These less frequently seen pages needed to be good for an effective 1×1 rule, for one side try to keep the user attention, give them some good explanation and renew his trust to keep browsing – this is what a good designer should think/be.



16 Responses to “404 error page – what you should do about that?”

  1. Nice article Jose!
    Since i don’t have 404 page yet, this will certainly help me find inspiration to create it.

  2. Hey Nikola.

    I´m glad that can be useful for you m8. Many thanks for the comment.

  3. “404 error pages is perhaps major reason why the user leave the web site”

    Exactly, so why not go beyond the standard 404 page and provide a better experience for the user? I’ve outlined one possibility here: http://bit.ly/ailAPg

  4. Hey Jonathan, thanks for let us know your article. You really described very well the whys of 404 pages.

  5. This article is so great I had to translate it and post it to my blog for the Greek Geeks! Thank you!

  6. Hey Mike,

    I´m really glad you see this post useful. Hope you can keep finding here more interesting articles 😀
    Many thanks for your feedback.

  7. 7 Rocky

    Great article buddy 🙂

  8. I´m Glad you liked Rocky. Thanks for the comment and the article promotion.

  9. Very nice showcase, some of these pages have amazing designs

  10. Thanks for your feedback DBuzz. I´m glad you enjoy the showcase.

  11. Hey Jose;

    Awesome article there, very nice written with lots of useful info! =)

    Thx!

  12. thanks for stoping by and for the comment VUk 😀

  13. Very usefull info! I translated it and posted it in my blog ;P

  14. Hey, i´m really glad you liked the content!! Ofc, feel free to translate and republish on your blog, i would be happy only with some link exchange to the original article here. Once more, thanks for stooping by and let us know your insight about this article.

  15. backlink added
    I was tragic I forgot that… :/

  16. No problem 😛 Thanks for adding the backlink, once more im glad you all liked and comment the article! Appreciated!


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: