Всё для рекламы
и про рекламу
Образовательный центр Yagla
Вход
Рекламные инструменты Yagla
Вход
Повышение конверсии

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

35053
«Холодный» пользователь редко задерживается на сайте больше 8 секунд. Нужны немалые усилия, чтобы его удержать и конвертировать. В 94% случаев дизайн решает всё: куда будет смотреть человек, что будет делать, совершит ли целевое действие. Визуальные «маяки» помогают ориентироваться в навигации и структуре лендинга.
 
В этой статье вы узнаете, как увеличить конверсию сайта с помощью визуальных сигналов.
Команда Yagla ведет отличный телеграм канал, где публикует мнения экспертов и авторские лонгриды о бизнесе и маркетинге, многие из которых не попадают на этот сайт. Обязательно подпишитесь по ссылке https://t.me/yagla

Явные визуальные сигналы

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

Outbrain, инструмент для интернет-рекламы, использует стрелки, чтобы сделать акцент на конкретной услуге. Уникальное предложение: «Привлекайте качественный трафик. Получите больше лидов и продаж». Стрелка указывает на раздел с кейсами с фразой «Ваш контент будет здесь»:

Как увеличить конверсию сайта с помощью визуальных сигналов, кейс Outbrain

Российский стартап «Купи батон» использует цветные стрелки:

Увеличение конверсии сайта с помощью визуальных сигналов, кейс Купи батон

Стрелки пригодятся и на интерактивных страницах. Пример – Lumosity, разработчик логических онлайн-тренажеров:

Как увеличить конверсию сайта с помощью визуальных сигналов, кейс Lumosity

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

Увеличение конверсии сайта с помощью визуальных сигналов, кейс Boardvantage

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

Как увеличить конверсию сайта с помощью визуальных сигналов, кейс Ecwid

Стрелкой удобно направлять пользователей под линию «сгиба» (то, что ниже, на следующем экране). В примере Instapage она ведет на «30 советов о том, как получить высокий ROI от рекламы в Facebook»:

Как увеличить конверсию сайта с помощью визуальных сигналов, кейс Instapage

Скайп стрелкой направляет посетителя далеко под сгиб:

Увеличение конверсии сайта с помощью визуальных сигналов, кейс Скайп

Конструктор сайтов Strikingly использует анимированную стрелку слева от формы, чтобы привлечь к ней внимание:

Как увеличить конверсию сайта с помощью визуальных сигналов, кейс Strikingly

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

Замечательный пример – лендинг кандидата в президенты США Хиллари Клинтон. Вы только посмотрите на этот взгляд, полный мольбы. Котик из Шрека отдыхает.

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

Взгляд госпожи Клинтон направлен на форму с пожертвованиями. Надпись к ней: «Если вы с Хиллари готовы к победе, сделайте пожертвование прямо сейчас».

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

Увеличение конверсии сайта

HR-платформа iCIMS использует сразу несколько визуальных сигналов:

Как увеличить конверсию сайта, кейс iCIMS

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

Ниже – пример от онлайн-сервиса для автоматизации рекрутинга FriendWork Recruiter:

Как увеличить конверсию сайта с помощью визуальных сигналов, кейс FriendWork

Что работает лучше: стрелка или направление взгляда? Conversion XL провели собственное исследование и пришли к выводу, что стрелка получает больше внимания. 

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

Увеличение конверсии сайта

Названия элементов по порядку:

  • Стрелка
  • Контрольный вариант без сигнала
  • Направление взгляда. Направление взгляда в противоположную сторону
  • Линия
  • Выделенная форма
  • Треугольник. 

Помогали тепловые карты и карты движения глаз (айтрекеры):

Увеличение конверсии сайта

Названия элементов по порядку:

 

  • Взгляд на форму
  • Взгляд в противоположную сторону
  • Стрелка
  • Треугольник
  • Линия
  • Выделенная форма
  • Контрольный вариант. 

Это не значит, что нужно рисовать стрелку везде. Пробуйте, делайте А/В тесты, ищите вариант, который подойдет конкретно вам. 

