А как у вас оформлена страница «ничего не найдено»? Неважно? Страница «ничего не найдено» — это не просто страница системной ошибки. Это ситуация тупика для пользователя, а значит, повод для сайта направить его в нужное русло. Особенно это актуально для сайтов электронной коммерции — в магазинах каждая страница должна выжимать максимум из своих возможностей.
Сегодня приводим актуальные рекомендации для оформления 404-ой страницы в e-commerce и смотрим, как страницы ошибки оформлены у топа российских онлайн-магазинов.
Плохо: не оформлять 404 вообще
Если страницы нет, то магазин не должен выдавать «чистый лист», как это происходит в магазинах Shopping Live или Oldi. Хотя бы минимальная информация о том, что произошло — уже лучше.
Плохо: выводить только название ошибки
Все такое видели: 404 page not found. Нет, современные пользователи уже достаточно опытны, чтобы самостоятельно разобраться с тем, что делать дальше — нажать «назад» в браузере, повторно зайти на сайт, воспользоваться меню и так далее.
Но так вы теряете две возможности: направить посетителя, куда вам выгодно (например, в определенную категорию товаров) и проявить заботу о нем. Мелочь, но из них в итоге и состоит лояльность.
Страница 404 у Утконоса могла бы быть немного более информативной и побуждающей к действию.
Плохо: делать вид, что ошибки не было
Тоже спорное решение — автоматически перебрасывать на главную, когда искомой страницы не существует.
Например, клиент клиент переходит из рассылки на подборку акционных товаров, а ссылка уже неактуальна и подборку вы расформировали.
Так делает Quelle — у них страницы 404 просто как будто бы нет, пользователь автоматом переходит на главную. Решение рабочее, но пользователя оно дезориентирует.
Плохо: предлагать подписаться на рассылку или вступить в соцсети
Если это единственный месседж пользователю, то место для него выбрано очень неудачное. Страница ошибки говорит пользователю, что он не нашел что-то, что искал, важную для него информацию или товар. То есть у него тупиковая ситуация, пользователь испытывает дискомфорт и хочет получить решение проблемы. Выводить вместо этого решения нелогичную здесь подписку — неэффективный ход.
Как думаете, сколько человек подписывается на рассылку Isolux с этой страницы?
Плохо: делать страницу ошибки оторванной от сайта
Действительно, много лет назад студия Лебедева давала рекомендации по оформлению 404-ой — и среди прочих там был совет:
«…нельзя допускать, чтобы несуществующую страницу путали с обычной. Поэтому на странице с ошибкой не должно быть основного меню сайта, верстки и цветов типовой страницы».
Но чем была продиктован такой совет? Тем, что скорость интернет-соединения 15 лет назад была сами знаете какой — а «бесполезная» страница ошибки не должна была есть драгоценный трафик.
Но по инерции совету продолжают следовать десятки и сотни дизайнеров — делая из 404-ой нечто обособленное, оставляют только крупные цифры «404», поясняющий текст и пару ссылок.
На странице «ничего не найдено» Техносилы нет элементов навигации по сайту — но зачем? С меню было гораздо удобнее вернуться к пользованию сайтом.
Плохо: бессмысленное декорирование
Проблема пользователя должна быть решена. Красивая 404-я с веселенькими иллюстрациями, возможно, забавляет вашего клиента, но проблему не решает.
404-я Петровича не имеет функционального назначения, она абсолютно декоративная и бесполезная.
Плохо: выводить карту сайта
Во-первых, карта сайта морально устарела как решение — интересно, ей кто-то реально пользуется? Во-вторых, есть масса других способов помочь пользователю с выходом из тупика 404-ой — о хорошем далее.
На Exist 404-ая предлагает навигацию с помощью карты сайта — притом, что на странице есть обычное удобное меню и модуль поиска.
Плохо: использовать не универсальную фразу
Например, фраза «эта страница была перемещена» не описывает все случаи вывода 404-ой — страницу могли удалить, ее могло не быть совсем, пользователь мог ошибиться с вводом адреса.
Неточная формулировка введет клиента в заблуждение.
Теперь о хороших примерах использования 404-ой страницы.
Хорошо: предлагать воспользоваться поиском
Это хорошая отправная точка — особенно если у вас персонализированный умный поиск, который рекомендует товары, релевантные интересам пользователя.
У Ситилинка страница ошибки оформлена по старым канонам, однако она функциональна благодаря поиску.
Хорошо: сохранять шапку сайта на странице ошибки
Страница 404 сильнее ставит в тупик, когда она не похожа на все остальные. Поэтому шапку с меню и полем поиска лучше оставить на прежнем месте.
МегаФон выводит побуждающий к действию блок поиска, при этом сохраняя шапку.
Хорошо: выводить ссылки на категории или акции
Самый незатратный вариант: разместить ссылки на популярные категории — так выше шанс угадать потребности покупателя. Даже если у вас нет персонализации.
Минималистичная 404-ая Lamoda, тем не менее, функциональна — она предлагает начать пользоваться сайтом с определенной категории товаров или главной страницы.
М-видео также предлагает перейти к популярным категориям товаров.
Хорошо: предложить обратиться в службу поддержки
Если пользователь зашел в тупик — значит, у него появилась нерешенная проблема. Отличное решение — предложить помощь консультанта.
DNS дает ссылку на форму обратной связи на странице 404.
Хорошо: выводить на 404-ой товарные рекомендации
Технологии позволяют сделать продающей даже страницу ошибки — этим глупо не воспользоваться.
Спортмастер не только выводит ссылки на популярные категории товаров, но и рекомендует конкретные товары.
Bonprix наравне с категориями выводит просмотренные товары и персональные рекомендации на их основе.
Итого
Мода на эмоциональный дизайн прошла. Когда-то нам советовали делать страницу «не найдено» не похожей на остальные, добавлять юмора, отходить в текстах от «сухого официального стиля» и так далее. Целью всего этого было развлечение пользователей, такая пасхалка внутри серьезного сайта — не нашел страницу, так хотя бы порадуйся нашему сюрпризу.
Вторая часть рекомендаций касалась функциональной части: рекомендовалось объяснить пользователю, где он, почему и что ему делать дальше. Приводить ссылки на главную страницу, каталог.
Сегодня такие рекомендации кажутся наивными: никому не нужны шуточки на несуществующей странице, всем нужна страница. Просто ссылки потеряли свою значимость — ведь теперь нет нужды делать страницу 404 минималистичной, убирать с нее меню и другие элементы навигации.
Функциональность пришла на смену эмоциональности. Современная 404-ая в интернет-магазине выглядит примерно так:
- Текст, объясняющий, что и по каким причинам произошло.
- Контакты службы поддержки.
- Ссылки на основные страницы: главная, каталог.
- Ссылки на популярные категории и акции.
- Блоки с просмотренными ранее и рекомендуемыми товарами.
- Шапка и подвал сайта на странице 404.
- Модуль поиска и призыв им воспользоваться.
