Средняя продолжительность внимания пользователей к вашему лэндингу составляет около 6–8 секунд , а у 10-месячного ребенка - около 60–120 секунд . Это означает, что мой сын будет сосредоточен на своей погремушке дольше, чем ваши посетители сосредоточатся на вашей странице после клика.
В чем смысл этого, спросите вы? Задержать внимание посетителей на целевой странице после клика достаточно долго, чтобы конвертировать - задача непростая.
Получить конверсии становится все сложнее, если ваша страница плохо оформлена, поскольку 94% первых показов в Интернете связаны с дизайном. Например, привлекательный заголовок может быть незаметным, если страница захламлена, и посетители не могут отличить один элемент от другого. То же самое относится ко всем остальным элементам страницы.
Дизайн целевой страницы после щелчка играет ключевую роль в привлечении посетителей. УТП и контрастная кнопка CTA - не единственные инструменты дизайна, которые маркетологи могут использовать для повышения конверсии.
Визуальные подсказки также помогают значительно увеличить количество конверсий целевой страницы после клика.
Что такое визуальные подсказки?
Визуальные или направляющие подсказки - это инструмент проектирования, используемый для буквального направления ваших посетителей в направлении элементов, которые являются неотъемлемой частью вашей цели - конверсии (например, вашего CTA). Сигналы помогают посетителям перемещаться по вашей странице и поддерживать визуальную иерархию.
Существует два основных типа визуальных подсказок :
Явные визуальные подсказки
Эти виды сигналов являются прямыми и могут быть легко указаны на странице. Использование стрелок, линий, указательных пальцев на линии прямой видимости человека - это несколько способов, которыми можно использовать явные визуальные подсказки на целевых страницах после щелчка.
Неявные визуальные подсказки
Эти подсказки тонкие и часто остаются незамеченными посетителями. Тем не менее, они делают свою работу по выделению определенных элементов довольно хорошо. Некоторые из наиболее часто используемых неявных визуальных подсказок на целевых страницах включают пустое пространство, цветовой контраст и инкапсуляцию.
Давайте посмотрим, как вы можете использовать оба типа визуальных подсказок на целевых страницах, чтобы посетители могли сосредоточиться на странице достаточно долго для конверсии.
Как использовать явные визуальные подсказки на целевых страницах
Явные визуальные подсказки быстро влияют, когда посетитель смотрит на страницу. Вы можете использовать стрелки в качестве визуальных подсказок на своих страницах и направлять посетителей туда, куда вы хотите, чтобы они заходили на страницу.
Outbrain использует стрелку и увеличительный круг, чтобы привлечь внимание посетителей к тому, как сервис продвигает истории:
Вы также можете создать стрелки-указатели в качестве интерактивного элемента страницы и помочь посетителям перемещаться по различным разделам вашей страницы, как это делает Lumosity :
И это делает Boardvantage тоже:
Стрелки также можно использовать для направления посетителей ниже сгиба страницы. Наш совет по рекламе в Facebook использует следующую технику:
Поразительно использует анимированную стрелку направления, отскакивающую в левой части формы, чтобы побудить посетителей уделять ей больше внимания:
Эта особая визуальная подсказка не только заставляет посетителя посмотреть, куда вы хотите, но также добавляет привлекательность человеку и придает эмоции вашему предложению. Визуальные подсказки настолько влиятельны и убедительны, что кандидат в президенты Хиллари Клинтон использует линию обзора на страницах своей кампании.
Глаза Клинтон наполняются эмоциями, когда она смотрит на свою страницу пожертвования:
На этой странице она с нетерпением смотрит на форму и призывает вас присоединиться к официальной кампании:
iCIMS делает еще один шаг вперед , удваивая визуальные подсказки, используя как линию обзора, так и указание, чтобы побудить посетителей совершить конверсию:
Так какой визуальный сигнал работает лучше? Стрелки, указывающие?
Исследования, проведенные CXL, показывают, что когда дело доходит до явных визуальных сигналов, стрелка превосходит остальные указатели:
Для получения этих результатов первичными источниками сбора данных были исследования глаз и тепловые карты:
Тот факт, что стрелка показывается лучше на этой конкретной целевой странице после клика, не означает, что стрелки всегда будут верным способом максимизировать конверсии. Как и в случае с любым другим элементом целевой страницы, мы рекомендуем провести A / B-тест, чтобы определить, соответствует ли это исследование вашему бизнесу.
Как использовать неявные визуальные подсказки на целевых страницах после клика
Неявные визуальные подсказки не являются прямыми, как стрелки и указатели. Эти элементы дизайна напрямую не указывают на конкретный объект. Скорее, они полагаются на более тонкий подход, чтобы убедить посетителей выполнить цель конверсии.
Использование пустого пространства вокруг элемента - отличная визуальная подсказка, чтобы посетители могли сосредоточиться на этом конкретном элементе. Заметьте разницу между пробелами в читаемости текста справа и текста слева?
Это «отрицательное пространство» помогает убрать помехи со страницы, автоматически выделяя важные элементы страницы. DocuSign использует много белого пространства вокруг элементов , чтобы сделать его проще для посетителей , чтобы сосредоточиться на скриншоте ноутбука и формы. Кроме того, они включают стрелку, указывающую на форму:
Форма на целевой странице Offerpop после заключена в оранжевый цвет с черным контуром, который помогает выделить ее:
Использование контрастных цветов для элементов целевой страницы также служит визуальной подсказкой, поскольку контраст привлекает внимание посетителей к определенному месту. Оранжевая кнопка CTA на целевой странице HelloFresh:
Как вы используете визуальный маркетинг для повышения конверсии?
Визуальный маркетинг не просто вращается вокруг использования видео и гифок на страницах, а также использование визуальных подсказок на целевых страницах - эффективный способ убедить посетителей действовать.
Похожие статьи читайте на нашем сайте http://businessfe.ru/%d0%bc%d0%b0%d1%80%d0%ba%d0%b5%d1%82%d0%b8%d0%bd%d0%b3/
