Из ваших кнопок утекают деньги — и вот почему.

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

Раньше я думал, что призыв к действию не сработал только тогда, когда предложение было слабым. Я был неправ. В большинстве случаев проблема незначительна, и ее легче пропустить. Кнопка может выглядеть нормально. Цвет может выделиться. Копия может звучать безупречно. Тем не менее, люди пролистывают его, делают паузу и уходят, ничего не предпринимая. Когда я смотрю на призыв к действию, который не конвертируется, я задаюсь одним простым вопросом: кажется ли мне, что эта строка проста, полезна и безопасна для нажатия? Если ответ отрицательный, СТА теряет людей. Я часто наблюдаю эту закономерность: сообщение требует слишком многого и слишком скоро. Следующий шаг кажется неясным. Страница больше рассказывает о бренде, чем о пользователе. Копия кнопки звучит стандартно. Предложение не соответствует данному ранее обещанию. CTA — это не только кнопка. Это последняя часть решения. Если страница не завоевала доверие, CTA придется потрудиться слишком усердно. Я узнал об этом из целевой страницы, которую просматривал для небольшого тренера по фитнесу. На странице была ярко-оранжевая кнопка с надписью «Начать сейчас». Тренер считал, что кнопка сильная. Клики были, но количество регистраций оставалось низким. Я читаю страницу как посетитель. Я сразу увидел проблему. На странице говорилось о методе тренера, опыте тренера и результатах тренера. Оно не отвечало на тихие вопросы посетителя: Что я получу? Сколько времени это занимает? Нужно ли мне уже быть в форме? Что происходит после того, как я нажимаю? Мы изменили призыв к действию с «Начать сейчас» на «Забронируйте мой бесплатный 15-минутный звонок». Мы также добавили одну короткую строку над кнопкой: «Я помогу вам выбрать план, который соответствует вашему распорядку дня». Это небольшое изменение облегчило следующий шаг. Страница стала лучше конвертироваться не потому, что кнопка стала кричащей, а потому, что предложение стало понятным. Исправляя слабый призыв к действию, я использую простой процесс. Я читаю страницу вслух и ищу трения. Если в CTA написано «Отправить», я спрашиваю, что отправляет пользователь и что он получает в ответ. Если там написано «Узнай больше», я спрашиваю, что они изучают и почему их это должно волновать. Если там написано «Купить сейчас», я спрашиваю, заслужила ли страница такой уровень давления. В сильном тексте призыва к действию используется простой язык. Он рассказывает людям, что произойдет дальше. Он избегает расплывчатых обещаний. Я также проверяю расстояние вокруг призыва к действию. Переполненную кнопку игнорируют чаще, чем думают люди. Если текст над ним длинный, в форме слишком много полей или на странице слишком много ссылок рядом, CTA теряет фокус. Мне нравится давать место кнопкам. Белое пространство помогает глазу успокоиться. Это также делает следующее действие более спокойным. Еще одна проблема, которую я вижу, — это несоответствие. В рекламе говорится одно. На целевой странице написано другое. Призыв к действию говорит третью вещь. Этот разрыв порождает сомнения. Если кто-то нажмет на рекламу «бесплатная доставка при первом заказе», а затем попадет на страницу с историей бренда без упоминания о доставке, я не виню пользователя в том, что он ушел. Я виню в этом поток сообщений. Я выполняю свое обещание последовательно сверху донизу: реклама оправдывает ожидания. Страница это подтверждает. CTA закрывает его. Это работает и в электронной почте. Однажды я написал кампанию по пробному использованию программного обеспечения. Показатель открытий был приличным, но показатель кликов оставался низким. В CTA говорилось: «Начните». Это звучало безопасно, но в то же время пусто. Люди не знали, что начинают. Я изменил строку на «Попробуйте бесплатную панель управления». Эта версия работала лучше. Это было ясно. Это казалось особенным. Это уменьшило умственную работу. Это та часть, которую многие люди упускают. Призыв к действию должен экономить усилия, а не добавлять их. Вот проверки, которые я использую перед публикацией страницы: - Я делаю следующий шаг простым для понимания - Я делаю текст кнопки коротким и прямым - Я сопоставляю призыв к действию с обещанием над ним - Я удаляю лишние ссылки рядом с основным действием - Я обрезаю длинный текст вокруг кнопки, когда он не добавляет никакой ценности - Я использую одно основное действие на странице, когда это возможно Я также обращаю внимание на доверие. Люди не кликают, когда чувствуют себя незащищенными. Если призыв к действию ведет к форме, я рассказываю им, зачем мне нужны подробности. Если это ведет на страницу оплаты, я делаю цены легко видимыми. Если это приведет к демонстрации, я скажу, что они увидят. Призыв к действию конвертируется лучше, если он кажется честным. Я не пытаюсь давить на людей сильнее. Я стараюсь уменьшить сомнения. Это изменение имеет большее значение, чем ожидают многие маркетологи. Слабый призыв к действию часто является признаком слабого пути, а не слабой аудитории. Когда я исправляю путь, кнопка начинает выполнять свою работу. Копия становится более четкой. Страница кажется легче. Пользователь видит следующий шаг без напряжения. Это урок, который я продолжаю использовать. Если ваш призыв к действию не конвертируется, я бы не стал менять цвет. Я бы начал с чтения страницы как человек, у которого есть один простой вопрос: «Почему я должен нажать на это сейчас?» Когда страница отвечает на этот вопрос спокойным и ясным языком, у призыва к действию гораздо больше шансов сработать.

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

Я видел эту проблему много раз: страница получает трафик, люди прокручивают, люди читают, а затем уходят, не нажимая. Проблема часто не в предложении. Это кнопка. Кнопка выглядит маленькой, но выполняет большую функцию. Он сообщает посетителю, что делать дальше. Если кнопку трудно найти, она неточна в тексте или расположена не в том месте, я теряю клики. Я теряю подписки. Я теряю заказы. Я рассматриваю ремонт кнопок как задачу получения дохода, а не как задачу дизайна. Я начинаю с вопроса, на который каждый посетитель должен ответить за одну секунду: Что мне здесь делать? Если страница не отвечает так быстро, я знаю, что мне есть над чем работать. Сначала я смотрю на четыре вещи. Текст кнопки. Цвет кнопки. Положение кнопки. Контекст кнопки. Кнопка с надписью «Отправить» кажется холодной. Кнопка с надписью «Получите мою цену» или «Забронируйте мой звонок» кажется простой. Я хочу, чтобы метка соответствовала действию и цели пользователя. Хорошая кнопка не пытается выглядеть необычно. Звучит полезно. Я тоже наблюдаю контраст. Если кнопка сливается со страницей, она игнорируется. Я видел страницы продуктов, где главная кнопка располагалась на оживленном фоне и почти исчезала. После того, как изменился цвет и пространство вокруг него открылось, щелчки улучшились. Ничего волшебного не произошло. Люди просто увидели это быстрее. Потом проверяю размещение. На мобильном телефоне я стараюсь, чтобы кнопка была легко доступна большим пальцем. На длинных страницах я размещаю кнопку рядом с болевой точкой и снова рядом с точкой принятия решения. Если кто-то читает три раздела о проблеме, я не заставляю его прокручивать страницу вечно, чтобы действовать. Я думаю о том, что чувствует посетитель в этот момент. Покупатель на странице товара может захотеть узнать подробности доставки перед покупкой. Лиду на странице услуги может потребоваться подтверждение перед бронированием. Пользователю на странице цен может потребоваться простой путь, а не лабиринт. Я стараюсь устранить разногласия, прежде чем просить о действии. Вот процесс, который я использую. Я прочитал страницу как гость. Я спрашиваю, с какой проблемой пришел посетитель. Я сопоставляю текст кнопки с этой проблемой. Я размещаю кнопку там, где решение кажется естественным. Я проверяю страницу на мобильном и настольном компьютере. Я тестирую одно изменение за раз. Последняя часть имеет значение. Если я поменяю сразу цвет, текст, размер и расположение, не знаю, что помогло. Я предпочитаю один чистый тест, один ясный урок. Я видел эту игру в небольшом интернет-магазине. На странице продавался простой предмет для дома. Трафик был приличный. Кнопка «Добавить в корзину» располагалась под длинным блоком текста. Многие посетители так и не добрались до него. Мы переместили кнопку выше, сократили надпись и дали ей больше места. Страница не стала шумной. Пользоваться стало проще. В магазине стало больше кликов по корзине. Это было результатом меньшего замешательства, а не большего давления. Я видел такую ​​же картину на сайте сервиса. На кнопке контакта было написано «Отправить». Это казалось расплывчатым. Мы изменили его на «Запросить обратный звонок». Страница стала более прямой. Люди знали, что произойдет после щелчка. Этот небольшой сдвиг уменьшил колебания. Я также уделяю внимание доверию. Одна кнопка не может выполнить всю работу, если страница кажется слабой. Если посетитель не видит никаких доказательств, подробностей и поддержки предложения, кнопку все равно могут проигнорировать. Поэтому я помещаю вокруг этого полезный контекст: короткую фразу о выгоде, короткую фразу обнадеживания, простой следующий шаг. Я избегаю беспорядка. Я не размещаю слишком много вариантов рядом с главной кнопкой. Если я хочу одно действие, я даю один основной путь. Еще я слежу за словами возле кнопки. Такая фраза, как «Карта не нужна», может снизить страх, если она правдива. Такая фраза, как «Займет минуту», может уменьшить колебания, если она точна. Такая строка, как «Посмотрите цены, прежде чем принять решение», может помочь, когда люди беспокоятся о скрытых расходах. Эти маленькие кусочки не кричат. Они направляют. Если я хочу лучших результатов, я также проверяю поток страниц. Я спрашиваю себя: говорит ли заголовок о том же обещании, что и кнопка? Поддерживает ли изображение действие? Форма требует слишком многого? Появляется ли кнопка после отображения достаточного значения? Когда эти детали совпадают, кнопка работает интенсивнее. Я не отношусь к каждой странице одинаково. Кнопка оформления заказа требует определенности. Кнопка запроса демо-версии требует доверия. Кнопка информационного бюллетеня нуждается в простом обещании. Кнопка загрузки требует четкого результата. Разным страницам нужны разные слова, но правило остается тем же: сделайте следующий шаг легко видимым и понятным. Моя точка зрения проста. Сильная кнопка не громкая. Его украшают не ради этого. Оно не похоронено. Он находится там, где его ожидает пользователь, сообщает, что произойдет, и устраняет сомнения. Вот как я превращаю небольшое трение в более эффективное действие. Таким образом, кнопка начинает приносить доход, а не блокировать его. Мы имеем большой опыт работы в сфере промышленности. Свяжитесь с нами для получения профессиональной консультации: Аллан-чжэн: passer1983520@gmail.com/WhatsApp +8618959885227.

Нил Патель, 2023 г., Как копирование кнопок влияет на коэффициенты конверсии Институт CXL, 2022 г., Повышение эффективности призыва к действию с помощью четкого обмена сообщениями HubSpot, 2024 г., Психология эффективного дизайна призывов к действию Luna Metrics, 2021 г., Почему сигналы доверия улучшают конверсию целевой страницы ConversionXL, 2020 г., Размещение кнопок и визуальная иерархия для повышения кликов Copyblogger, 2023. Написание текста с призывом к действию, который уменьшает трение и побуждает к действию.