СОЗДАЙ СВОЙ LANDING PAGE ПРЯМО СЕЙЧАС! ВЕСЬ ФУНКЦИОНАЛ БЕЗ ОГРАНИЧЕНИЙ - ПРОСТО ЗАРЕГИСТРИРУЙСЯ!
Бесплатно создать

Дизайн. Концепция 3W для привлечения внимания.

16 сентября 2015 г.
Комментариев не добавлено

дизайн лендинга

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

Лендинг должен быть «загадкой» - не нужно показывать посетителю все одновременно. А дизайн лендинга должен указывать путь для получения всей информации.

Компания Unbounce провела ряд исследований и пришла к решению, что дизайн landing page должен соответствовать концепции 3W:

- what продвигает лендинг? (суть предложения?);
- why это должно быть интересно? (ценность предложения?);
- where двигаться? (где СТА кнопка?)

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

Давайте обратим внимание на эти приемы, которые могут помочь внедрить концепцию 3W.

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

некачественный лендинг

На столе бардак, все стены в постерах, дипломах, фотографиях. Стол завален бумагами, ручками, блокнотами, чашками с недопитым кофе.

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

Такой визуальный хаос может быть не только на рабочем столе, но и на лендингах, и сайтах:

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

♦ если на рабочем месте мусор - это скрепки, чашки, черновики и вырванные листы блокнота, то для лендинга это непонятный оффер, ссылки, отвлекающие от основной деятельности, несколько СТА.

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

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

Поэтому не старайтесь на одну страницу поместить все: яркие цвета, красивые СТА кнопки, много информации, логотипы, инструкции, советы и ответы. Дайте пользователю немного пространства.

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

целевая страница

Большое количество элементов путает внимание пользователя. Взгляд бесцельно слоняется по странице. Принцип 3W нарушен полностью. Его последствия - отсутствие конверсии.

Вот менее беспорядочная страница:

лендинг

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

Рекомендации:

► еще раз посмотрите на Ваш лендинг. Расположите все элементы согласно иерархии: заголовок, оффер, СТА должны быть в порядке. Не перегружайте страницу хламом;

► будьте последовательны: соблюдайте цветовую гамму и сочетание цветов, придерживайтесь одного шрифта, выделяйте основные моменты текста, яркими и контрастными цветами привлекаете внимание к СТА элементам или лид-формам:

Сделаем дизайн лучше?

 

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

Рекомендации по улучшению дизайна:

• тестировать;
• проверьте, насколько страница воплощает в себе концепцию 3W;
• не бойтесь экспериментировать: измените цветовую гамму, измените СТА кнопку, переставьте местами элементы. А сейчас концепцию 3W воплощается на Вашем лендинге?;
• тестируйте снова Ваши изменения.

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

Конверсионного Вам дизайна!

Вернуться назад