Школа интернет-маркетинга! 19 уроков на основании анализа тепловых карт и айтрекинга

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

В самом неспециализированном виде тепловые карты возможно поделить на две категории:

  • карта, основанная на информации о перемещении мышью (mousetracking heatmaps), к примеру, карта кликов Google Analytics.
  • карта, основанная на информации о направлении взора человека (eyetracking heatmaps), разрабатываемые таковой наукой как окулография (процесс определения координат взора).

Большинство компаний применяет эти первого типа карт, так как полагают, что анализ перемещения манипулятора мыши характеризуется оптимальным сочетанием цена/уровень качества.

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

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

Иначе, в случае если обладатель проекта хочет получить данные об отдельном элементе веб-страницы, другими словами суть прибегнуть как раз к картам на базе перемещения глаз, дающих практически на 100% правильную данные, в отличие от карт перемещения мышью. При с последними надежность взятых разрешённых может колебаться в пределах 85-90%.

Итак, как оптимизировать конверсию, разбирая эти тепловых карт?

Содержание

1. Первый экран так же, как и прежде актуален
2. В спешке люди склонны брать то, что привлекло их внимание
3. Люди тратят больше времени, глядя на левую часть страницы
4. Люди сканируют текстовый контент по F-образной траектории
5. Баннерная слепота может сократить ваш доход
6. Направление взора имеет значение
7. Мужчины изображения, а дамы ищут на них данные
8. Автоматические слайдеры — не лучший вариант оформления основной страницы
9. Цветовые контрасты руководят вниманием визитёров
10. 60-тилетние пользователи Сети делают в 2 раза больше неточностей, чем 20-тилетние
11. Фотографии способны завлекать внимание визитёров
12. Анонсы постов блога конвертируют лучше, чем полный текст статьи
13. Люди тратят меньше 60 секунд на одно Email
14. Комбинация сплит-анализа и тестирования карты кликов увеличивает эффективность маркетинговых мероприятий
15. Размещение 2 стоимостей (акционной и начальной) повышает удовлетворенность приобретением
16. Онлайн-пользователи прежде всего наблюдают в верхнюю левую часть страницы
17. Визитёры сайтов обращают внимание, первым делом, на заголовок
18. Более небольшой размер шрифта побуждает пользователя просматривать контент
19. В заголовке самый ответственны первые пара слов
Как сделать карту ссылок и кликов для собственного лендинга?
Заключение

8 правил оптимизации конверсии, подтвержденные разработкой айтрекинга

1. Первый экран так же, как и прежде актуален

image source

Нельзя сказать, что визитёры лендингов по большому счету не задействуют скроллинг. Но изучение, совершённое компанией Nielsen Norman Group, продемонстрировало, что 80.3% времени, совершённого визитёрами на веб-странице, было израсходовано на ознакомление с информацией, размещенной на первом экране до так называемой линии сгиба (above the fold). И лишь 19.7% времени визитёры совершили на той части страницы, которая дешева по окончании скроллинга.

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

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

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

То, что сообщено в конце, запоминается оптимальнее .

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

  • Стратегия первого экрана, либо Жизнь выше «линии сгиба»

2. В спешке люди склонны брать то, что привлекло их внимание

image source

Недавнее изучение, совершённое Калифорнийским технологическим университетом (California Institute of Technology), доказало, что в случае если ответ о покупке принимается в спешке (в условиях недостаток времени либо наличия отвлекающих факторов), визуальное действие воздействует на выбор больше, чем потребительские предпочтения. Это указывает, что в то время, когда визитёры спешат, они склонны в меньшей мере концентрироваться на личных вкусах и, в большинстве случаев, останавливаться на том, что способно привлечь их внимание.

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

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

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

  • Что воздействует на решение человека совершить приобретение в веб-магазине?

3. Люди тратят больше времени, глядя на левую часть страницы

image source

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

Как раз в левой части лендинга имеется суть размещать самая важную данные, такую как перечень главных польз (value proposition).

Еще одно изучение от уже упоминавшейся Nielsen Norman Group продемонстрировало, что 69% времени пользователи израсходовали на просмотр контента, размещенного на левой стороне страницы. Это указывает, что в целом визитёры склонны в 2 раза больше внимания уделять всему тому, что размещено не справа, а слева на сайте.

  • Наука о создании высококонверсионной лендинг пейдж

4. Люди сканируют текстовый контент по F-образной траектории

