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

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

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.
  • Модуль поиска и призыв им воспользоваться.

В качестве бонуса: небольшая таблица с топ-50 отечественных магазинов и решениями, которые они используют на странице «ничего не найдено».

Магазин Текстовое пояснение Ссылка: главная/каталог Ссылка: карта сайта Ссылка: категории Модуль поиска Рекомендации товаров Эмоциональный дизайн Призыв обратиться в саппорт
EXIST + +
ЮЛМАРТ + + + +
WILDBERRIES + +
СИТИЛИНК + +
LAMODA + +
М.ВИДЕО + + +
ОЗОН + + + +
СВЯЗНОЙ + + + +
ЭЛЬДОРАДО + + +
КОМУС
BONPRIX + + + +
УТКОНОС
СПОРТМАСТЕР + + + +
TECHNOPOINT +
ENTER + + + +
ТЕХНОСИЛА + + +
ХОЛОДИЛЬНИК.РУ + + +
ОНЛАЙН ТРЕЙД.РУ + + +
220 ВОЛЬТ + +
МЕДИА МАРКТ + + +
E96.RU + + + +
WIKIMART + + + +
ЛАБИРИНТ + + + +
SHOPPING LIVE
ЕВРОСЕТЬ + +
ОФИС-ЗАКАЗ + + +
ПЕТРОВИЧ + +
003.RU + + +
LA REDOUTE + +
KUPIVIP + + + +
ВСЕИНСТРУМЕНТЫ.РУ + +
DNS + + + + + +
APTEKA.RU + + +
FOTO.RU + + +
МТС + + +
TECHPORT + + + +
OLDI
ФОТОСКЛАД.РУ + +
QUELLE
RBT + + +
НИКС + + +
ШИНСЕРВИС + +
ИЗОЛЮКС + +
МЕГАФОН + + + + +
PETSHOP + + + +
NAME’S + + +
ИВ РОШЕ + +
СОТМАРКЕТ + + + +
ESKY + + + +
Л’ЭТУАЛЬ + + +
ПЛЕЕР.РУ + +
Понравилась статья? Поделись с друзьями!