«Страница не найдена» или «Упс! Что-то пошло не так» — Дизайн на vc.ru

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

12 938 просмотров

Коротко напомню о том, что такое ошибка 404 и с чем её едят

404 Page Not Found (она же – ошибка 404 или «страница не найдена») – это код состояния, в котором пребывает HTTP. Для самых любопытных: первая цифра кода “4” – обозначение неточности со стороны пользователя, а именно неверно введенный URL или попытка открыть уже/ещё несуществующую страницу; код “04” – тот самый “Not Found”, а именно вполне конкретная ошибка.

Почему данная страница “неожиданно” появляется перед пользователем?

• Сайт удален и больше не работает. В этом случае вам, как владельцу, переживать не о чем, если только у вас не появился новый сайт, до которого пользователь ещё не дошёл;
• Сайт находится в разработке. Тут необходимо красиво подойти к “диалогу” с пользователем и уведомить его о том, что в скором времени он может вернуться. Главное, сделать это так, чтобы ему захотелось это сделать;
• Проблема в написании ссылки;
• URL страницы изменился.

Рассмотрим 404 ошибку глазами обычного посетителя

Первый вопрос, который приходит на ум, когда всплывает неопознанная ошибка: «Что мне со всем этим дальше делать?». Если решения на горизонте не видно, проще всего попрощаться со страницей и открыть другую. Но! Это лишь в том случае, если не будет чего-то интересного, что смогло бы меня удержать.

“Авторская” страница ошибки 404 должна выполнять всего несколько функций:

• иметь красивый вид, не отпугивать внимание и заинтересовывать;
• отвечать на тот самый вопрос “И что же мне делать дальше?”;
• включать в себя работу SEO.

«Чек-лист» дружелюбной ошибки

Приведем что-то вроде «Чек-листа» для создания дружелюбной страницы, сообщающей пользователю о том, что «что-то пошло не так»:

• Будьте открытыми и готовыми помочь пользователю справиться с ошибкой, с которой он столкнулся не по своей вине.
• Не нужно заумничать и вдаваться в техническое объяснение ошибки. Как минимум, это совершенно непонятно «непосвященном», максимум – раздражает непонятностью. Не обязательным становится даже употребление цифр “404”, главное просто и доступно объяснить, по какой причине пользователь мог оказаться “здесь” и “сейчас”.
• Объясните, что нужно сделать. Например, проверить адрес ссылки.
• Не забывайте про стиль вашего сайта. Так у пользователя заранее будет сформировано доверительное отношение к странице, потому что стиль “ошибки” будет знаком.
• Принимая всё вышеперечисленное, не нужно пичкать страницу большим количеством текста, ссылками, изображениями. Это страница ошибки, страница, которая “не найдена”, но никак не одна из нормальных страниц сайта.
• Будьте изобретательными и позитивными. Самый лучший способ удержать пользователя на страницах своего сайта — привлечь его внимание. Лучше всего с этим справляется забавное, иногда каламбурное, оформление.

• Всегда выручает строка поиска, которая:

А.удержит пользователя;

Б.поможет ему всё-таки отыскать то, что он искал.

• Не забывайте про SEO. Максимально важно сократить, а в лучшем случае — вовсе исключить появление некорректных URL, приводящих к ошибке 404
• И вашим, и нашим. Дайте пользователю возможность сообщить о трудностях, с которыми ему пришлось столкнуться. Например, предложите ему нажать перейти на главную страницу по этой кнопке, тем самым сообщив об ошибке.

На примерах

Приведу примеры самых приятных ошибок, которые приходилось встречать.

Почему «Страница не найдена»? Примеры интересных 404-ых ошибок

Почему «Страница не найдена»?

Что такое «Ошибка 404»? Каковы причины её появления, и зачем она существует? Примеры наших «404-х» с объяснением, почему мы сделали именно так, а не иначе.

Что такое «Ошибка 404»?

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

Причины возникновения ошибки 404?

1. Адрес страницы был банально неправильно набран в адресной строке или пользователь прошел по «битой» ссылке.
2. Запрашиваемой страницы на сайте никогда не было.
3. Страница по указанному адресу раньше существовала, но была перемещена, переименована или удалена.

Дальше будет интересней! Не закрывай!

Дизайн Страницы 404 зависит от общей идеи сайта. Если сайт веселый и с шутками, то и 404 будет веселая. Если сайт более серьезный и деловой — 404 будет более консервативна.

Создавая приятные 404-е страницы мы стремимся снять негатив с пользователя, ведь он не нашел того, что искал.

Примеры креативных страниц 404

от Реактивного Агентства DVIGA

Абсолют

Абсолют — интернет-магазин канцелярии и товаров для офиса. Для страницы 404 мы выбрали помощника — канцелярскую скрепку Клиппи. Она поможет найти нужную страницу, благодаря строке поиска, либо отправит вас на главную страницу сайта. Вы же еще помните Клиппи?

eCheep

eCheep — портал о магазинах, дисконтных картах и скидках. На странице 404 мы видим собаку-шоппера. Он только что вернулся с шоппинга, держа в лапах пакеты, и отмечает удачные покупки бокальчиком игристого.

DVIGA

Вы попадаете на планету Миллер, как в фильме «Интерстеллар». На этой планете можно быстро дождаться обновлений сайта, ведь местный час равен 7 годам на Земле.

GoodsZone

GoodsZone — портал объявлений для покупателей и продавцов. Страница 404 символизирует любовь между продуктами (поставщиком) и покупательским пакетом (покупателем).

Холст

Интерьер-салон представляет огромный выбор обоев, тканей, панелей и множества другого для создания красивого интерьера. Страница «Not Found» — обои, которые разрывает Ошибка 404.

Импорт-Сервис

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

MES

Пример простой и лаконичной страницы 404.

Первый Парфюмерный

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

Tea-Point
интернет-магазин чая

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

Йо-Хо-Хо

Интернет-магазин сделан в пиратском стиле, а каталог товаров наполнен всем необходимым для отдыха, рыбалки, охоты и туризма. Неудивительно что на страницу 404 мы решили поместить веселого пирата, который подсказывает посетителю, что на этой странице клада нет и стоит поискать его на другой странице сайта.

ZvukDV

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

Катаргина Наталья

хозяйка офиса

Страница не найдена – GOV.UK Design System

 

  <основная роль="главная">
    <дел>
      <дел>
         
Страница не найдена
 
        

          Если вы ввели веб-адрес, проверьте его правильность.
        
        

          Если вы вставили веб-адрес, убедитесь, что вы скопировали весь адрес.
        
        

          Если веб-адрес правильный или вы выбрали ссылку или кнопку, свяжитесь со службой поддержки налоговых льгот, если вам нужно поговорить с кем-то о ваших налоговых льготах.