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