image source

В собственной статье «F-образный паттерн изучения веб-контента» (F-Shaped Pattern For Reading Web Content) Якоб Нильсен (Jakob Nielsen) обрисовал метод, в соответствии с которому визитёры Сети изучают текстовый контент:

  • громаднейшая концентрация внимания визитёров отмечается на первых словах строчка;
  • прочитываются самые подзаголовки и важные заголовки;
  • только избирательно люди просматривают более объемные текстовые абзацы.

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

Применение приемов форматирования текста — подзаголовков, цифровых и символьных маркеров (буллетов) — делает текст более читабельным и увеличивает шансы привлечь интерес поверхностно просматривающего визитёра.

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

  • Как пользователи просматривают в сети?

5. Баннерная слепота может сократить ваш доход

Image source

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

В статье «Баннерная слепота: уже узнаваемые и новые открытия» Якоб Нильсен кроме этого говорит, что, в соответствии с изучениям, внимание человека не концентрируется на рекламных посланиях. В случае если визитёр торопится, то он сознательно игнорирует баннер, а вдруг увлечен чтением контента, то он уже не отвлекается на посторонние раздражители.

  • Кто и как реагирует на баннерную рекламу?

6. Направление взора имеет значение

Image source

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

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

Не следует забывать об эмоциональной составляющей взора.

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

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

  • Изображения лиц как оптимизация конверсии лендинг пейдж

7. Мужчины изображения, а дамы ищут на них данные

image source

tobii.com — это проект, специализирующийся на анализе данных, взятых на протяжении составления тепловых карт по разработке eye tracking. По данным, приведенным на этом сайте, мужчины фокусируются на изображениях больше, чем дамы.

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

В свете данной аналитики кроме этого весьма интересно выглядят результаты следующего изучения, размещённого на сайте miratech.com: мужской и женской аудиториям было продемонстрировано фото дамы с глубоким декольте и с кольцом на руке. Вот что продемонстрировали тепловые карты на основании айтрекинга (eye tracking):

И не смотря на то, что женская грудь имеется неизменный предмет внимания как мужчин, так и дам, все-таки первые (как продемонстрировали тепловые карты) на 37% больше времени уделили рассматриванию данной «стратегической» части женского тела, чем представительницы очаровательного пола.

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

Это предположение косвенно подтверждает вторая тепловая карта, полученная в рамках указанного опыта:

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

  • Мужчины vs. Дамы, либо Из-за чего отличие не означает неравенство?

8. Автоматические слайдеры — не лучший вариант оформления основной страницы

Еще один вывод по итогам анализа тепловых карт (они размещены на сайте optimalexperience.com): баннеры и автоматические слайдеры, будучи основной частью основной страницы, смогут кроме этого приводить к баннерной слепоте. Тестовая несколько, взяв определенное задание для визита 2 сайтов, всецело проигнорировала баннеры (включая их анимационную версию), составлявшие базу посадочной страницы.

Не смотря на то, что и в этом опыте не обошлось без исключений — центральный баннер на основной странице проекта ASOS смог захватить внимание визитёров намного действеннее, чем на вторых оформленных подобным образом веб-ресурсах:

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

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

  • Из-за чего слайдер — самый ненужный элемент дизайна?

9. Цветовые контрасты руководят вниманием визитёров

image source

По окончании анализа тепловых карт посадочной страницы (landing page) компании, занимающейся обслуживанием грузовиков, маркетологи из TechWyse заключили, что цветовые контрасты в оформлении лендинга очень сильно воздействуют на то, как распределяется внимание визитёров.

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

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

Вывод: тестируйте не только заголовки и контент, но и цветовые контрасты в дизайне собственных лендингов.

  • Теория цвета — как руководить вниманием пользователя?

10. 60-тилетние пользователи Сети делают в 2 раза больше неточностей, чем 20-тилетние

image source

На сайте miratech.com приводились результаты теста с участием 257 онлайн-визитёров различного возраста. По условиям опыта испытуемый выбывал из группы пользователей сайта, если не справлялся с поставленными перед ним задачами. В следствии среди тех, кому было за 55, уровень отказов составил практически в 1.9 раза больше, чем среди участников двадцатипятилетнего возраста.

Помимо этого, было распознано еще 2 закономерности:

  • пожилые пользователи Сети если сравнивать с молодыми на осуществление интеракций с лендингом/сайтом тратят на 40% больше времени;
  • то, что не вызывало особенных затруднений у молодых визитёров, добрая половина людей преклонного возраста признало «сложным заданием».

