Как должна выглядеть страница ошибки 404?

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

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

Контрольный сайт

v 1.0 – только текст.

Текст — обычный текст, информирующий пользователя о возможных причинах, по которым он мог попасть на страницу 404
конверсия - 37%

только текст на странице 404

v 1.01 – Текст, картинка и ссылка.

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

  • картинка в дополнение
  • добавлен поиск
  • список ссылок
  • конверсия — 33,74%
  • увеличение просмотров на посетителя — 29,12%

Текст, картинка и ссылка на странице 404

v 1.02 – Картинка, текст и ссылки.

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

  • картинка в дополнение
  • добавлен поиск
  • список ссылок
  • конверсия — 37,74%
  • увеличение просмотров на посетителя — 38,44%

Картинка, текст и ссылки на странице 404

v 1.03 – Большая картинка, текст и выпадающее меню.

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

  • картинка в дополнение
  • добавлен поиск
  • выбор продукта из выпадающего списка
  • конверсия — 38,32%
  • увеличение просмотров на посетителя — 73,2%

Большая картинка, текст и выпадывающее меню на странице 404

Подводим итоги

Как видно из примеров победила версия оформления 1.03, имея конверсию в 38,32% и общее увеличение просмотров на 73,2%.

Как выяснилось, большое количество ссылок на странице 404 отпугивает большинство пользователей.

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

Источник: A/B Case Study: How MEC Found a 404 Page Winner

Перевод: SEOM.info