Страница 404: как интерфейс сообщает неприятные новости
Никто не хочет слышать неприятные новости. Но все воспринимается иначе, если сообщить о них правильно. И мы покажем, как это делать в UI.
Цифра 404 у многих пользователей вызывает неприятные ассоциации и чувство разочарования. А ведь это очень важное сообщение, позволяющее разобраться в происходящем и, если оно эффективно разработано, то даже решить проблему. На самом деле, очень многое зависит от правильного, учитывающего UX, дизайна интерфейса. Давайте вместе разбираться, как исправить подпорченную репутацию страницы 404.
Поле для творчества
404, или «Not Found» — это код довольно распространённой при переходе по ссылке ошибки. Соединение с сервером установлено, но запрашиваемая информация не найдена. Наверное, каждый сталкивался с подобным. Многие дизайнеры просто упускают этот момент в своём проекте или сознательно его игнорируют, не считая важным. Не поступайте так! Святая обязанность дизайнера — помогать пользователю, особенно, когда что‑то идёт не так. Ведь именно так вы показываете, основываясь на первую эвристику, состояние системы. что Согласитесь, никто не любит гонца с плохими новостями. Но если «гонец» супер харизматичный, улыбчивый и с искромётным чувством юмора, плохая новость уже не так сильно расстраивает. И это здорово! Когда подобный подход применяют к странице 404, у пользователей, вместо разочарования, появляется улыбка.
C юмором на странице 404 «пилюля» не такая горькая. Источник — Dribbble
Так что вместо закрытой перед носом двери, мы получаем порцию юмора. Для дизайнеров это отличный повод покреативить над интерфейсом и проявить всю свою смекалку и находчивость. Иногда в ход идёт даже «чёрный юмор».
И смерть с косою не такая страшная, всё зависит от чувства юмора. Источник — Medium
Можно использовать знаменитых и любимых киногероев, узнаваемые мемы или иллюстрации на тему самого сайта. Большую роль играет короткий, но цепляющий текст, так сказать небольшой сторителлинг. Аналогия с чем‑то более глобальным, скорее всего, нивелирует разочарование от такой мелочи, как потерянный сайт. Люди смысл жизни не могут найти, что уж говорить о какой‑то веб-странице…
Герой популярного мультфильма на странице 404. Источник — Dribbble
Поменяйте tone of voice страницы с серьёзного на шутливо-иронический. С подобным подходом вы создаёте у пользователя приятное послевкусие, и он не будет в обиде на вас за случившуюся неприятность. Ещё лучше, если вы поможете ему выйти из сложившейся ситуации.
Подсказываем выход
Итак, какими же могут быть выходы? Для начала давайте используем все возможности исправить ошибку. Возможно, это просто опечатка или орфографическая ошибка. Включите функцию автоматической проверки правописания и перечислите все близкие к запрашиваемому URL-адресу совпадения. Пользователь сможет перейти на нужную страницу одним щелчком. Опыт и базовая аналитика данных посещений сайта подскажут, какие ошибки самые распространённые. Мы, собственно как и система, не слишком изобретательны в плане ошибок. Часто мы наступаем на одни и те же грабли. Поэтому легко будет добавить в интерфейс список наиболее распространённых ошибок и предложить их решение. Всё, как советует Якоб Нильсен в пятой эвристике.
Пример яркой СТА на странице 404. Источник — Dribbble
Но чаще всего пользователям предлагают вернуться на исходную страницу. Правда, это не всегда соответствует их ожиданиям и потребностям. Если девушка зашла на сайт, чтобы выбрать платье, не стоит возвращать её на скучную главную страницу. Откройте перед ней каталог, и она продолжит поиск. Покупатель не уйдёт с сайта, и все останутся довольны.
Предоставьте выбор, куда пользователь может пойти. Источник — Dribbble
Хорошим маркетинговым ходом будет размещение на странице 404 навигационного меню. Включите в меню самые заманчивые категории и популярные функции, чтобы пользователь даже не думал нажать предательский крестик в браузере и покинуть сайт.
Навигация на странице 404. Источник — Dribbble
Добавьте строку поиска. Возможно, тогда посетитель сможет скорректировать свой запрос, и страница все‑таки будет найдена. Хотите краткий конспект по разработке и использованию страницы 404? Тогда, let’s go в наш Instagram! Мы уже подготовили пост с рекомендациями по проектированию 404 страниц. Всё легко вместе с нами!
Ошибка — не конец истории
Конечно, любая ошибка — неприятная вещь. Но чувство юмора, креативность и правильное проектирование страницы 404 поможет сгладить неприятное ощущение. Хорошим подспорьем в этом послужат 10 эвристик юзабилити, о которых мы уже рассказывали. Особенно обратите внимание на третью и пятую. Они помогают предупредить некоторые ошибки или же сразу предусмотреть выход из неприятной ситуации. Пользователю важно ощущать, что он свободен уйти, когда захочет. Но задача дизайнера — чтобы он захотел остаться.
Покажите, что вы ищете выход
Эмпатия крайне важна. Поэтому постарайтесь заверить пользователя, что вы рядом с ним и подскажете, как быть дальше. Принцип нашей Академии — научить студентов не только технике дизайна, но и умению чувствовать и понимать потребности пользователя. Наши студенты с успехом прокачивают как hard, так и soft skills. С таким человечным подходом любая ошибка не будет такой уж страшной ни для вас, ни для пользователей вашего сайта.
