Как явные и неявные визуальные подсказки помогают увеличить количество конверсий

реклама повышение конверсий
визуальные подсказки в интернет маркетинге

Средняя продолжительность внимания пользователей к вашему лэндингу составляет около 6–8 секунд , а у 10-месячного ребенка — около 60–120 секунд . Это означает, что мой сын будет сосредоточен на своей погремушке дольше, чем ваши посетители сосредоточатся на вашей странице после клика.

В чем смысл этого, спросите вы? Задержать внимание посетителей на целевой странице после клика достаточно долго, чтобы конвертировать — задача непростая.

Получить конверсии становится все сложнее, если ваша страница плохо оформлена, поскольку 94% первых показов в Интернете связаны с дизайном. Например, привлекательный заголовок может быть незаметным, если страница захламлена, и посетители не могут отличить один элемент от другого. То же самое относится ко всем остальным элементам страницы.

Дизайн целевой страницы после щелчка играет ключевую роль в привлечении посетителей. УТП и контрастная кнопка CTA — не единственные инструменты дизайна, которые маркетологи могут использовать для повышения конверсии.

Визуальные подсказки также помогают значительно увеличить количество конверсий целевой страницы после клика.

Что такое визуальные подсказки?

Визуальные или направляющие подсказки — это инструмент проектирования, используемый для буквального направления ваших посетителей в направлении элементов, которые являются неотъемлемой частью вашей цели — конверсии (например, вашего CTA). Сигналы помогают посетителям перемещаться по вашей странице и поддерживать визуальную иерархию.

Существует два основных типа визуальных подсказок :

Явные визуальные подсказки

Эти виды сигналов являются прямыми и могут быть легко указаны на странице. Использование стрелок, линий, указательных пальцев на линии прямой видимости человека — это несколько способов, которыми можно использовать явные визуальные подсказки на целевых страницах после щелчка.

Неявные визуальные подсказки

Эти подсказки тонкие и часто остаются незамеченными посетителями. Тем не менее, они делают свою работу по выделению определенных элементов довольно хорошо. Некоторые из наиболее часто используемых неявных визуальных подсказок на целевых страницах включают пустое пространство, цветовой контраст и инкапсуляцию.

Давайте посмотрим, как вы можете использовать оба типа визуальных подсказок на целевых страницах, чтобы посетители могли сосредоточиться на странице достаточно долго для конверсии.

Как использовать явные визуальные подсказки на целевых страницах

Явные визуальные подсказки быстро влияют, когда посетитель смотрит на страницу. Вы можете использовать стрелки в качестве визуальных подсказок на своих страницах и направлять посетителей туда, куда вы хотите, чтобы они заходили на страницу.

Outbrain использует стрелку и увеличительный круг, чтобы привлечь внимание посетителей к тому, как сервис продвигает истории:

использование визуальной подсказки со стрелкой, чтобы привлечь больше внимания к своему продукту.

Вы также можете создать стрелки-указатели в качестве интерактивного элемента страницы и помочь посетителям перемещаться по различным разделам вашей страницы, как это делает Lumosity :

И это делает Boardvantage тоже:

пример использования визуальной подсказки

Стрелки также можно использовать для направления посетителей ниже сгиба страницы. Наш совет по рекламе в Facebook использует следующую технику:

как использовать стрелки, чтобы направлять посетителей прокручивать страницу вниз для получения дополнительной информации.

Поразительно использует анимированную стрелку направления, отскакивающую в левой части формы, чтобы побудить посетителей уделять ей больше внимания:

визуальная подсказка для баннера

Эта особая визуальная подсказка не только заставляет посетителя посмотреть, куда вы хотите, но также добавляет привлекательность человеку и придает эмоции вашему предложению. Визуальные подсказки настолько влиятельны и убедительны, что кандидат в президенты Хиллари Клинтон использует линию обзора на страницах своей кампании.

Глаза Клинтон наполняются эмоциями, когда она смотрит на свою страницу пожертвования:

визуальную подсказку о прямой видимости на своей странице пожертвований, чтобы генерировать больше конверсий.

На этой странице она с нетерпением смотрит на форму и призывает вас присоединиться к официальной кампании:

использует визуальный сигнал прямой видимости, чтобы направить сторонников на кнопку  CTA.

iCIMS делает еще один шаг вперед , удваивая визуальные подсказки, используя как линию обзора, так и указание, чтобы побудить посетителей совершить конверсию:

использует визуальные подсказки чтобы генерировать больше конверсий целевой страницы после щелчка.

Так какой визуальный сигнал работает лучше? Стрелки, указывающие?

Исследования, проведенные CXL, показывают, что когда дело доходит до явных визуальных сигналов, стрелка превосходит остальные указатели:

 стрелки и линии имеют более высокое среднее время просмотра формы, чем все остальные визуальные подсказки.

Для получения этих результатов первичными источниками сбора данных были исследования глаз и тепловые карты:

показывает маркетологам, как различные визуальные подсказки могут положительно влиять на конверсии целевой страницы после клика.

Тот факт, что стрелка показывается лучше на этой конкретной целевой странице после клика, не означает, что стрелки всегда будут верным способом максимизировать конверсии. Как и в случае с любым другим элементом целевой страницы, мы рекомендуем провести A / B-тест, чтобы определить, соответствует ли это исследование вашему бизнесу.

Как использовать неявные визуальные подсказки на целевых страницах после клика

Неявные визуальные подсказки не являются прямыми, как стрелки и указатели. Эти элементы дизайна напрямую не указывают на конкретный объект. Скорее, они полагаются на более тонкий подход, чтобы убедить посетителей выполнить цель конверсии.

Использование пустого пространства вокруг элемента — отличная визуальная подсказка, чтобы посетители могли сосредоточиться на этом конкретном элементе. Заметьте разницу между пробелами в читаемости текста справа и текста слева?

показывает маркетологам, как пробелы могут улучшить читаемость текста на странице и генерировать больше конверсий.

Это «отрицательное пространство» помогает убрать помехи со страницы, автоматически выделяя важные элементы страницы. DocuSign использует много белого пространства вокруг элементов , чтобы сделать его проще для посетителей , чтобы сосредоточиться на скриншоте ноутбука и формы. Кроме того, они включают стрелку, указывающую на форму:

использует визуальную подсказку со стрелкой, указывающую на форму целевой страницы после клика, чтобы привлечь к ней больше внимания.

Форма на целевой странице Offerpop после заключена в оранжевый цвет с черным контуром, который помогает выделить ее:

показывает маркетологам, как Offerpop использует цветовой контраст, чтобы привлечь больше внимания к своей кнопке CTA.

Использование контрастных цветов для элементов целевой страницы также служит визуальной подсказкой, поскольку контраст привлекает внимание посетителей к определенному месту. Оранжевая кнопка CTA на целевой странице HelloFresh:

использует инкапсуляцию и пробелы, чтобы привлечь больше внимания к своей кнопке CTA.

Как вы используете визуальный маркетинг для повышения конверсии?

Визуальный маркетинг не просто вращается вокруг использования видео и гифок на страницах, а также использование визуальных подсказок на целевых страницах — эффективный способ убедить посетителей действовать.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

error: Content is protected !!