Как ни странно, ни один цифровой продукт не может быть на 100% безошибочным. Среди множества возможных проблем ошибки «404 – страница не найдена» неизбежны. Однако при правильном подходе эту неудачу можно превратить в возможность.
Освойте лучшие практики по сопровождению и вовлечению пользователей, которые попали в тупик 404, — и вы сделаете большое одолжение и им, и своему продукту.
Объясните, что произошло
Худшее, что можно сделать при показе страницы 404 — это не дать никакого объяснения. Бренды точно могут предложить нечто большее, чем баннер, который можно закрыть. Одна из эвристик Якоба Нильсена гласит: хороший продукт помогает пользователю распознать ошибку, диагностировать её и восстановиться после неё. Когда происходит ошибка 404, не упустите шанс обратить её в победу.
Дайте короткое и понятное объяснение, почему пользователь видит пустую страницу, и направьте его к полезной информации, например, на главную страницу. Избегайте технического жаргона, если вы не уверены, что ваша целевая аудитория — специалисты в данной области. В большинстве случаев простой язык полезен для всех: от экспертов до международных пользователей, особенно тех, кто использует английский как второй язык.
Заставьте пользователя улыбнуться
Смех — лучшее лекарство, так что научитесь использовать его в умеренных дозах. Ошибки неизбежно вызывают раздражение и разочарование — воспринимайте это как возможность разрядить обстановку, добавить немного радости и одновременно повлиять на общее восприятие.
Но есть нюанс — нужно знать свою аудиторию. Пусть характер вашего продукта или бренда определяет, сколько юмора будет уместно. Хорошая игра слов может расслабить пользователя, вызвать улыбку и помочь ему двигаться дальше. Однако неудачная шутка может оттолкнуть — особенно если пользователь пришёл за помощью и ждёт уважительного отношения.
Избегайте шуток или комментариев, которые могут задеть пользователей по признаку расы, пола, этнической принадлежности, сексуальной ориентации или любой другой характеристике. То, что кажется вам смешным, может оскорбить других и привести к тому, что они покинут сайт.
Совет! Избегайте культурных отсылок к книгам или фильмам, которые известны не всем — пользователи могут не понять их и отказаться от дальнейших действий.
Старайтесь над текстом
Для отличного пользовательского опыта на странице 404 вовсе не обязательны сложные иллюстрации — грамотный текст и полезные ссылки справятся с задачей не хуже. Ваш текст должен отражать характер бренда, а язык соответствовать вашей целевой аудитории.
Одно можно сказать точно — большинство пользователей оценят короткие предложения, разумную длину строки в 45–75 символов, понятный словарный запас и активный залог, который не звучит слишком официально или отстранённо. Пассивный залог допустим при описании действий системы, но его чрезмерное использование делает сообщение механистичным и менее человечным.
Добавьте уместную визуализацию
Даже если это первое взаимодействие с сайтом, хорошо оформленная и полезная страница ошибки вряд ли вызовет у пользователей разочарование. Большая, уместная иллюстрация и креативный текст станут отличным вступлением в бренд и одновременно предложат решение возникшей проблемы.
Иногда может быть непонятно, какая визуализация соответствует голосу бренда, или не хочется, чтобы страница ошибки выглядела странно и неуместно. В таком случае беспроигрышный вариант — простой дизайн, чёткий текст и полезные ссылки.
Направьте пользователей к лучшему контенту
Пока одни дизайнеры воспринимают ошибку 404 как катастрофу, вы можете превратить её в знакомство с вашим продуктом. Например, предложите пользователю подборку ссылок на полезный или популярный контент, который может его заинтересовать и побудить исследовать сайт дальше, а не закрыть вкладку. Без ссылок страница вряд ли вызовет желание задержаться и узнать больше.
Не знаете, какие ссылки добавить? Проверьте орфографию в запрошенном URL и предложите пользователю похожие совпадения для перехода.
Сделайте призыв к действию заметным
Страница ошибки — это возможность улучшить юзабилити и открыть новые пути для конверсии и укрепления бренда. Сделать это несложно: добавьте приятную иллюстрацию, понятное описание ошибки и чёткую, хорошо заметную кнопку выхода для пользователей, которые потерялись и не знают, что делать дальше.
Разумеется, эстетика страницы важна — но если она не предлагает решения, пользователи с большой вероятностью покинут сайт. Отдайте приоритет функциональности и добавьте понятный призыв к действию, например, кнопку возврата на главную, если не уверены, какие ещё ссылки будут уместны.
Добавьте строку поиска
Хороший UX строится на умении предвидеть потребности пользователей и устранять ненужные шаги на их пути. Если пользователь попадает на страницу 404, предложите строку поиска и побудите его попробовать снова. В худшем случае он хотя бы взаимодействует с вашим продуктом, а в лучшем — исследует разделы, которые изначально не планировал просматривать.
Совет! Предложите пользователям возможность сообщить об ошибке, но не делайте это обязательным.
Передайте характер бренда
Страница 404 может казаться «белой вороной», но она всё равно должна соответствовать общему стилю и атмосфере сайта. Если всё сделать правильно, она не только не навредит, но и поможет повысить конверсию и улучшить юзабилити. Убедитесь, что все иллюстрации соответствуют айдентике бренда, микротексты отражают его тональность, а шрифты и цвета совпадают с остальными элементами сайта.
Даже если ваша страница 404 технически корректна, она будет смотреться неуместно, если не перекликается с остальным сайтом. Это упущенная возможность вернуть пользователя обратно к основному продукту.
Избегайте перегруженности
Простота — это сложно, но именно она помогает пользователям избежать лишних усилий и разочарований. Если вы не уверены, что именно разместить на странице ошибки, достаточно будет краткого, вежливого сообщения и строки поиска — этого хватит, чтобы пользователь мог продолжить путь.
Оставлять пользователя без «выхода» со страницы 404 — плохая практика, но и перегружать её множеством ссылок тоже не стоит. Как указывает один из эвристик Нильсена, избыточная информация снижает видимость полезного и может сбить пользователя с толку. Помните: меньше — значит лучше.
Не переборщите
Обычная, банальная страница 404 обычно вызывает у пользователей чёткое ощущение разочарования и брошенности. Но если она ещё и перегружена иллюстрацией, не соответствующей тону бренда, или неуклюжей, натянутой шуткой — это может обернуться полной катастрофой. Умеренность — лучшее решение во всём, и это особенно справедливо для страниц с ошибкой. Когда вы насыщаете такую страницу большим количеством информации, это, скорее всего, приведёт к перегрузке восприятия у пользователей.
Добавьте интерактивность
У каждого из нас внутри живёт ребёнок, который любит выйти наружу, когда становится скучно. Почему бы не создать страницу 404, которая развлечёт пользователя и удержит его внимание?
Один из лучших примеров — страница ошибки на Dribbble. Она случайным образом выбирает цвет и показывает работы дизайнеров, которые могут заинтересовать пользователя и вдохновить его на дальнейшее исследование сайта. Строка поиска, превращающая страницу в интерактивный опыт, — приятный бонус.
Совет! Хотите применить эти практики на практике? Примите участие в нашем испытании по дизайну страницы ошибки 404 и получите обратную связь от других профессионалов.