Как дизайн может убить продажи?

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

Структура сайта

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

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

Еще один важный момент, который упускают многие дизайнеры – понятный заголовок H1. Зачастую он получается слишком абстрактным. Например, для сайта стоматологической клиники на главной странице используется надпись «Получите улыбку вашей мечты». Выглядит может быть красиво, но вот на позиции в выдаче и, соответственно, на конверсии скажется не лучшим образом. Заголовок на главной странице, то есть H1 должен быть четким и понятным. Например, Стоматологическая клиника «N» в городе таком-то. В этом случае вероятность того, что пользователи попадут на сайт значительно выше.

Иерархия блоков на сайте должна строиться с учетом:

• Их важности;
• Привычек пользователей.

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

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

Не перенапрягай пользователя

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

Правила типографики

Безусловно, тонкие шрифты в начертании Light или даже ExtraLight могут выглядеть стильно, придавать образу модную воздушность. Однако использовать их стоит только для заголовков. Для написания основных текстов применять их не стоит. Читаемость в этом случае будет снижена. При выборе выключки текста также стоит помнить, что в нашей культуре мы привыкли читать слева направо, а значит длинное полотно текста с центральной выключкой будет сложно воспринимать.

Сложно представить сайт без текста. Зачастую необходимо разместить достаточно много информации. Но современные юзеры не любят читать длинные «простыни». Необходимо упростить для них задачу. Для этого:

• Важно разбивать текст на абзацы;
• Акцентировать внимание на цифрах и фактах!

Самую важную информацию и преимущества стоит подавать акцентированно в виде блоков, а не просто перечисления с буллитами.

Контрасты в цвете

Это же касается и контурированного, а также развернутого на 90 градусов, использовать только его для подписи разделов не стоит, поскольку пользователю придется вертеть головой, чтобы прочитать текст.

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

UX копирайтинг и формы

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

Еще один важный момент – формы. Никто не любит заполнять множество полей. В связи с этим чем их меньше будет, тем лучше. К примеру, для оформления подписки на рассылку не стоит спрашивать имя, номер телефона. Вполне достаточно email’a.

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

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

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

Слайдеры – стоит ли?

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

Осторожно с анимацией

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

Дизайн сайта должен быть привлекательным, запоминающимся. Однако и про UX-составляющую (user experience) забывать не стоит. Создавать дизайн ради дизайна с множеством элементов не стоит. Сайт должен, в первую очередь, презентовать товар или услугу. Именно на нее должен приходиться основной упор.