ASTY.PRO - full service digital agency.

Создание креативных интернет-проектов
и их последующее продвижение в Интернете

24
Январь

Дизайн лендингов. Приемы, снижающие конверсию

Баланс между внешним видом и внутренним содержанием - актуальный вопрос для дизайнера сайтов. Сделать страницу более функциональной или более привлекательной? Как убедить пользователя заинтересоваться, остаться и даже совершить покупку, тем самым увеличив конверсию.

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

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

 

Параллакс-эффект

Пример эффект-параллакс

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

 

Закон Мура

Все быстрее и быстрее становятся гаджеты, все меньше времени требуется для загрузки страницы. Люди привыкли к этому настолько, что любая задержка вызывает раздражающий эффект, человек просто покидает "медленную" страницу. Статистика такова: задержка на 1 секунду уменьшает конверсию на 7%, а за 3 секунды 40% пользователей уходят с лендинг пейдж. О чем это говорит? При перегрузке страницы контентом, при добавлении не оптимизированных для интернет изображений высокого качества, виртуальный гость сайта, может просто не дождаться загрузки всей информации. Создание лендингов - процесс, при котором обязательно нужно учитывать скорость загрузки, использование графических редакторов, типа Photoshop и GIMP, позволяют выглядеть контенту привлекательно, уменьшая разрешение изображений, но увеличивая скорость загрузки лендинг пейдж. Не стоит рисковать конверсией из-за громоздких картинок, в большинстве случаев, пользователь все равно их не увидит.

 

Призрачные кнопки

Пример призрачной кнопки

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

 

Адаптивный дизайн

Все больше пользователей ищет необходимую им информацию с мобильных устройств, цифра впечатляет - 80% времени люди проводят в гаджетах. Дизайнеры лендингов пытаются не замечать этой тенденции, не производя необходимой оптимизации лендинг пейдж для удобства просмотра на мобильном устройстве. Очень зря! В связи с ускорением ритма жизни, увеличением скоростей человек вряд ли вернется за стол для поиска нужной информации. А это значит, что в приоритете у поисковиков будут сайты, лендинги которых отвечают запросам мобильных пользователей. По данным на 2015 год, всего 3% дизайнеров восприняли всерьез тенденцию всеобщей мобилизации и стали стараться сделать лендинг пейдж удобнее для просмотра и манипуляций со смартфонов.

 

Резюме:

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

Оставьте комментарий

Комментарии (0)

Предложить проект

Категории

Свежие записи