Неявные визуальные сигналы

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

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

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

Разреженное пространство вокруг текста выделяет важные элементы. 

Как увеличить конверсию сайта

На посадочной странице маркетинговой платформы Offerpop форма захвата выделена цветом и рамкой:

Как увеличить конверсию сайта с помощью визуальных сигналов, кейс offerpop

Сайт HelloFresh предлагает первую книгу с рецептами со скидкой 50%. Оранжевую кнопку с призывом к действию «Получить сейчас» трудно не заметить:

Как увеличить конверсию сайта с помощью визуальных сигналов, кейс HelloFresh

Битрикс любит играть с цветами и рисованными элементами:

Увеличение конверсии сайта с помощью визуальных сигналов, кейс Битрикс

Интернет-бухгалтерия «Мое дело» использует на главной сразу несколько приемов. Мы видим контрастный цвет кнопки CTA («Попробовать бесплатно») и стрелку, ведущую к скидке:

Увеличение конверсии сайта с помощью визуальных сигналов, кейс Моё дело

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

Статья подготовлена по материалам instapage.com

Хотите тоже написать статью для читателей Yagla? Если вам есть что рассказать про маркетинг, аналитику, бизнес, управление, карьеру для новичков, маркетологов и предпринимателей. Тогда заведите себе блог на Yagla прямо сейчас и пишите статьи. Это бесплатно и просто
Опубликовано редакцией Yagla
35053
3
Читайте ещё статьи по этой теме

Как сделать аудит сайта своими руками Статья

Мотивирует ли ваш сайт целевого пользователя, перешедшего с контекстного объявления, на заявку / покупку, или наоборот побуждает к «бегству»? Ответ на этот вопрос дает аудит сайта. Привлекать специально обученного человека для этой задачи – немалые затраты и зачастую непредсказуемый результат.

Всё, что нужно знать про гиперсегментацию трафика Статья

Что делать, если заявок с платного трафика мало, а бюджеты улетают в трубу?В этой статье вы узнаете, почему важно рассматривать потребности аудитории, рекламу и предложение на сайте во взаимосвязи, а не по отдельности. Расскажем, что такое гиперсегментация и как её применять на примере контекстной рекламы.

Анализ трафика в Яндекс.Метрике: практическое руководство Статья

Если на сайт приходит нецелевой трафик, продаж и заявок практически нет. Либо каждое целевое действие вам обходится дорого.
Написать комментарий
Обсуждаемое

Настройка контекстной рекламы: Кого выбрать — агентство или фрилансера? Статья

В современном бизнесе контекстная реклама является одним из самых эффективных инструментов для продвижения товаров и услуг. Однако успешная настройка рекламных кампаний требует глубоких знаний и опыта.

Будущее медицины: как АО «Навигатор» внедряет ИИ и MR для повышения качества медицинской помощи Статья

В последние годы медицина претерпевает значительные изменения благодаря внедрению передовых технологий, таких как искусственный интеллект (ИИ) и смешанная реальность (MR). В АО «Навигатор» мы нацелены на использование этих инноваций, чтобы сделать медицинское обслуживание более качественным и доступным для пациентов.

Как качественно работать в сфере нутра арбитража и какие офферы лучше выбирать? Статья

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

Как ускорить анализ целевой аудитории для рекламы: от недели до часа с помощью нейросети. Статья

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

Как искусственный интеллект меняет мир рекламы кофейного сегмента Статья

Искусственный интеллект (AI) становится важным инструментом в рекламе кофейного бизнеса. Сергей Бабуров отмечает, что использование AI открывает новые возможности для привлечения клиентов и повышения эффективности рекламных кампаний.

Настройка контекстной рекламы: Кого выбрать — агентство или фрилансера? Статья

В современном бизнесе контекстная реклама является одним из самых эффективных инструментов для продвижения товаров и услуг. Однако успешная настройка рекламных кампаний требует глубоких знаний и опыта.