Дизайн — статьи о сайтах
Вы хорошо знаете, что нужно клиенту: стрижка, борода, запись на удобное время. Но на сайте он должен найти это сам, по нескольким словам на кнопках и в меню. Если надпись непонятна, человек не станет гадать. Он закроет страницу или позвонит туда, где проще. Проверить это можно за один вечер.
Почему надписи, понятные вам, не работают для новичка
У барбершопа свой язык: «классика», «фейд», «королевское бритьё», «детокс для бороды». Для постоянного клиента это привычные слова. Человек, который пришёл впервые, может не понять, что скрывается за пунктом «Барберы» или кнопкой «Выбрать стиль».
Вторая проблема в том, что кнопка не говорит, что произойдёт после нажатия. «Отправить» — что именно и куда? «Подробнее» — о чём? Хорошая надпись называет действие или результат: «Записаться на стрижку», «Посмотреть цены», «Показать, как добраться».
Условный пример: главная страница с неудачными надписями
Возьмём вымышленный фрагмент главной страницы, чтобы показать, что именно искать.
- Меню: «Главная», «Услуги», «Барберы», «Движ», «Контакты».
- Первый экран: крупная фотография, слоган «Место силы для мужчины» и кнопка «Жми!».
- Ниже три карточки: стрижки, борода, подарочные сертификаты. Под каждой одинаковая ссылка «Подробнее».
Что здесь не так:
- «Движ» — непонятно, что внутри: фотографии, афиша или новости.
- «Жми!» не сообщает, чем закончится нажатие. Это может быть запись, видео или прайс.
- Три ссылки «Подробнее» неотличимы друг от друга. Это неудобно тем, кто листает страницу по ссылкам, например с помощью программ чтения с экрана.
- «Услуги» ведут на описание или на цены? Посетитель не знает.
Исправленный вариант: «Цены и услуги», «Мастера», «Новости и акции», кнопка «Записаться на стрижку», ссылки «Всё о стрижках», «Уход за бородой» и «Купить сертификат». Ничего не придумано заново, надписи просто стали точнее.
Как провести проверку на пяти людях
Дорогие исследования не нужны. Найдите пять человек, которые не работают у вас и не видели сайт: знакомые, соседи, друзья сотрудников. Лучше, чтобы они были похожи на ваших клиентов.
Дайте каждому задачи в виде жизненных ситуаций, не называя кнопки:
- «Узнайте, сколько стоит стрижка с бородой».
- «Запишитесь к любому мастеру на субботу вечером».
- «Выясните, как добраться и где оставить машину».
- «Вы хотите подарить сертификат другу. Найдите, как это сделать».
Пока человек выполняет задание, молчите и не подсказывайте. Попросите говорить вслух, что он ожидает увидеть после нажатия. Записывайте три вещи: куда он нажал первым, где остановился и задумался, в какой момент вернулся назад. Повторите тест на телефоне: там меню свёрнуто, а кнопки легко пропустить.
Как понять, что надпись нужно менять
Если двое из пяти по одной и той же задаче нажали не туда, надпись или её место надо менять. Это не статистика, а практический ориентир: одинаковая ошибка у разных людей говорит о проблеме сайта, а не о невнимательности.
Обращайте внимание и на то, что люди говорят до нажатия. Фраза «наверное, тут цены» при нажатии на «Услуги» — нормальный результат. Если же человек произносит «не знаю, что тут» или «попробую, вдруг это оно», надпись не справляется.
Короткий проверочный список
- Главное действие — запись — видно на первом экране и на каждой странице.
- Надпись на кнопке начинается с глагола и называет результат.
- Нет двух одинаковых ссылок, ведущих в разные места.
- Названия пунктов меню понятны без знания жаргона.
- Цены, адрес и телефон находятся не глубже одного-двух нажатий от главной.
- Телефон на мобильной версии нажимается и вызывает звонок.
- Кнопки заметно отличаются от обычного текста и достаточно велики для пальца.
- После отправки формы записи человек видит понятное подтверждение с датой и временем.
Что делать после проверки
Меняйте надписи по одной-две за раз и сразу фиксируйте, что поменяли. Для повторного теста привлеките новых людей: прежние уже знают, где что лежит, и их результат будет искажён. Если после правки задача по-прежнему вызывает затруднения, дело может быть не в слове, а в расположении кнопки или в лишнем шаге в форме записи. Тогда стоит обсудить с разработчиками изменение структуры страницы.
