Дизайн — статьи о сайтах
Клиент шиномонтажа обычно спешит: прокол, пора переобуваться, нужно понять, примут ли сегодня. Если кнопка называется «Подробнее» или «Узнать», он вынужден гадать, что случится после нажатия. Проверить, не гадают ли ваши посетители, можно без специалистов и больших бюджетов.
Где на сайте шиномонтажа чаще всего путаются
Типичные места: «Услуги» ведут на длинный список без цен. «Записаться» открывает форму из пятнадцати полей, хотя человек хотел просто позвонить. «Прайс» скачивает файл, который неудобно открывать на телефоне. «Акции» ведут на предложение, срок которого давно прошёл. Название обещает одно, а после нажатия человек получает другое.
Есть и особенность отрасли: задачи у клиентов разные. Кому-то нужен срочный ремонт прокола, кому-то сезонная замена комплекта, кому-то хранение шин или работа с дисками большого радиуса. Одна кнопка «Заказать услугу» эти сценарии не разделяет.
Условный пример: первый экран до и после правки
Возьмём вымышленный сайт. На первом экране есть:
- кнопка «Подробнее» под заголовком «Шиномонтаж для легковых авто и внедорожников»;
- кнопка «Заказать» в шапке;
- фраза «Стоимость работ смотрите здесь», где «здесь» — ссылка;
- пункт меню «Акции».
Неясно, что именно «заказать»: звонок, запись на время или доставку? Куда ведёт «Подробнее»? Ссылка «здесь» ничего не говорит, если прочитать её отдельно от фразы, а так обычно и просматривают страницу. Вариант понятнее:
- «Записаться на удобное время» — ведёт к выбору даты;
- «Позвонить» рядом с номером телефона;
- «Цены по размеру дисков» вместо «здесь»;
- «Сезонная замена колёс» вместо общего «Подробнее».
Правило простое: глагол и объект, а при необходимости результат. По тексту кнопки должно быть ясно, что произойдёт, и не нужно держать в голове соседний абзац.
Как провести проверку на пяти людях
Найдите пятерых знакомых, которые не работают у вас и не видели сайт. Дайте каждому задачу своими словами, не повторяя названия кнопок:
- узнать примерно, сколько стоит поменять колёса на их машине;
- записаться на ближайшую субботу;
- найти адрес и понять, как подъехать;
- выяснить, есть ли у вас хранение шин.
Попросите говорить вслух, что человек видит и чего ждёт от нажатия. Не подсказывайте. Записывайте, куда он нажал первым, что ожидал увидеть и на каком шаге замялся. Если в одном месте споткнулись двое-трое, это повод менять текст или расположение, даже если вам самим всё очевидно.
Дополнительно проведите проверку «пять секунд»: покажите главный экран на столько же и спросите, что здесь можно сделать. Если человек не назвал запись или звонок, главные кнопки не заметны или не понятны.
Что проверить отдельно с телефона
Многие ищут шиномонтаж с телефона, стоя у машины. Возьмите смартфон и пройдите те же задачи:
- номер телефона набирается одним касанием, а не нарисован картинкой;
- кнопки и пункты меню достаточно крупные, пальцем не попадаешь по соседней ссылке;
- адрес открывает карту или маршрут;
- в форме поле телефона вызывает цифровую клавиатуру, а кнопка отправки видна без долгой прокрутки;
- после отправки появляется сообщение, что будет дальше: когда и как с клиентом свяжутся;
- прайс читается на экране без увеличения, а если это файл, он открывается без сбоев.
Посмотрите на экран на улице при ярком свете: бледно-серая кнопка на белом фоне там почти не видна.
Что делать с результатами проверки
Выпишите по каждому месту, чего ждал человек и что получил. Исправления обычно бывают трёх видов: переименовать кнопку, убрать или перенести лишнюю, добавить пояснение рядом. Например, под «Записаться на удобное время» можно написать: «Администратор подтвердит запись по телефону».
Если на сайте установлена Яндекс.Метрика, можно задать цели на нажатия ключевых кнопок и посмотреть карту кликов. Но цифры показывают, где нажимают, а не почему. Поэтому они дополняют разговор с людьми, но не заменяют его. После правок повторите проверку с другими людьми: те, кто видел старую версию, уже знают, где что лежит.
Короткий проверочный список
- Название каждой кнопки объясняет действие, нет голых «Подробнее», «Заказать», «Здесь».
- На первом экране видны запись и звонок.
- Ссылка понятна, если прочитать её вне предложения.
- Для разных задач (прокол, сезонная замена, хранение) есть свои входы.
- После нажатия человек попадает туда, что обещала кнопка.
- С телефона номер набирается касанием, а форма короткая.
- После отправки заявки понятно, что будет дальше.
- Устаревшие акции и цены убраны вместе со ссылками на них.
- Проверка проведена минимум на пяти людях, не знакомых с сайтом.
