(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Советы по дизайну страницы "404"

Источник: dejurka
designyourway

Любой интернет-пользователь может столкнуться со страницей "404" если искомый ресурс не был найден, если сайт переместили на новый сервер, или если такой страницы попросту не существует. Страница "404" может появиться если веб-адрес был введен неверно, или если пользователь нажал на битую ссылку.

Стандартное сообщение об ошибке "404" приносит мало пользы, потому что оно просто заявляет, что страница не может быть загружена и предоставляет возможные причины. Однако сообщение не дает никакой полезной информации о том, где же можно найти то, что было на пропавшей странице.

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

Правильный способ сделать это

Вместо того, чтобы показывать разочаровывающее сообщение об ошибке, эффективная конструкция страницы "404"  может быть использована для информирования посетителей, почему страница недоступна и что они должны делать дальше. Менее расстраивающим для пользователя выглядит страница "404", на которой также расположены меню навигации и форма поиска.

tableausoftware.com 404 error page

Ваше сообщение об ошибке должно объяснить пользователю, что, к сожалению, ошибка или иная проблема препятствует загрузке страницы и вместо нее появляться страница "404". Вы можете включить краткий список возможных причин, по которым это могло произойти.

Ваша страница "404" должна по крайней мере четко показать имя веб-сайта и логотип компании со ссылкой на главную страницу или другую часть сайта. Можно также рассмотреть возможность размещения адреса электронной почты, по которому можно с вами связаться.

snugglebugz.ca 404 error page

Окно поиска на странице "404" - это отличная идея еще и потому что вы сможете сможете собрать данные о том, что посетители ищут и не находят. В итоге на основе этих данных вы решите какие ссылки также включить в сообщение об ошибке.

Ключ ко всему - юзабилити

Любой посетитель, увидевший страницу "404" будет немного дезориентирован и разочарован тем, что не нашел нужную страницу. Помогите своим посетителей, сфокусировав их внимание на том, что нужно сделать дальше. Сделайте это четко и конкретно. Для посетителя должно быть очевидно что куда именно нужно нажать.

Можете подумать о добавлении какого-либо забавного содержания или смешных картинок, но помните, что это может оказаться отвлекающим фактором и ввести в заблуждение некоторых посетителей.

Творческий подход

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

Но важнее всего сделать страницу "404" настолько функциональной, чтобы пользователь мог легко получить доступ к вашему контенту. Посетитель, попавший на страницу ошибки должен найти свой путь к той информации, которую он ожидал увидеть, когда нажимал на ссылку или вводил адрес.

coolappse.com

coolappse.com 404 error page

kitkat.com

kitkat.com 404 error page

squarespace.com

squarespace.com 404 error page

roxanejammet.com
roxanejammet.com 404 error page

emailcenteruk.com
emailcenteruk.com 404 error page

lissasleeckx.be
lissasleeckx.be 404 error page

onsydney.com.au
onsydney.com.au 404 error page

facebook.com
facebook.com 404 error page

etsy.com
etsy.com 404 error page

browsermedia.com
browsermedia.com 404 error page

juicygraphics.net
juicygraphics.net 404 error page

klout.com
klout.com 404 error page

grainandmortar.com
grainandmortar.com 404 error page

trufcreative.com
trufcreative.com 404 error page

bluegg.co.uk
bluegg.co.uk 404 error page

graphitedigital.com
graphitedigital.com 404 error page

aisservice.com
aisservice.com 404 error page

bluefountainmedia.com
bluefountainmedia.com 404 error page

tobi.com
tobi.com 404 error page

titleist.com
titleist.com 404 error page

lego.com
lego.com 404 error page

cdbaby.com
cdbaby.com 404 error page

Вывод

Ошибка может в любой момент привести вашего посетителя на страницу "404". В этот момент он не должен испытывать раздражения от лицезрения стандартное сообщение об ошибке. Вместо этого посетитель должен чувствовать себя спокойно и уверенно в том, что он сможет найти правильный путь к нужной информации. Не позволяйте странице "404" увести пользователя с вашего сайта.

Ссылки по теме


 Распечатать »
 Правила публикации »
  Обсудить материал в конференции Дискуссии и обсуждения общего плана »
Написать редактору 
 Рекомендовать » Дата публикации: 01.07.2014 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
AutoCAD - mobile app Premium CLOUD Commercial New Single-user ELD Annual Subscription
Microsoft Visual Studio Professional 2017 Sngl OLP 1License NoLevel
VMware Workstation Pro 12 for Linux and Windows, ESD
dbForge Studio for MySQL Professional license
Обновление с КОМПАС-3D V16 Home до КОМПАС-3D v17 Home
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
Один день системного администратора
3D и виртуальная реальность. Все о Macromedia Flash MX.
Краткие описания программ и ссылки на них
Работа в Windows и новости компании Microsoft
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
Обсуждения в форумах
Качество образования в российских школах сможет выйти на новый уровень благодаря Office 365 (2)
Мне кажется, что образование за границей все равно на много лучше. Наши вузы, а особенно школы...
 
Как заказчики обманывают наивных художников и дизайнеров (21)
Ни один уважающий себя деловой человек не будет бесплатно раздавать свою работу и тратить время...
 
3D редакторы, плюсы и минусы (3)
Одно из многих сотен бестолковых обобщений. Прости их господи, Васей Пупкиных
 
Как извлечь рисунки из файла Word (47)
Вообще-то есть еще способ - сделать в Word-е Copy рисунка, открыть Microsoft Photo Editor и там:...
 
Куда обращаться с жалобой на почту? (1)
Привет всем, я работаю фотографом (ссылок не дам, пост не про рекламу). Мне давно хотелось...
 
 
 



    
rambler's top100 Rambler's Top100