Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Эффективные страницы ошибки 404

27 мая 2008 | Опубликовано в Веб-дизайн | 5 Комментариев »

Большое количество пользователей по причине отсутствия либо переноса страниц на другой сервер, попадают на страницы ошибки 404.
Вот таким образом выглядит стандартное уведомление об ошибке 404:

404-1

Конечно же пользователя это спугнет и он больше не будет пытаться зайти на ваш сайт. Чтобы такого не произошло, создайте свою страницу ошибки 404. Создать её точно так же просто, как и любую страницу сайта. А вот в её оформлении вы можете применять все что угодно. Ведь это отличный вариант удержать посетителей на сайте, проявляя заботу, да и просто осторожно оповещая об ошибке.
На ресурсе 404 Research Lab вы сможете найти множество примеров и руководства по созданию и установке собственных страниц ошибки 404.
Ниже мы приводим еще 24 примера эффективных и интересных страниц ошибки 404.
 

1. Привлекающие внимание визуальные образы

Wufoo — Page Not Found

wufoo

Twitter: 404

404-error-pages-03

The Big Noob — Page not found

404-error-pages-17

2. Использование альтернативы навигации по сайту

Last.FM — 404

404-error-pages-22

Devlounge

404-error-pages-01

Missing page :: Boagworld

404-error-pages-14

Page not found | Blog | 1976design.com

404-error-pages-11

BMI.com | We’re sorry

404-error-pages-12

3. Предложите обзор публикаций

Veerle’s blog 2.0 — 404

404-error-pages-10

Mike Davidson — Search

404-error-pages-08

Acro Media Inc — 404

404-error-pages-04

Technorati: 404

404-error-pages-05

4. Возможность выйти на связь с пользователями

404. You’re screwed. (kottke.org)

404-error-pages-06

Design View / Andy Rutledge — Error 404! Oh no you di’int!

404-error-pages-07

Oops. | GarrettDimon.com

404-error-pages-16

mezzoblue — Error 404

404-error-pages-09

JeffCroft.com: Page not found

404-error-pages-15

5. Выражение искренности и спокойствия

IBM.com — 404

404-error-pages-20

Apple.com — 404

404-error-pages-18

6. Дружественные страницы

IKEA — The page cannot be found

404-error-pages-02

Samsung.com — 404

404-error-pages-21

7. Не создавайте большое количество вариантов действий на странице

Microsoft.com — 404

404-error-pages-19

8. Малое количество вариантов, тоже не выход из ситуации

Artlebedev.com — Lost?

404-error-pages-13

9. Создавайте все, что душе угодно

Scythe.net

404-scythe

Автор – smashingmagazine




Комментарии

  1. sta1ex
    Thumb up Thumb down +1

    9-ый пункт самый правильный;)

  2. MetaSpirit
    Thumb up Thumb down -2

    Хорошая подборка. Особенно понравился 9-й пункт. Для себя на сайте использовал дизайн по типу «синего экрана смерти». Посмотреть можно здесь: netearningsguide.biz/404.html

  3. Max
    Thumb up Thumb down 0

    stranichko.org.ua/404.html

  4. Grandson
    Thumb up Thumb down +1

    а я вот так сделал:

    ошибка 404 

  5. Никитос
    Thumb up Thumb down +12

    отлично поют птицы ! www.masterproff.ru/404