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

lexception

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

Плохо: не оформлять 404 вообще

Если страницы нет, то магазин не должен выдавать «чистый лист», как это происходит в магазинах Shopping Live или Oldi. Хотя бы минимальная информация о том, что произошло — уже лучше.

Плохо: выводить только название ошибки

Все такое видели: 404 page not found. Нет, современные пользователи уже достаточно опытны, чтобы самостоятельно разобраться с тем, что делать дальше — нажать «назад» в браузере, повторно зайти на сайт, воспользоваться меню и так далее.

Но так вы теряете две возможности: направить посетителя, куда вам выгодно (например, в определенную категорию товаров) и проявить заботу о нем. Мелочь, но из них в итоге и состоит лояльность.

Страница 404 у Утконоса могла бы быть немного более информативной и побуждающей к действию.

image10

Плохо: делать вид, что ошибки не было

Тоже спорное решение — автоматически перебрасывать на главную, когда искомой страницы не существует.

Например, клиент клиент переходит из рассылки на подборку акционных товаров, а ссылка уже неактуальна и подборку вы расформировали.

Так делает Quelle — у них страницы 404 просто как будто бы нет, пользователь автоматом переходит на главную. Решение рабочее, но пользователя оно дезориентирует.

image02

Плохо: предлагать подписаться на рассылку или вступить в соцсети

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

Как думаете, сколько человек подписывается на рассылку Isolux с этой страницы?

image09

Плохо: делать страницу ошибки оторванной от сайта

Действительно, много лет назад студия Лебедева давала рекомендации по оформлению 404-ой — и среди прочих там был совет:

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

Но чем была продиктован такой совет? Тем, что скорость интернет-соединения 15 лет назад была сами знаете какой — а «бесполезная» страница ошибки не должна была есть драгоценный трафик.

Но по инерции совету продолжают следовать десятки и сотни дизайнеров — делая из 404-ой нечто обособленное, оставляют только крупные цифры «404», поясняющий текст и пару ссылок.

На странице «ничего не найдено» Техносилы нет элементов навигации по сайту — но зачем? С меню было гораздо удобнее вернуться к пользованию сайтом.

image06

Плохо: бессмысленное декорирование

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

404-я Петровича не имеет функционального назначения, она абсолютно декоративная и бесполезная.

image05

Плохо: выводить карту сайта

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

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

image12

Плохо: использовать не универсальную фразу

Например, фраза «эта страница была перемещена» не описывает все случаи вывода 404-ой — страницу могли удалить, ее могло не быть совсем, пользователь мог ошибиться с вводом адреса.

Неточная формулировка введет клиента в заблуждение.

Теперь о хороших примерах использования 404-ой страницы.

Хорошо: предлагать воспользоваться поиском

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

У Ситилинка страница ошибки оформлена по старым канонам, однако она функциональна благодаря поиску.

image11

Хорошо: сохранять шапку сайта на странице ошибки

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

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

image03

Хорошо: выводить ссылки на категории или акции

Самый незатратный вариант: разместить ссылки на популярные категории — так выше шанс угадать потребности покупателя. Даже если у вас нет персонализации.

Минималистичная 404-ая Lamoda, тем не менее, функциональна — она предлагает начать пользоваться сайтом с определенной категории товаров или главной страницы.

image00

М-видео также предлагает перейти к популярным категориям товаров.

image07

Хорошо: предложить обратиться в службу поддержки

Если пользователь зашел в тупик — значит, у него появилась нерешенная проблема. Отличное решение — предложить помощь консультанта.

DNS дает ссылку на форму обратной связи на странице 404.

image04

Хорошо: выводить на 404-ой товарные рекомендации

Технологии позволяют сделать продающей даже страницу ошибки — этим глупо не воспользоваться.

Спортмастер не только выводит ссылки на популярные категории товаров, но и рекомендует конкретные товары.

image01

Bonprix наравне с категориями выводит просмотренные товары и персональные рекомендации на их основе.

image08

Итого

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

Вторая часть рекомендаций касалась функциональной части: рекомендовалось объяснить пользователю, где он, почему и что ему делать дальше. Приводить ссылки на главную страницу, каталог.

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

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

  • Текст, объясняющий, что и по каким причинам произошло.
  • Контакты службы поддержки.
  • Ссылки на основные страницы: главная, каталог.
  • Ссылки на популярные категории и акции.
  • Блоки с просмотренными ранее и рекомендуемыми товарами.
  • Шапка и подвал сайта на странице 404.
  • Модуль поиска и призыв им воспользоваться.

Источник: blog.websarafan.ru