Ошибка 404: Изящное решение - «Дизайны сайтов»
Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Наш опрос



Наши новости

       
18-03-2016, 15:00
Ошибка 404: Изящное решение - «Дизайны сайтов»
Рейтинг:

Испорченная ссылка — страшная сила. Когда мы видим «Ошибку 404» — страница не найдена («page not found»), это неважно сказывается на нашем отношении к сайту. Большинство посетителей просто сразу уйдет и даже разбираться не будет (кто-то даже может подумать что весь сайт не работает). Поэтому важно чтобы ваша «страница 404» была способна удерживать посетителей. Кстати, если вам нужно точное определение, код 404 означает что сервер понял запрос, но не нашел по указанному адресу (url) документа.


Проблема в том что типичные страницы «Ошибка 404» мало способствуют тому чтобы пользователь остался на сайте. Они, мягко говоря, убогие, поэтому единственное на что они способны –  вызвать чувство досады и раздражения.


Самый верный способ решения проблемы «404» – отсутствие битых ссылок. Это достаточно просто контролировать когда у тебя 10 страниц, но если речь идет о сайте который лет пять как ежедневно обновляется — за всем уследить сложно, а то и невозможно. Поэтому, за битыми ссылками нужно следить обязательно (чистить и удалять), но  в любом случае,  хорошую страницу 404 должна быть на каждом приличном сайте. Либо использовать системы управления контентом, которые позволяют избежать появления битых ссылок вообще.


Что такое «хорошая» страница 404 и какие задачи она должна решать? Во-первых, чтобы не наносить ущерба нежной психики просветителя, желательно чтобы страница 404 соответствовала дизайну вашего сайта. Во-вторых, она должна содержать пояснение как и почему пользователь здесь оказался, что могло быть причиной ошибки. В-третьих, должна как-то компенсировать пользователю то что он не получил ту информацию которую искал. То есть, содержать что-то вроде инструкции поясняющий что и где можно найти на сайте,  ссылки на популярные материалы и т.д. В-четвертых, «страница 404» должна как минимум не портить настроение, а лучше его поднимать. Как вариант, сделана с юмором.


Чтобы все получилось, страница 404 должна быть должным образом оформлена. О стилевом соответствии дизайну сайта было сказано выше, но этого мало. Страница «ошибки 404» должна быть интересной и «приготовленной» со вкусом. Должна обыгрывать какую-то идею, содержать картинки, иллюстрации (или что-то другое для реализации этой идеи). Иначе она будет скучной и сильно отличаться от стандартной не будет, а значит нужный нам результат достигнут не будет.


Для вдохновения хочу привести вам несколько очень креативных примеров оформления страницы 404:



Страшновато, лучше сюда, действительно, не попадать, а все находить сразу



Популярный, кстати, персонаж для страницы 404



“Похоже одного из нас нет” – таки да, ребята, потеряли страницу



Опять Он + ссылки на главную и страницу контактов



Стильно, спокойно и с блоком поиска на всякий случай



На видеохостинге Vimeo сразу отображают все возможные варианты и разделы



“Упс” встречается также часто, как и Гомер Симсон



Какая-то слишком “водяная” реализация, страницы в любом случае нету



Прикольное решение со знаком – сразу привлекает внимание



Они извиняются, что не нашли нужную страницу + ссылка на главную



Опа, а эту страницу украл ниндзя:) Ну, что ж, и такое бывает…



Часто фото разыскиваемых публикуют на пачках молока, чем страница 404 хуже



Позитивная реализация идейного черного юмора



Самая стандартная и четкая страница 404



Красивая цветовая гамма



Ухты, мимо такого уж точно сложно пройти мимо



Какой-то персонаж говорит нам, что страницы, увы, нет



Теперь о “пропаже страницы” сообщается целая команда



Просто и просторно – веб 2.0 ?



Ну, тут все всем, наверное, ясно – сериалы смотрим?



Что-то вроде черной дыры? с черным медведем сверху:)



Говорят, что страница исчезла как это часто бывает в магии



Упоминаемый ранее “упс” и ссылки на некоторые страницы



Ого, не нужно так сильно расстраиваться:)



Дохлая ссылка она как дохлая муха, ничего с нее уже не возьмешь



“Файловая реализация” страницы



Еще одна очень жестокая картинка, жизнь некоторых страниц так скоротечна…



Прикольная графическая иллюзия для разрядки + упс:)


Заключение: Наличие собственной талантливо сделанной страницы 404 говорит о многом. В-первую очередь о том что вы думаете и заботитесь о своем посетителе. Во-вторую, что у вас грамотно сделанный качественный ресурс. Кроме этого правильная страница 404 имеет и практическое значение — способна удержать  посетителя на сайте (и перенаправить в нужное место). «Мелочь!» — скажите вы. Мелочей не бывает! Вернее из мелочей все и складывается! Удачного вам креатива!


