404 error pages: reloaded (404 error page: Great)

Document directory

• 1. Appealing Images
• 2. Getting poetic
• 2. Poetic
• 3. communicate through emotions
• 4. communicate through irony
• 4. Irony
• 5. While you are lost...
• 5. Even if you lose...
• 6. Explain what happened.
• 6. Explain what happened.
• 7. Explain what can be done.
• 7. Explain what you can do.
• 8. Unusual solutions.
• 8. Unusual solutions.
• 9. be sincere.
• 9. Devout approach.
• 10. Do whatever you want to do.
• 10. Do what you want.

From: http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/

The level of e-files is limited. If possible, please refer to English or directly view the original text

By clin003 at 20070822 from: http://clin003.com or http://blog.csdn.net/clin003/

Three weeks ago we 've showcased some of the most beautiful, creative and user-friendly 404 error pages; we 've collected some interesting ideas one can use to help out the visitors once they got lost ony your page. we 've also asked our readersDesign their own 404 pagesAnd promised to present the best solutions afterwards.

Three weeks ago, we showed some of the most beautiful, creative, and easy-to-use 404 error pages. We have collected some interesting ideas, it can be used to help visitors who are lost on webpages. we also require our readers to design their own 404 pages and promise that it will be the best solution for the moment.

We 've got Ed over 100 entries. the choice wasn't easy, so evaluating the quality of the entries we' ve considered-among other things-the communication with visitors, precise and clear navigation, the use of graphics, creative ideas and some outstanding solutions. some of the solutions presented below might not be as helpful as they cocould or shocould be, however they include someCreative approachesYou shoshould be aware of designing your 404 error pages.

We have received more than 100 works. it is not easy to choose. In terms of work quality review, we consider: communication, accurate and clear navigation, use of graphics, creativity, and excellent solutions. some of the following solutions may not be useful, but they are also included because they also include some creative solutions. you should be aware of the 404 error page in your design.

By clin003 at 20070822 from: http://clin003.com or http://blog.csdn.net/clin003/

We 'd like to thank to everyone who participates ipated, your input means a lot for us and for web-designers worldwide. you help to improve the quality of the web. don't underestimate it.

We would like to thank every participant for your participation. There are many participants around the world for us and our website designers. with your help, the web quality will be improved. do not underestimate its power!

So here is what you 've come out with: over40 working examples of user-friendly, creative and outstanding 404 error pages-In a brief overview.

Here we have carefully selected more than 40 good, creative, and outstanding 404 error page instances.

1. Appealing Images

A really dirty, hand-made image with a comment-for despaired visitors only. The page also includes a search box.

1. Image appeal

Dirty, self-made images and unpolite pen writing (I have made a mistake, please leave here)-for desperate visitors, this page also contains a search box.

Rainfall daffinson makes sure you don't feel lost.
Rainfall daffinson makes you feel lost.
By clin003 at 20070822 from: http://clin003.com or http://blog.csdn.net/clin003/

Even a 404-error page can look stylish.
Looks stylish

A book with the page which couldn't be found.
One page not found in the book

Jamie Huskisson communicates with "lost" visitors using imagery.
Jamie Huskisson communicates with visitors through visual images.

404 error as time on a clock.
Just like the time on a clock

Sometimes you can feel or even smell that you're definitely not on the page you wanted to visit.
Sometimes you feel or smell that you are not visiting the page you want to access.

2. Getting poetic

404 error haiku. informative, however a direct link to the start page wocould be quite useful.

2. Poetic

