Направления: советы по дизайну, которые побуждают посетителей действовать

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

Итак, ваша целевая страница после клика готова к публикации, верно? Не совсем.

Как вы сделаете так, чтобы ваши посетители смотрели то видео, которое ваша команда создавала часами? Или посетители нажимают на эту идеальную кнопку с призывом к действию?

Не оставляйте все это на волю случая; направлять посетителей именно туда, куда вы хотите. Заставьте их посмотреть, где вы хотите, чтобы они сосредоточили (и предприняли действия) на ваших наиболее важных элементах целевой страницы после щелчка.

Подобно макету F-Pattern и Z-Pattern, использование ориентированных сигналов (также называемых визуальными сигналами) может повлиять на ваших посетителей, чтобы они целенаправленно перемещались по вашей странице. Все три компонента дизайна целевой страницы после клика используют психологию, чтобы влиять на действия пользователей и побуждать их к действию.

Давайте подробнее рассмотрим, как это работает.

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

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

Есть два основных типа направленных сигналов: неявные и явные.

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

Психология визуальных подсказок

Визуальные подсказки можно рассматривать как сигналы или вибрации, и подсознательно ваш мозг может идентифицировать такие сигналы. Например, на первом свидании вы можете многое узнать о своем свидании по вибрации, которую он или она посылает - языку тела, зрительному контакту, выражению лица - которые показывают вам, заинтересован человек или нет. Даже не осознавая этого, вы улавливаете эти флюиды от всех.

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

Что определяет, как мы транслируем эти флюиды или реплики на целевых страницах после клика? Как правило, на наше восприятие влияет наш прошлый опыт и накопленные знания. И, как вы увидите ниже, различные сигналы, которые могут помочь посетителям взаимодействовать с вашей страницей и действовать.

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

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

Пустое пространство

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

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

Цветовой контраст

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

Чтобы продемонстрировать это, Marketo предлагает руководство по маркетингу в социальных сетях на этой целевой странице после клика, но CTA теряется из-за отсутствия цветового контраста:

Но на этой целевой странице Codify Academy после щелчка кнопка CTA спрыгивает со страницы, потому что красный контрастирует с любым другим цветом:

Инкапсуляция

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

Университет Бельвью использует эту технику дважды на странице ниже - в изображении заголовка и в форме. Форма, однако, еще более инкапсулирована, потому что она спроектирована в контрастном фиолетовом поле, чтобы посетители целевой страницы после клика отправляли свою информацию:

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

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

Пристальный взгляд

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

Вот целевая страница Университета Капеллы после щелчка, на которой изображен улыбающийся студент, смотрящий в направлении заголовка, подзаголовка и формы. Посетители, даже не осознавая этого, могут сосредоточить свое внимание и здесь:

Социальные доказательства (например, отзывы) также могут использовать преимущества взгляда, как показано здесь, на странице When I Work:

Указывая или жестикулируя

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

Позиционирование объекта

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

U-Pack позаботился о том, чтобы их форма целевой страницы после клика была заметна каждому посетителю. Они не только заключили его в черную рамку, но и разместили движущийся грузовик лицом к форме, чтобы посетители не могли не заметить:

Стрелки

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

Loud Rumor использует неподвижную нарисованную от руки стрелку на своей двухэтапной форме подписки, чтобы влиять на нажатие кнопки CTA:

Несмотря на то, что веб-пользователи привыкли к прокрутке, стрелки также обычно размещают, чтобы помочь посетителям перемещаться ниже сгиба. Посмотрите, как это делает Constant Contact, с помощью простой заключенной стрелки:

Вот еще один от Boardvantage - в котором стрелка гиперссылка. После щелчка страница прокручивается ниже сгиба и отображает три различных варианта использования:

Линии

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

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

Побуждайте посетителей к конверсии с помощью ориентиров

Давайте переадресовываем ту почти идеальную целевую страницу после клика, которую мы кратко описали в начале.

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

Какие подсказки вы добавите на свою следующую целевую страницу после клика? Независимо от того, что вы решите, создайте полностью оптимизированные целевые страницы после клика с помощью Instapage за считанные минуты. Подпишитесь на демонстрацию Instapage Enterprise сегодня.