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