Испорченная ссылка — страшная сила. Когда мы видим «Ошибку 404» — страница не найдена («page not found»), это неважно сказывается на нашем отношении к сайту. Большинство посетителей просто сразу уйдет и даже разбираться не будет (кто-то даже может подумать что весь сайт не работает). Поэтому важно чтобы ваша «страница 404» была способна удерживать посетителей. Кстати, если вам нужно точное определение, код 404 означает что сервер понял запрос, но не нашел по указанному адресу (url) документа. Проблема в том что типичные страницы «Ошибка 404» мало способствуют тому чтобы пользователь остался на сайте. Они, мягко говоря, убогие, поэтому единственное на что они способны – вызвать чувство досады и раздражения. Самый верный способ решения проблемы «404» – отсутствие битых ссылок. Это достаточно просто контролировать когда у тебя 10 страниц, но если речь идет о сайте который лет пять как ежедневно обновляется — за всем уследить сложно, а то и невозможно. Поэтому, за битыми ссылками нужно следить обязательно (чистить и удалять), но в любом случае, хорошую страницу 404 должна быть на каждом приличном сайте. Либо использовать системы управления контентом, которые позволяют избежать появления битых ссылок вообще. Что такое «хорошая» страница 404 и какие задачи она должна решать? Во-первых, чтобы не наносить ущерба нежной психики просветителя, желательно чтобы страница 404 соответствовала дизайну вашего сайта. Во-вторых, она должна содержать пояснение как и почему пользователь здесь оказался, что могло быть причиной ошибки. В-третьих, должна как-то компенсировать пользователю то что он не получил ту информацию которую искал. То есть, содержать что-то вроде инструкции поясняющий что и где можно найти на сайте, ссылки на популярные материалы и т.д. В-четвертых, «страница 404» должна как минимум не портить настроение, а лучше его поднимать. Как вариант, сделана с юмором. Чтобы все получилось, страница 404 должна быть должным образом оформлена. О стилевом соответствии дизайну сайта было сказано выше, но этого мало. Страница «ошибки 404» должна быть интересной и «приготовленной» со вкусом. Должна обыгрывать какую-то идею, содержать картинки, иллюстрации (или что-то другое для реализации этой идеи). Иначе она будет скучной и сильно отличаться от стандартной не будет, а значит нужный нам результат достигнут не будет. Для вдохновения хочу привести вам несколько очень креативных примеров оформления страницы 404: Страшновато, лучше сюда, действительно, не попадать, а все находить сразу Популярный, кстати, персонаж для страницы 404 “Похоже одного из нас нет” – таки да, ребята, потеряли страницу Опять Он ссылки на главную и страницу контактов Стильно, спокойно и с блоком поиска на всякий случай На видеохостинге Vimeo сразу отображают все возможные варианты и разделы “Упс” встречается также часто, как и Гомер Симсон Какая-то слишком “водяная” реализация, страницы в любом случае нету Прикольное решение со знаком – сразу привлекает внимание Они извиняются, что не нашли нужную страницу ссылка на главную Опа, а эту страницу украл ниндзя:) Ну, что ж, и такое бывает… Часто фото разыскиваемых публикуют на пачках молока, чем страница 404 хуже Позитивная реализация идейного черного юмора Самая стандартная и четкая страница 404 Красивая цветовая гамма Ухты, мимо такого уж точно сложно пройти мимо Какой-то персонаж говорит нам, что страницы, увы, нет Теперь о “пропаже страницы” сообщается целая команда Просто и просторно – веб 2.0 ? Ну, тут все всем, наверное, ясно – сериалы смотрим? Что-то вроде черной дыры? с черным медведем сверху:) Говорят, что страница исчезла как это часто бывает в магии Упоминаемый ранее “упс” и ссылки на некоторые страницы Ого, не нужно так сильно расстраиваться:) Дохлая ссылка она как дохлая муха, ничего с нее уже не возьмешь “Файловая реализация” страницы Еще одна очень жестокая картинка, жизнь некоторых страниц так скоротечна… Прикольная графическая иллюзия для разрядки упс:) Заключение: Наличие собственной талантливо сделанной страницы 404 говорит о многом. В-первую очередь о том что вы думаете и заботитесь о своем посетителе. Во-вторую, что у вас грамотно сделанный качественный ресурс. Кроме этого правильная страница 404 имеет и практическое значение — способна удержать посетителя на сайте (и перенаправить в нужное место). «Мелочь!» — скажите вы. Мелочей не бывает! Вернее из мелочей все и складывается! Удачного вам креатива!

Теги: CSS Дизайны сайтов, страница должна 404» чтобы быть

Просмотров: 2 405
Комментариев: 0:   18-03-2016, 15:00
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 
Еще новости по теме:



Другие новости по теме: