99 % удовлетворенности клиентов. Что ваша кнопка делает не так?

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

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

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

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

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

Nielsen Norman Group 2023 Дизайн кнопок и видимость призыва к действию на современных целевых страницах Джоанна Вибе 2022 Написание текста с призывом к действию, который конвертирует без дополнительных трений Крис Говард 2021 Оптимизация целевой страницы для четких предложений и эффективных путей конверсии Дэвид Огилви 2020 Сила четкого обмена сообщениями в маркетинге с прямым откликом Пип Ладжа 2024 Почему сигналы доверия улучшают рейтинг кликов и привлечение потенциальных клиентов Брайан Дин 2023 Mobile First CTA Улучшение размещения и коэффициента конверсии