404 error haiku. Detailed, but it is very helpful to directly link to the home page (Haiku here I don't know if it can be translated as an inspiration or FAQ)

Three more haikus by Lumino. Us. Plus beer to keep you company.
Three sentences: haikus from Lumino. Us, hey, beer companion

And one more haiku by alt-web.com.

Bluevertigo offers a poem with horizontal scrolling.
Bluevertigo provides a horizontal poem.

An small poem about the 404 error by poemofquotes.com
Poemofquotes.com: A small poem about Error 404

Jacob Thomas quotes Winston Churchill and informs lost visitors that the page they 've been looking for seems to have been burnt down by a puckish elf called 'prontyr '.
Jacob Thomas quoted Winston Churchill to inform tourists of the loss of the webpage. The webpage they are searching for seems to have been burned out.

Darren Hoyt appeals to the humanity of mistakes and errors and communication with visitors directly.
Darren Hoyt calls for human-oriented direct communication with tourists.

3. communicate through emotions

Isn' t he sad...

3. emotion (emotion)

Is it his sorrow...

... However, CAT content seems to be doing well...
... In any case, the cut content looks normal...

... And kry1_gets No biscuit.

Krystal does not get biscuit.

-------------------------------------------------------------------
Next we will not translate it. First we will sort it out and then translate it.
-------------------------------------------------------------------

4. communicate through irony

Maybe an idiot has passed you the wrong link or maybe a bigger idiot has linked in their site to a page that doesn't exist. in both cases the big boss man has been sent an email informing him of this problem, so the person responsible can be tied to a tree and horsewhipped! Nice to know.

4. Irony

Maybe the idiot has an incorrect connection, or a big idiot is still hanging on a nonexistent website page. in both cases, the boss has sent an email notifying him of this problem. So the person responsible can be tied to a tree and horsewhipped! Nice to know.

Martin Yelland has some good explanations about what happened: strange little web gremations or fluctuations of the Earth's magnetic field might have caused the error-however, A team of highly trained monkeys has been dispatched to deal with this situation.

Martin Yelland has already had a good explanation of what has happened: A small website customization or fluctuations in the magnetic field of the Earth may be wrong. In any case, A trained monkey team has been dispatched to handle this situation.
By clin003 at 20070822 from: http://clin003.com or http://blog.csdn.net/clin003/

Even although you're a douche bag, you can use a search box to get to the page you're 've been looking.

Even if you are a zombie, you can use the search box to find the desired page.

Apparently, this is a test of the emergency broadcast systems. You shoshould remain calm, these kinds of things happen all the time. The "Four Oh four error" by poropoptrt.com.

Obviously, this is a test of the emergency broadcast system. You need to stay calm throughout the process of such a thing,. "404 error" by poropoptrt.com.

5. While you are lost...

... You can read a comic...

5. Even if you lose...

... You can watch a cartoon...

... Or more comics (the image is changing after every RELOAD )...

... Or more comics (the image will change once the beauty refresh )...

... Get two cocktail recipes...

... Get two cocktail recipes...

... Dead...

... Don't count to 404 (the site also provides a search box and a tag cloud )...

Do not calculate 404 (the website also provides a search box and a label cloud)

6. Explain what happened.

Explanation in a well-designed visualization of what happened.

6. Explain what happened.

Explain what happened in a good environment.

Be aware when you 've reached a buzzless page...

You have reached the buzzless page

7. Explain what can be done.7. explain what you can do.

Foobr offers a detailed explanation on what can be done and what the "lost" visitor might be looking.

Foobr provides a detailed explanation of the lost content that tourists are looking.

3amproductions.net suggests pages the visitor might be looking.
3amproductions.net suggestions on the content that tourists are looking

Renet-web.met offers recent posts and a search box.
Renet-web provides recently submitted and a search box

8. Unusual solutions.

Shocking visitors with colors-interesting, but not quite appealing...

8. Unusual solutions.

Shocking visitors with colors-interesting, but not quite appealing...

Shocking tourists' tone-interesting but not quite good

Blue Screen of death on the web.
Crash on the Network (imitating the classic Win98 crash Interface)

Sorabji.com lists what people were looking for when they got the 404 page error. Interesting approach, however not recommendable-think of spambots.

Sorabji.com makes this list when people are looking for something and encounter a 404 error. This is an interesting method, but it is not worth recommending-think of spambots.

9. be sincere.

Jeremy seems to be really sorry about the missing page...

9. Devout approach.

Jeremy looks really sorry for this mistake...

... So is Rainer...

10. Do whatever you want to do.

This is not a working example, since the site isn' t using the page as a working 404 error page. nevertheless it's quite funny: The characters are talking, and as you might suggest, they are talking about 404 errors!

By clin003 at 20070822 from: http://clin003.com or http://blog.csdn.net/clin003/

10. Do what you want.

This is not a working example, since the site isn' t using the page as a working 404 error page. nevertheless it's quite funny: The characters are talking, and as you might suggest, they are talking about 404 errors!

This is not an example, because a website does not use a webpage as a 404 error page for work. even so, it is quite interesting: those texts are talking, and you may think that they are talking about the 404 error page!