4 ошибки веб-дизайна, убивающие конверсию

За последние несколько лет стандарты веб-дизайна менялись один за другим.

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

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

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

У каждой целевой страницы есть цель: привлечение посетителей, подписки, продажа товаров, лидогенерация и так далее. Но какой бы ни была ваша цель, высокий коэффициент конверсии — залог ее достижения.

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

Конверсионный путь, не визуальная привлекательность

Young smiling woman to purchases talks on cellular telephone.

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

Товары с высокой ценой и рентабельностью находятся на виду, а если покупателю понадобится помощь, виртуальный консультант ответит на все вопросы в любое время суток.

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

Большинство компаний предлагает клиенту один основной продукт и в дополнение к нему — несколько сопутствующих товаров/услуг. На самом деле, согласно исследованиям Forbes, небольшим компаниям и интернет-магазинам стоит поработать над сокращением ассортимента предлагаемых товаров. В идеале лендинг должен быть полноценной презентацией продукта от первого до последнего окна, но не полем для получения пользовательского опыта.
Шансы на то, что в интернет-магазине со скудным ассортиментом посетитель приобретет единственный предлагаемый товар, мизерно малы. А вот вероятность того, что покупатель соблазнится на один конкретный товар из тысячного ассортимента, уже будут более внушительными. Крупные ресурсы могут позволить себе приятное оформление прайс-листов и эксперименты с товарными страницами— ведь они не пытаются продать один- единственный оффер.

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

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

Слишком модный функционал

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

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

Но что вы скажете о SaaS-компании, которая увеличила количество лайков за счет удаления социальных плагинов со страницы?

image01__3

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

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

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

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

Крупные изображения

Неудивительно, что изображения составляют основу любого дизайн-макета — современные пользователи Сети слишком искушены визуальными медиа. Навскидку можно назвать несколько ресурсов (Instagram, 9GAG, Pinterest), которые зарабатывают большие деньги, просто публикуя изображения.

image02__1

Как видите, картинки — это круто и забавно. Они интересные, красивые и способны заменить «тысячи слов». Но не стоит забывать один подводный камень, а именно: картинки — это большие и тяжелые файлы.

Оптимальный размер средней целевой страницы — примерно 320 Кб, из которых только 206 Кб приходится на картинки. Следовательно, картинки — это прекрасный выбор, но огрехи в оптимизации будут притормаживать работу лендинга. А как показали исследования KISSMetrics, низкая скорость загрузки — один из врагов конверсии.

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

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

Забытая оригинальность

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

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

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

image03__1

По данным агентства Maketornado самое большое влияние на конверсии короткого лендинга оказывает заголовок, а вовсе не графика.

Аспекты, влияющие на конверсию

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

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

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

По материалам blog.crazyegg.com