
Когда сайт создан и все удовольствие подходит к концу, остается лакомый кусочек в виде страниц об ошибках. Например, о всем известной 404-й: страница не найдена. Зачастую на ней достаточно сослаться на главную страницу сайта и на некоторые основные страницы. На genn.org я отправляю на главную. С появлением xhtml-версии у посетителя будет возможность выбирать и версию, и раздел в этой версии (несмотря на флеш, уже сейчас можно сослаться на раздел works и даже на конкретную работу, с остальными разделами и permalinks продолжается работа). Ниже опубликованы фавориты из всех страниц об ошибках, которые мне когда-либо приходилось придумывать ;)
Prophoto
У продавцов фототехники внезапно пропал фокус:
Рассмотреть детали в натуральную величину и в новом окне
Interfax Украина
Новостное агентство Интерфакс не смогло найти ничего, о чем стоило бы сообщить:
Рассмотреть детали в натуральную величину и в новом окне
Новый канал
Новый канал вообще ограничил вещание на некоторых страницах своего сайта:
Рассмотреть детали в натуральную величину и в новом окне
Зеркало недели
Мы долго бились над тем, как интересно показать, что на сайте газеты отсутствует страница, пока наши головы не посетила идея, что в отсутствующую страницу газеты могли завернуть селедку, бандероль и даже легкие наркотики. Поскольку «Зеркало недели» — серьезное издание, мы решили ограничиться корабликом и самолетиком из пропавших страниц:
Рассмотреть детали в натуральную величину и в новом окне
Weblog
Весь дизайн weblog’a, мгновенного рейтинга сайтов, задумывался на основе стремящихся ввысь параллелепипедов.

Очевидно, что если какой-то из них заблудился и попал не туда, то это совсем не рейтинг веб-сайтов:
Рассмотреть детали в натуральную величину и в новом окне
CSSing
Для переделанного сайта Акеллы была создана своя страничка об ошибке. Я изначально заложил долю иронии в оформление CSSing: выступающие за края колонки фотографии, вписанные в лид заголовки, описания полей вроде «Ищем сбежавшего робота, 2х2 = ?», фигурная скобка, чтобы обозначить обязательные поля, и тому подобное.

Форма добавления комментария не оставит равнодушным никого, кто хочет о чем-то спросить или гневно возразить автору блога
На странице ошибки был поддержан общий дух оформления: что-то пошло не так, и все таги со стилями просто свалились в кучу внизу окна.
Рассмотреть детали в натуральную величину и в новом окне
***
Всегда есть смысл расслабиться и сделать страничку на 100 процентов в свое удовольствие, тем более, что заказчики от такого тоже в восторге ;) Если же говорить о функциональности «404-х страниц», то стоит помнить два важных правила:
- Страница с сообщением об ошибке — не тупик. У пользователя всегда должна быть возможность попасть на основные страницы сайта, чтобы он смог найти то, что искал по несуществующему адресу. В то же время пользователь должен понимать, что произошла ошибка.
- Адрес запрашиваемой страницы не должен изменяться до неузнаваемости. И так обидно, набрав длиннющий адрес страницы, выяснить, что пропущена какая-то буква. Еще обиднее, когда вместо того, чтобы предоставить посетителю шанс исправить ошибку в адресе, сервер перебрасывает его на какой-нибудь domain.com/404.html, вынуждая вводить все заново. Слеш в конце адреса или www перед доменом не критичны ;)








я думаю тебе стоит задуматься о написании книги.. по дизайну/вебу и просто хоошему стилю ) я серьезно. тебя всегда приятно читать, я думаю что слушать не менее приятно ;)
Работа с CSSing порадовала. В области формы комментария; и 404 страница хороша.
Тоха, ок, задумаюсь ;) Обещаю. Только до книги еще дел… тебе ли не знать ;) Говорят, что слушать меня интересно. После моих рассказов (я успел еще раз рассказать о создании хороших сайтов) меня благодарят и говорят, что было крайне увлекательно. Чертовски приятно, признаюсь я тебе ;)
Ну может тогда подкасты? Я думаю было бы очень интересно.
KBA-KBA, я с блогом пока няньчусь ;) С подкастами идея интересная, можно будет попробовать ближе к лету. Как раз и с блогом няньчиться поднадоест.
wow !!
its very interesting article.
Good post.
realy good post
thank you ;)