Текст кнопки – это словесное обозначение действия, которое произойдет при нажатии на кнопку в интерфейсе сайта, приложения или сервиса. От его формулировки зависит, поймет ли пользователь, что произойдет дальше, нажмет ли он на кнопку вообще и совершит ли нужное действие.
| Что разберем | Что это даст |
| Определение и основные характеристики текста кнопки | Поймете, какие требования к нему предъявляются и почему |
| Виды текстов кнопок по типам действий и ситуациям | Сможете выбрать правильный тип для каждого случая |
| Типичные ошибки при формулировке текста кнопки | Не будете совершать распространенные ошибки, которые снижают конверсию |
| Практические примеры хороших и плохих текстов | Сможете оценить свои кнопки и улучшить их |
Основные характеристики текста кнопки
Хороший текст кнопки должен быть ясным, конкретным и ориентированным на действие. Он говорит пользователю не просто о том, что произойдет, но и зачем это нужно делать прямо сейчас.
Ключевые требования:
- Глагол действия в начале или в основе фразы. “Скачать отчет”, “Создать аккаунт”, “Добавить в корзину” – пользователь сразу видит действие, не нужно расшифровывать.
- Конкретность. “Купить курс” лучше, чем “Продолжить”. “Отправить заявку” лучше, чем “Далее”.
- Краткость. 1-4 слова в большинстве случаев. Длинный текст кнопки читать неудобно, он визуально не смотрится и может обрезаться на мобильных устройствах.
- Соответствие контексту. Текст должен быть понятен без дополнительных пояснений рядом. Если пользователь прочитал только текст кнопки, он должен понять, что произойдет.
- Согласованность с дизайном и тоном. Текст “Жми сюда” в корпоративном приложении банка будет выглядеть странно. “Оформить заказ” в детском приложении может звучать слишком формально.
Основные виды текстов кнопок
Кнопки основного действия
Это главная кнопка на странице или форме, которая ведет к целевому действию пользователя. Обычно таких кнопок одна или две на экран.
Примеры: “Купить”, “Зарегистрироваться”, “Отправить заявку”, “Загрузить файл”, “Создать проект”.
Требование: текст должен быть максимально ясным и привлекательным. Он часто связан с ценностью для пользователя, поэтому может содержать выгоду: “Получить доступ”, “Начать бесплатно”, “Забронировать место”.
Кнопки вторичного действия
Это дополнительные кнопки, которые предлагают альтернативный путь или отступление.
Примеры: “Отмена”, “Вернуться назад”, “Посмотреть примеры”, “Узнать больше”, “Попробовать позже”.
Требование: текст должен быть нейтральным или слегка отрицательным (для отмены) и занимать визуально меньше места, чем основная кнопка.
Кнопки подтверждения и опасных действий
Эти кнопки используют, когда действие нельзя отменить или оно критично.
Примеры: “Удалить навсегда”, “Подтвердить платеж”, “Покинуть чат”, “Отписаться от рассылки”.
Требование: текст должен быть максимально точным. Нельзя писать просто “Удалить” – лучше “Удалить аккаунт” или “Удалить все сообщения”. Это снижает риск случайного клика.
Кнопки с указанием на результат
Текст указывает не только на действие, но и на его результат или выгоду.
Примеры: “Получить скидку 50%”, “Скачать бесплатно”, “Смотреть прямо сейчас”, “Сэкономить 2 часа”, “Начать зарабатывать”.
Требование: выгода должна быть честной и реальной. Если пользователь нажмет “Получить скидку”, а скидку нужно еще где-то активировать, это будет обман.
Кнопки социальной авторизации
Кнопки для входа через внешние сервисы.
Примеры: “Войти через ВКонтакте”, “Продолжить с Google”, “Авторизоваться через Яндекс”.
Требование: текст должен быть предельно ясным. Пользователь должен сразу видеть, через какой сервис он входит. Слово “Войти” или “Продолжить” + название сервиса – оптимальная формула.
Кнопки обратной связи
Это кнопки для отправки форм, сообщений, отзывов.
Примеры: “Отправить сообщение”, “Оставить отзыв”, “Подать жалобу”, “Задать вопрос”, “Записаться на консультацию”.
Требование: текст должен быть действенным и понятным. Вместо “Отправить” лучше “Отправить заявку” или “Отправить отзыв” – это уточняет, что именно отправится.
Типичные ошибки при формулировке текста кнопки
Использование неглагольных или неясных формулировок
Ошибка: “Далее”, “Продолжить”, “Следующий шаг”, “Дополнительно”.
Почему происходит: Разработчик думает, что сэкономит место или не хочет повторять глагол. На самом деле пользователь не понимает, что произойдет после клика.
К чему приводит: Пользователь колеблется перед клико м, может покинуть страницу, если не уверен в результате.
Как исправить: Замените на конкретный глагол: “Выбрать план”, “Заполнить профиль”, “Просмотреть варианты”, “Указать адрес доставки”.
Слишком длинный текст
Ошибка: “Нажмите здесь, чтобы получить доступ к эксклюзивному предложению прямо сейчас”.
Почему происходит: Желание вместить всю ценность в текст кнопки или объяснить каждый нюанс.
К чему приводит: На мобильных устройствах текст обрезается. На любом устройстве кнопка выглядит громоздко и отвлекает. Пользователь читает дольше, чем нужно.
Как исправить: Оставьте 1-4 слова, максимум 5. Дополнительные объяснения пишите в текст рядом с кнопкой, не в саму кнопку.
Использование пассивного залога или существительного вместо глагола
Ошибка: “Оплата заказа”, “Регистрация пользователя”, “Подписка на рассылку”.
Почему происходит: Формальный стиль письма переносится в интерфейс.
К чему приводит: Текст звучит безличным и отстраненным. Пользователь воспринимает его как описание, а не призыв к действию.
Как исправить: Переведите в активный залог с глаголом: “Оплатить заказ”, “Зарегистрироваться”, “Подписаться на рассылку”.
Несоответствие между текстом кнопки и тем, что произойдет
Ошибка: Кнопка “Скачать отчет”, а после клика открывается форма для заполнения данных. Или кнопка “Попробовать бесплатно”, а оказывается платная подписка.
Почему происходит: Разработчик и маркетолог работают отдельно, или никто не проверил, что происходит после клика.
К чему приводит: Потеря доверия пользователя. Он нажал на кнопку с одним ожиданием, а получил другое. Велика вероятность закрыть страницу.
Как исправить: Проверьте цепочку действий. Если после клика на “Скачать отчет” нужно заполнить форму, текст должен быть “Получить отчет” или “Заполнить данные для отчета”. Если подписка платная, напишите “Начать подписку” или “Подписаться” вместо “Попробовать бесплатно”.
Слова-паразиты и лишние квалификаторы
Ошибка: “Нажмите, чтобы…”, “Пожалуйста, заполните форму”, “Просто кликните сюда”, “Смело нажимайте”.
Почему происходит: Попытка звучать дружелюбнее или вежливее.
К чему приводит: Текст становится длиннее, звучит искусственно. В интерфейсе это выглядит странно.
Как исправить: Уберите все слова, которые не несут информацию об действии. “Заполнить форму”, “Купить”, “Войти” – достаточно.
Игнорирование контекста пользователя
Ошибка: На странице товара кнопка “Купить”, но пользователь еще не выбрал размер, цвет или количество.
Почему происходит: Кнопка добавлена по общему шаблону без учета шагов заполнения.
К чему приводит: Пользователь нажимает кнопку, ему выдается ошибка “Выберите размер”. Фрустрация, потеря доверия.
Как исправить: Текст кнопки должен меняться в зависимости от контекста. Если нужно выбрать параметры, кнопка может быть неактивной или иметь текст “Выберите размер, чтобы купить”. После заполнения – “Купить”.
Различие между типами текстов кнопок по функции
| Тип кнопки | Функция | Пример текста | Что не подходит |
| Основное действие | Привести к целевому результату | Купить, Зарегистрироваться, Отправить заявку | Далее, Продолжить, ОК |
| Отмена или возврат | Позволить отступить | Отмена, Вернуться назад, Не сейчас | Нет, Стоп, Выход |
| Опасное действие | Подтвердить критичное действие | Удалить навсегда, Подтвердить платеж | Удалить, Да, Подтвердить |
| Дополнительная информация | Показать больше деталей | Узнать больше, Посмотреть примеры, Подробнее | Далее, Подробно, Информация |
| Авторизация через сервис | Быстрый вход | Войти через ВКонтакте, Продолжить с Google | ВКонтакте, Авторизация, Социальная сеть |
Когда текст кнопки должен меняться
Текст одной кнопки может быть разным в зависимости от состояния пользователя или страницы.
По статусу пользователя: Если пользователь не авторизован, кнопка может быть “Войти, чтобы купить”. Если авторизован – просто “Купить”.
По заполнению формы: Если форма не заполнена, кнопка “Заполните все поля”. Если заполнена – “Отправить заявку”.
По наличию товара: Если товар в наличии – “Купить”. Если нет – “Уведомить, когда появится”.
По этапу процесса: На первом шаге регистрации – “Далее к шагу 2”. На последнем – “Завершить регистрацию”.
По действию пользователя: Если пользователь уже подписан на рассылку, кнопка может быть “Отписаться” вместо “Подписаться”.
Особенности текстов кнопок в разных сценариях
E-commerce и покупки
На сайтах магазинов текст кнопки должен быть максимально четким, потому что от него зависит конверсия.
Хорошие варианты: “Купить”, “Добавить в корзину”, “Оформить заказ”, “Оплатить”.
Плохие варианты: “Покупка”, “В корзину”, “Продолжить покупки” (если это не про продолжение шопинга, а про завершение заказа).
Важное уточнение: если товар нельзя вернуть или это подписка, текст должен быть честным: “Купить подписку на месяц” вместо просто “Купить”.
SaaS и приложения
В сервисах для бизнеса текст кнопки часто ориентирован на результат или экономию времени.
Хорошие варианты: “Создать проект”, “Запустить автоматизацию”, “Сгенерировать отчет”, “Пригласить команду”.
Плохие варианты: “Действие”, “Применить”, “Выполнить” (слишком абстрактно).
Социальные сети и мессенджеры
Здесь текст может быть более разговорным и эмоциональным.
Хорошие варианты: “Начать чат”, “Поделиться”, “Лайкнуть”, “Комментировать”, “Пригласить друзей”.
Плохие варианты: “Взаимодействие”, “Совершить действие”, “Перейти”.
Банки и финансовые сервисы
Здесь текст должен быть максимально формальным и четким, потому что речь идет о деньгах.
Хорошие варианты: “Перевести деньги”, “Оплатить счет”, “Подтвердить платеж”, “Подать заявку на кредит”.
Плохие варианты: “Отправить”, “Совершить операцию”, “Согласиться”.
Образовательные платформы
Текст должен мотивировать и указывать на результат.
Хорошие варианты: “Начать обучение”, “Получить доступ”, “Записаться на курс”, “Скачать материалы”, “Пройти тест”.
Плохие варианты: “Образование”, “Курс”, “Учиться”, “Материалы”.
Ограничения и важные исключения
Локализация и языки. Если ваш сервис работает на нескольких языках, текст кнопки должен быть переведен правильно. Прямой перевод может не сработать. Например, в английском часто используют “Sign up”, а в русском это лучше как “Зарегистрироваться”, а не “Подписаться”.
Мобильные устройства. На мобильных экранах место ограничено. Текст кнопки может обрезаться. Проверяйте, как выглядит кнопка на ширине экрана 320-375 пикселей (iPhone SE, старые Android). Если текст обрезается, сокращайте его.
Доступность. Текст кнопки должен быть понятен людям с нарушениями зрения, которые используют скрин-ридеры. Не полагайтесь только на цвет или иконку – текст обязателен.
Кнопки с иконками. Если рядом с текстом есть иконка (например, стрелка или корзина), текст может быть немного короче, потому что иконка уточняет действие. Но текст все равно должен быть понятен без иконки.
Кнопки без текста (только иконка). Это допустимо только для очень стандартных действий: закрыть (крестик), меню (три линии), поиск (лупа). Для всех остальных нужен текст.
Кнопки в навигации. Если кнопка ведет на другую страницу (а не совершает действие), текст может быть просто названием раздела: “О нас”, “Контакты”, “Блог”. Это уже не совсем “кнопка действия”, а ссылка-кнопка.
Коротко о главном
Текст кнопки – это не просто слово или фраза. Это первая и часто единственная информация, которая подсказывает пользователю, стоит ли нажимать. Хороший текст кнопки:
- Начинается с глагола действия: “Купить”, “Создать”, “Отправить”.
- Конкретен: “Отправить заявку” лучше, чем “Отправить”.
- Краток: 1-4 слова в большинстве случаев.
- Честен: описывает ровно то, что произойдет после клика.
- Соответствует контексту: если нужно заполнить форму перед покупкой, это должно быть в тексте или в состоянии кнопки.
- Подходит тону сервиса: в банке формальнее, в соцсетях разговорнее.
Проверьте свои кнопки на ошибки: слишком длинный текст, неясные формулировки вроде “Далее”, несоответствие между текстом и результатом. Часто небольшое изменение текста кнопки повышает конверсию на несколько процентов, потому что пользователи становятся увереннее в своих действиях.
