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