Выводы: в случае если целевая аудитория проекта — пожилые люди, то убедитесь в 2 вещах:

  • ваш лендинг максимально несложным и эргономичным;
  • все, что требуется от визитёров, предполагает ясное познание ожидаемых действий.

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

  • Оптимизация конверсии посадочной страницы для пенсионеров

11. Фотографии способны завлекать внимание визитёров

image source

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

Визитёры веб-страниц лучше реагируют на изображения простых людей (не фотомоделей). Согласно данным изучений Nielsen Norman Group, визитёры лендингов на 10% больше времени уделяли рассматриванию фотографий участников дискуссии, чем тому, что они обсуждали, не смотря на то, что как раз текстовая составляющая контента занимала солидную часть страницы.

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

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

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

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

  • Долой стоковые фото, либо Оптимизация конверсии посредством изображений настоящих людей

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

Еще одно изучение от Nielsen Norman Group подтверждает предположение о том, что на основной странице корпоративного блога лучше выводить анонсы постов, а не их полный текст.

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

Подобные выводы основаны на анализе следующих тепловых карт:

Комментарии к тепловым картам:

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

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

  • Создаем контент для генерации лидов

13. Люди тратят меньше 60 секунд на одно Email

Исследовательская несколько Якоба Нильсена опубликовала результаты собственного очередного изучения:

  • в 67% случаев заголовки email-письма не смогли вовлечь человека в чтение;
  • в случае если получатель электронного сообщения открыл его, то на ознакомление с содержанием послания он тратил в среднем 51 секунду. Наряду с этим читатели так же, как и прежде в основном сканируют текст, всецело прочитывая только его пятую часть (19%).

Выводы: тестируйтеэффективность заголовков рассылки и длину Email помните размещать в них продуманный призыв к действию (call to action).

14. Комбинация сплит-анализа и тестирования карты кликов увеличивает эффективность маркетинговых мероприятий

Эксперты проекта Visual Website Optimizer, проанализировав карту кликов, увидели, что около 25% пользователей с их основной страницы переходят в раздел «Цены», тогда как главная СТА-кнопка, рассчитанная на сбор большей части входящего трафика, собирала только 5% от всего потока визитёров.

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

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

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

15. Размещение 2 стоимостей (акционной и начальной) повышает удовлетворенность приобретением

Вдохновленный книгой Дэна Ариэли (Dan Ariely) «Предсказуемая иррациональность» (Predictably Irrational), Роберт Стивенс (Robert Stevens) совершил тест с тепловыми картами среди 60 случайно выбранных участников, дабы заметить, как теория относительности воздействует на принятие ответов в повседневной судьбе.

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

Сущность теста: Роберт Стивенс попросил 30 человек выбрать сок на витрине, где товар продавался со скидкой, на что показывал более большой ценник, выделенный броским цветом (картина 1); вторую группу из 30 человек он попросил сделать то же самое, но для выбора была предложена вторая витрина, где на одной полке рядом с такой же акционной ценой был помещен товар с ценником без скидки (картина 2).

На соответствующих тепловых картах возможно заметить, куда клиенты значительно чаще наблюдали (красные точки). Любопытно, что вторая несколько не потеряла возможность сравнить цены (картина 2.1, ветхая цена обведена желтым кругом).

По окончании совершения приобретения участникам опыты было предложено оценить степень их удовлетворенности идеальной сделкой по семибалльной шкале, где 1 — мельчайшая степень удовлетворенности, 7 — громаднейшая. Клиенты, видевшие лишь акционную, цену поставили оценку 1.7, тогда как вторая несколько указала на отметку в 2.4 балла, не смотря на то, что и те и другие купили совсем аналогичные комплекты товаров.

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

16. Онлайн-пользователи прежде всего наблюдают в верхнюю левую часть страницы

Уже позже они переводят взор вправо и только затем наблюдают вниз.

17. Визитёры сайтов обращают внимание, первым делом, на заголовок

Особенно большое количество внимания они уделяют заголовку, если он размещен в верхнем левом углу.

18. Более небольшой размер шрифта побуждает пользоват

Случайные статьи:

The Great Gildersleeve: The First Cold Snap / Appointed Water Commissioner / First Day on the Job


Подборка похожих статей:

riasevastopol