Современность - это вечно торопящийся и занятой народ, привлечь внимание которого очень сложно. Вот поэтому для эффективного бизнеса в интернет сети нужно задуматься над правильным дизайном лендингов, который сможет соблюдать всю иерархию страницы. Ведь привлечь современного избалованного пользователя сложно.
Лендинг должен быть «загадкой» - не нужно показывать посетителю все одновременно. А дизайн лендинга должен указывать путь для получения всей информации.
Компания Unbounce провела ряд исследований и пришла к решению, что дизайн landing page должен соответствовать концепции 3W:
- what продвигает лендинг? (суть предложения?);
- why это должно быть интересно? (ценность предложения?);
- where двигаться? (где СТА кнопка?)
Последнее время западные маркетологи и психологи проводили множество исследований приемов и методов, которые наиболее эффективны для дизайнера, чтобы привлечь внимание посетителя.
Давайте обратим внимание на эти приемы, которые могут помочь внедрить концепцию 3W.
Для начала представьте: коллега-сотрудник попросил Вас найти в его кабинете важные данные и отправить их ему сообщением. Вы заходите в чужой кабинет и видите там такое:
На столе бардак, все стены в постерах, дипломах, фотографиях. Стол завален бумагами, ручками, блокнотами, чашками с недопитым кофе.
Вы тратите время, чтобы как-то организоваться в хаотичной обстановке и найти нужный документ. И лишь спустя время находите его на самом заметном месте: он постоянно был перед глазами. Его просто сложно было вырвать из всего контекста хаоса.
Такой визуальный хаос может быть не только на рабочем столе, но и на лендингах, и сайтах:
♦ если в офисе яркие стены, хаотичные картинки и фото, сувениры и чашки на столе мешают нормальной работе. То на целевой странице такую же роль играют логотипы, картинки, фон и шрифт.
♦ если на рабочем месте мусор - это скрепки, чашки, черновики и вырванные листы блокнота, то для лендинга это непонятный оффер, ссылки, отвлекающие от основной деятельности, несколько СТА.
Удобная и стильная целевая страница должна быть выдержана в основном дизайне компании - это повышает узнаваемость. Но с другой стороны - нельзя и переборщить: ведь работа на имидже не должна затмить цель лендинга - конверсию.
Американские исследователи выяснили, что чрезмерное засорение лендинга и увлечнность брендированием может затмить СТА элементы и поиск нужного. А это уже снизит конверсию.
Поэтому не старайтесь на одну страницу поместить все: яркие цвета, красивые СТА кнопки, много информации, логотипы, инструкции, советы и ответы. Дайте пользователю немного пространства.
Ниже приведены тепловые карты, которые покажут распределение пользовательского внимания:
Большое количество элементов путает внимание пользователя. Взгляд бесцельно слоняется по странице. Принцип 3W нарушен полностью. Его последствия - отсутствие конверсии.
Вот менее беспорядочная страница:
Но отсутствие четкого призыва, разные шрифты, отсутствие гармоничности, странная цветовая гамма также приводят к тому, что пользователь растерян.
Рекомендации:
► еще раз посмотрите на Ваш лендинг. Расположите все элементы согласно иерархии: заголовок, оффер, СТА должны быть в порядке. Не перегружайте страницу хламом;
► будьте последовательны: соблюдайте цветовую гамму и сочетание цветов, придерживайтесь одного шрифта, выделяйте основные моменты текста, яркими и контрастными цветами привлекаете внимание к СТА элементам или лид-формам:
Конечно, любой человек может ошибиться. Дизайнер в том числе. Ученые Дании выяснили, что дизайнер при создании страницы может предугадывать элементы, на которые пользователь обратит внимание.
Рекомендации по улучшению дизайна:
• тестировать;
• проверьте, насколько страница воплощает в себе концепцию 3W;
• не бойтесь экспериментировать: измените цветовую гамму, измените СТА кнопку, переставьте местами элементы. А сейчас концепцию 3W воплощается на Вашем лендинге?;
• тестируйте снова Ваши изменения.
Основной совет: сделайте уборку на странице: удалите всю лишнюю пыль, оставляйте только главные элементы. Если возникают сложности с дизайном, то готовые шаблоны лендингов - это спасение.
Конверсионного Вам дизайна!