
Модуль 03
В предыдущих модулях вы проверили, насколько понятно представлено ваше предложение, легко ли найти нужную услугу и достаточно ли информации для выбора компании.
Теперь представим, что человек изучил сайт и заинтересовался предложением. Он хочет узнать стоимость, обсудить проект, записаться на консультацию или оформить заказ. На этом этапе важно, чтобы посетитель понимал, какое действие ему нужно совершить, как это сделать и что произойдёт дальше.
В этом модуле мы разберём пять вопросов:
В модуле пять небольших практических заданий. Вы будете работать с существующими страницами, кнопками и формами. Если всё уже устроено понятно, менять элементы необязательно.
Допустим, человек открыл страницу услуги по разработке сайтов. На первом экране он видит четыре одинаково заметные кнопки:
Каждое действие может быть полезным, но посетителю неясно, какой следующий шаг предлагает компания. Когда все кнопки выглядят одинаково важными, человеку приходится самостоятельно определять, с чего начать.
У страницы должно быть одно приоритетное действие, которое соответствует её назначению. Это не означает, что остальные кнопки нужно удалить. Дополнительные действия могут оставаться, но они не должны конкурировать с основным.
Начните с вопроса:
Что должен сделать посетитель после знакомства с предложением?
Ответ зависит от типа страницы и того, как устроена продажа вашего продукта. Например:
Выбирайте действие, которое действительно доступно на сайте. Например, если стоимость проекта определяется после обсуждения, не нужно делать основным действием «Купить услугу». В такой ситуации логичнее предложить обсудить проект или отправить запрос.
Пример 1. Студия веб-дизайна
Было
На первом экране три одинаково заметные кнопки: «Посмотреть работы», «Скачать презентацию», «Оставить заявку».
Стало
Основная кнопка«Обсудить проект».
Дополнительная ссылка«Посмотреть работы».
Компания предлагает заинтересованному клиенту перейти к обсуждению проекта, но сохраняет возможность сначала изучить портфолио.
Пример 2. Производство мебели
Было
На странице «Кухни на заказ» одинаково выделены кнопки: «Каталог», «Контакты», «Рассчитать стоимость».
Стало
Основная кнопка«Запросить расчёт кухни».
Дополнительная ссылка«Посмотреть наши работы».
Если клиент выбирает кухню по индивидуальному проекту, запрос расчёта может быть наиболее подходящим следующим шагом.
Пример 3. Онлайн-образование
Было
На странице курса расположены три одинаковые кнопки: «Программа», «О преподавателе», «Записаться».
Стало
Основная кнопка«Записаться на курс».
Дополнительные ссылки ведут к программе и информации о преподавателе.
Посетитель понимает, как перейти к записи, но может продолжить изучение предложения.
Необязательно полностью менять дизайн страницы. Часто достаточно использовать существующее оформление кнопок:
Например
Основная кнопка
«Обсудить проект».
Дополнительная ссылка
«Смотреть портфолио».
Если на странице несколько услуг
Определите основное действие для страницы в целом. У отдельных карточек могут быть собственные переходы к подробному описанию.
Если вы продаёте товары
На карточке товара главным действием обычно становится покупка или добавление в корзину. На странице каталога – переход к конкретному товару.
Если клиенту нужно сначала изучить предложение
Дополнительная ссылка на программу, портфолио или условия работы вполне уместна.
Если на странице несколько равнозначных предложений
У каждого может быть собственная кнопка. Не нужно искусственно делать одну услугу главной, если страница предназначена для выбора между ними.
Главное – чтобы посетитель понимал, какое действие относится к интересующему его предложению.
Где проверятьПервый экран главной страницы или основной страницы услуги, а также другие заметные кнопки на ней.
Начните с главной страницы или страницы вашей основной услуги. Посмотрите, какие действия предлагаются посетителю.
Ответьте на вопрос: «Что я хочу предложить человеку, который заинтересовался этой услугой?»
Например: обсудить проект, записаться на консультацию или оформить заказ.
Понятно ли, какая кнопка основная? Если несколько действий выглядят одинаково важными, определите, какое из них стоит выделить сильнее.
Пример изменения
«Главная страница → первый экран → сделать кнопку “Обсудить проект” основной, а “Посмотреть работы” – дополнительной».
Одно приоритетное действие для выбранной страницы и понимание, нужно ли изменить оформление существующих кнопок.
Когда посетитель сайта изучает предложение и видит кнопку «Узнать больше» у него появляется логичный вопрос – что произойдёт после нажатия? Откроется подробная информация об услуге? Форма обращения? Каталог? Или сразу начнётся оформление заказа?
Посетитель не должен угадывать назначение кнопки.
Текст кнопки должен соответствовать действию, которое произойдёт после нажатия.
Теперь проверим, насколько понятно на сайте обозначено основное действие. Если вы уже знаете, какое действие главное на выбранной странице, переходите к проверке кнопки. Если ещё не определили его, можете сначала выполнить задание № 7.
Начните с того, что происходит после нажатия.
Если открывается подробная информация
Используйте формулировки, которые объясняют, что человек сможет изучить. Например:
Если открывается форма обращения
Кнопка может обозначать цель обращения. Например:
При этом сама форма должна соответствовать обещанному действию. Например, кнопка «Запросить расчёт» не должна вести к обычной форме подписки на новости.
Если начинается запись или покупка
Назовите действие прямо:
Если после нажатия открывается только первый этап записи, не создавайте впечатление, что место уже забронировано.
Пример 1. Юридические услуги
Было
Кнопка«Подробнее».
После нажатия открывается форма для обращения к юристу.
Стало
Кнопка«Задать вопрос юристу».
Теперь посетитель понимает, зачем нажимает кнопку.
Пример 2. Производство мебели
Было
Кнопка«Отправить».
Она расположена на первом экране и ведёт к форме предварительного расчёта.
Стало
Кнопка«Запросить расчёт».
Формулировка объясняет цель перехода.
Пример 3. Онлайн-образование
Было
Кнопка«Начать».
После нажатия открывается страница с программой курса.
Стало
Кнопка«Посмотреть программу».
Посетитель заранее понимает, что он перейдёт к подробной информации, а не начнёт обучение.
Необязательно заменять все кнопки «Подробнее», «Выбрать» или «Купить». Например, в карточке товара с названием, фотографией и ценой кнопка «Купить» обычно не вызывает вопросов. А в карточке услуги «Подробнее» может быть вполне понятной, если очевидно, что она ведёт к подробному описанию именно этой услуги.
Оценивайте текст вместе с контекстом, в котором находится кнопка.
Где проверятьОсновная кнопка выбранной страницы и действие, которое происходит после нажатия.
Посмотрите, что действительно происходит: открывается форма, другая страница, мессенджер или оформление заказа.
Понятно ли из названия кнопки, куда попадёт посетитель или что сможет сделать?
Например
«Главная страница → первый экран → заменить “Узнать больше” на “Обсудить проект”. Кнопка открывает форму обращения».
Проверенный текст основной кнопки, который соответствует её реальному действию.
Допустим, человек открыл страницу услуги, прочитал описание, изучил примеры работ и решил связаться с компанией. Но чтобы найти форму, ему приходится возвращаться в начало страницы, открывать меню или искать контакты в самом низу сайта. В этот момент возникает лишнее действие, которое может помешать обращению.
Когда посетитель получил достаточно информации и готов сделать следующий шаг, у него должна быть понятная возможность обратиться в компанию.
В предыдущих уроках мы определили главное действие и его название. Теперь проверим, насколько легко найти это действие после знакомства с предложением.
Откройте страницу основной услуги и посмотрите, где посетитель может принять решение об обращении. Обычно это происходит после знакомства с предложением, изучения состава услуги, стоимости или примеров работ.
Например:
Необязательно повторять кнопку после каждого блока. Достаточно предусмотреть переход там, где человек уже получил необходимую информацию и может быть готов к следующему шагу.
Другой вариант – добавить кнопку основного действия в верхнее меню и сделать так, чтобы меню оставалось видимым при прокрутке страницы. Такое меню называют закреплённым.
Например
Меню
«Услуги / Проекты / О компании / Контакты».
Кнопка
«Обсудить проект».
Посетитель может читать описание услуги, изучать проекты и условия сотрудничества, а кнопка остаётся доступной в верхней части экрана. Этот вариант особенно полезен для длинных страниц и сайтов с несколькими разделами.
Закреплённое меню не обязательно для каждого сайта. Иногда достаточно кнопок в логичных местах страницы.
Если вы используете закреплённое меню, проверьте, чтобы на телефоне оно не перекрывало содержание и не занимало слишком много места.
Пример 1. Студия дизайна
Было
На странице подробно описаны услуги, этапы работы и проекты. Кнопка «Обсудить проект» есть только на первом экране. Посетитель изучает страницу до конца, но не видит удобного способа перейти к обращению.
Стало
После блока с выполненными проектами размещена кнопка «Обсудить свой проект». Она ведёт к форме обращения. Теперь посетитель может связаться со специалистом сразу после знакомства с примерами работ.
Пример 2. Производство мебели
Было
На странице представлены фотографии кухонь, варианты материалов и описание производства. Чтобы запросить стоимость, нужно самостоятельно искать контакты компании.
Стало
В верхнем меню размещена кнопка «Запросить расчёт кухни». Меню остаётся закреплённым при прокрутке страницы. Кнопка ведёт к форме, через которую клиент может отправить запрос на предварительный расчёт.
Такое решение подходит, если компания действительно предоставляет расчёт по заявке.
Пример 3. Образовательный проект
Было
На странице курса есть программа, информация о преподавателе и формат обучения, но кнопка записи находится только в верхней части страницы.
Стало
После программы и условий обучения размещена кнопка «Записаться на курс». Она ведёт к оформлению записи или покупке программы. Человек может перейти к следующему шагу после того, как ознакомился с условиями.
Если у вас длинная страница
Рассмотрите закреплённое меню или кнопки после ключевых разделов. Выберите вариант, который удобнее для посетителя.
Если у вас несколько услуг
Для разных услуг могут подходить разные действия: «Записаться», «Обсудить проект», «Запросить расчёт». Общая кнопка в меню при этом может вести к универсальной форме обращения.
Если вы продаёте товары через корзину
Основным действием на странице товара может быть «Добавить в корзину» или «Купить». Дополнительная форма обращения нужна только тогда, когда она действительно помогает покупке.
Если посетителю сначала нужна консультация
Предложите понятный переход к диалогу или записи. Необязательно сразу запрашивать заявку на покупку.
Где проверятьСтраница основной услуги, блоки после описания предложения, меню сайта и существующие кнопки.
Откройте страницу основной услуги. Прочитайте её описание, посмотрите примеры работ или условия сотрудничества. Теперь представьте, что вы готовы обратиться в компанию. Легко ли найти подходящую кнопку?
В зависимости от структуры страницы можно:
Если обращение уже доступно в подходящих местах, ничего добавлять не нужно.
Например
«Страница “Разработка корпоративного сайта” → после блока “Наши работы” → добавить кнопку “Обсудить проект” → переход к форме обращения».
Или
«Все страницы → верхнее меню → закрепить кнопку “Обсудить проект” при прокрутке».
Понятный способ перехода к обращению и список необходимых изменений в расположении кнопок.
Когда человек заполнил форму на сайте и нажал кнопку «Отправить» мы должны дать ему понять, что будет дальше. Компания позвонит ему? Напишет в мессенджер? Пришлёт расчёт на электронную почту? Предложит выбрать время консультации?
Если эта информация отсутствует, у посетителя могут возникнуть сомнения ещё до отправки заявки. Человеку проще принять решение об обращении, когда он понимает, какого взаимодействия ожидать.
Заранее объясняйте, что произойдёт после обращения, и подтверждайте успешную отправку заявки.
Посмотрите, как на самом деле обрабатываются обращения в вашей компании. Ответьте на три вопроса:
На основе этих ответов подготовьте два коротких текста:
Пример 1. Студия дизайна
Было
Заголовок формы«Оставьте заявку».
Кнопка«Отправить».
Посетителю неизвестно, что произойдёт дальше.
Стало
Заголовок«Обсудим ваш проект».
Пояснение«Расскажите коротко о задаче. Я изучу обращение и напишу вам в Telegram, чтобы уточнить детали».
Кнопка«Обсудить проект».
После отправки«Спасибо! Ваше сообщение отправлено. Я свяжусь с вами в Telegram».
Теперь человек понимает, зачем заполняет форму и где ожидать ответа.
Пример 2. Производство мебели
Было
«Оставьте номер телефона, и мы вам перезвоним».
При этом посетителю непонятно, для чего нужен звонок.
Стало
Заголовок«Узнайте предварительную стоимость кухни».
Пояснение«Оставьте контакты и основные параметры кухни. Менеджер свяжется с вами, чтобы уточнить детали для расчёта».
Кнопка«Запросить расчёт».
После отправки«Заявка получена. Менеджер свяжется с вами для уточнения параметров кухни».
Компания объясняет не только способ связи, но и цель следующего разговора.
Пример 3. Консультационные услуги
Было
«Запишитесь на консультацию».
Форма содержит имя и электронную почту, но не объясняет, как будет организована запись.
Стало
Заголовок«Запишитесь на консультацию».
Пояснение«Оставьте электронную почту и коротко опишите вопрос. Мы ответим письмом и предложим доступное время консультации».
Кнопка«Запросить время».
После отправки«Спасибо! Мы получили ваш запрос и ответим на указанную почту».
Человек понимает, что отправка формы ещё не означает подтверждённую запись.
Если вы отвечаете не сразу
Укажите реальный ориентир по времени ответа, если можете его соблюдать. Например: «Ответим в течение одного рабочего дня».
Если обращение поступает в мессенджер
Объясните, откроется ли диалог сразу или специалист напишет позже.
Если запись подтверждается автоматически
Сообщите, где человек увидит подтверждение и получит детали встречи.
Если после формы требуется дополнительное действие
Например, подтверждение электронной почты или выбор времени – объясните это заранее.
Если вы не можете гарантировать точный срок ответа
Не обещайте его. Лучше честно описать следующий шаг без конкретного времени.
Если на сайте происходит покупка
Вместо сообщения о заявке покупателю может понадобиться подтверждение заказа или оплаты и информация о дальнейшем получении продукта.
Где использоватьТекст рядом с формой обращения и сообщение об успешной отправке.
Запишите:
Откройте форму и посмотрите, объясняется ли дальнейшее взаимодействие. Затем проверьте, какое сообщение появляется после успешной отправки.
Пример для студии веб-дизайна
Перед отправкой
«Расскажите о своей задаче. Я изучу обращение и напишу вам на электронную почту, чтобы обсудить детали проекта».
После отправки
«Спасибо! Ваше сообщение получено. Я свяжусь с вами по указанной электронной почте».
Куда разместить:
Если оба текста уже есть и соответствуют реальному процессу, менять их необязательно.
Понятное пояснение перед отправкой заявки и сообщение о следующем шаге после её получения.
Представьте, что человек хочет задать вопрос о стоимости услуги. Но для обращения ему предлагают заполнить длинную форму:
Для простого вопроса такой объём информации может быть избыточным. Человеку приходится тратить время на заполнение и передавать данные, необходимость которых ему непонятна.
Запрашивайте только ту информацию, которая действительно нужна для следующего шага.
Посмотрите на свою форму и определите, для чего нужно каждое поле. Например, если вы планируете ответить человеку по электронной почте, вам необходим его адрес электронной почты. Но нужен ли при этом телефон? Если вы собираетесь перезвонить, возможно, достаточно номера телефона и короткого описания вопроса.
Количество полей зависит от задачи формы. Главное, чтобы у каждого поля было понятное назначение.
Пример 1. Форма для простого обращения
Было
Стало
Кнопка«Отправить вопрос».
Если компания отвечает по электронной почте, остальные данные можно уточнить позже, когда они действительно понадобятся.
Пример 2. Заявка на предварительный расчёт
Было
Форма для расчёта кухни запрашивает полное имя, телефон, электронную почту, адрес установки, точные размеры, материал фасадов, бюджет и дополнительные сведения. Человек может ещё не знать все параметры будущей кухни.
Стало
Кнопка«Запросить расчёт».
Если для расчёта действительно необходимы дополнительные параметры, их можно запросить. Но лучше объяснить, почему без них нельзя подготовить оценку. Если компания только связывается с клиентом для уточнения деталей, важно не обещать мгновенный расчёт.
Пример 3. Запись на консультацию
Было
Форма содержит имя, фамилию, телефон, электронную почту, название компании, сферу деятельности и подробную анкету.
Стало
Кнопка«Запросить консультацию».
Дополнительные сведения можно получить после первого обращения или на следующем этапе записи.
Если без данных невозможно выполнить запрос
Оставьте необходимые поля и кратко объясните их назначение. Например: «Укажите размеры помещения, чтобы мы могли подготовить предварительный расчёт».
Если у вас сложная услуга
Необязательно собирать всю информацию при первом обращении. Часть вопросов можно обсудить после установления контакта.
Если человек может выбрать способ связи
Можно предложить удобный вариант и запрашивать соответствующие контактные данные.
Если форма предназначена для заказа или регистрации
Для выполнения заказа могут требоваться дополнительные сведения. Проверяйте необходимость полей именно для этого действия, а не стремитесь сделать любую форму максимально короткой.
Если вы собираете персональные данные
Убедитесь, что форма и обработка данных соответствуют применимым требованиям законодательства, а необходимые сведения об обработке доступны пользователю. Удаление лишних полей не заменяет юридического оформления.
Где проверятьОсновная форма обращения, записи или заказа.
Откройте форму на своём сайте. Посмотрите, какие сведения человек должен предоставить, чтобы отправить обращение.
Для каждого поля ответьте:
«Зачем эта информация нужна именно сейчас?»
Например, если вы отвечаете по электронной почте, телефон может быть необязательным. Если поле действительно необходимо для расчёта или оформления заказа, оставьте его.
Уберите избыточные поля или сделайте их необязательными, если это не мешает обработке обращения. Проверьте, понятны ли названия полей и обозначены ли обязательные.
Пример готовой формы
Назначение
Обсуждение проекта.
Поля
Кнопка
«Обсудить проект».
Пояснение
«Расскажите о задаче. Я отвечу на указанную электронную почту».
Например
«Главная страница → форма “Обсудить проект” → убрать обязательное поле “Телефон”, оставить электронную почту как основной способ связи».
Если все поля действительно необходимы, менять форму необязательно.
Проверенный список полей формы и конкретные изменения, которые помогут сделать обращение проще.
Теперь вы проверили пять элементов своего сайта.
Если вы подготовили изменения, внесите их на сайт или сохраните для передачи специалисту. Для удобства зафиксируйте их в одном списке:
| Где на сайте | Что нужно сделать |
|---|---|
| Первый экран главной страницы | Выделить кнопку «Обсудить проект» как основную |
| Страница услуги | Заменить «Узнать больше» на «Запросить расчёт» |
| После блока «Наши работы» | Добавить переход к форме обращения |
| Форма обращения | Добавить пояснение о следующем шаге |
| Сообщение после отправки | Указать, где ожидать ответа |
| Поля формы | Сделать телефон необязательным |
Заполняйте только те строки, которые относятся к вашему сайту.
Откройте страницу основной услуги и попробуйте пройти путь потенциального клиента.
Для проверки последнего пункта можно отправить тестовую заявку, используя собственные данные. Если всё работает и посетителю понятен следующий шаг, дополнительные изменения не требуются.
В следующем, заключительном модуле мы проверим, можно ли без затруднений отправить заявку с телефона, а затем соберём все подготовленные изменения в единый план внедрения.
Перейти к модулю 04 →