Меню

Как создать красивый сайт, который будет стимулировать конверсию

preview

Как создать красивый сайт, который будет стимулировать конверсию

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

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

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

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

В 2018 году 52,2% всего трафика веб-сайта приходилось на мобильные устройства, поэтому всегда проверяйте мобильную функциональность своего веб-сайта после оценки настольной версии вашего сайта.

Закон Хика
Закон Хика, или Закон Хика-Хаймана, описывает время, которое требуется человеку для принятия решения на основе количества вариантов, которые предоставлены. Увеличение количества вариантов соответствует увеличению времени принятия решения.
Знаменитый Jam Experiment 2000 года прекрасно это иллюстрирует. Однажды в продуктовом магазине покупателям были представлены 24 сорта варенья и купон на 1 доллар. В другой день в магазине был выставлен стол только из 6 сортов варенья.
Хотя стол из 24 джемов привлек больше внимания, магазин получил больше покупок, когда на столе было только 6 сортов. По словам Барри Шварца, этот «паралич решения» или «паралич анализа» может повлиять на самые мелкие вещи, от того, что есть на завтрак, до более важных вещей, таких как выбор карьеры.

Какое это имеет отношение к веб-дизайну? Представлять слишком много вариантов сразу посетителям сайта может быть ошеломляющим, что приводит к тупиковому принятию решений. В конечном итоге это может привести к тому, что потребители откажутся от сайта и вообще ничего не купят. 
Упрощение вариантов имеет решающее значение для получения наибольшего количества онлайн-конверсий. Закон Хика является одной из причин, по которой такие компании, как Buffer, обычно имеют 3-4 варианта пакета, а не варианты, адаптированные к точным потребностям каждого потребителя.

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

Правило третей

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

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

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


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

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

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

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

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

Привлекательные образы или видео
Представьте себе сайт, наполненный только текстом, навигацией и призывами к действию. Довольно скучно, да?

Изображения и / или видео помогут разбить эту информацию. Они также помогут посетителям отсканировать сайт и добраться до сути. Что может предложить мне эта компания? Что они делают?

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

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

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

  • Pexels
  • Unsplash
  • Shutterstock
  • Envato
  • Pixabay
  • Kaboompics
  • Canva
  • Flickr
  • Getty Images

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

Знакомый дизайн
Уникальный может быть лично удовлетворительным, но это не всегда лучше.

Возьмите сайт электронной коммерции, создающий новую кнопку «Добавить в корзину». Они работают над тремя вариантами, каждый с оранжевым фоном, но разным текстом:
+ Добавить в корзину
+  Корзина
Какой текст, по вашему мнению, будет более эффективным? Если бы вы выбрали вариант «Добавить в корзину», вы были бы правы.

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

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

Трафик, полученный от платной рекламы
Если вы приобрели рекламу в таких сервисах, как Facebook или Google, эти платформы достаточно умны, чтобы найти потенциальных клиентов, не беспокоясь о SEO. 

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

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

Это всего лишь несколько идей о том, как создать красивый веб-сайт, обеспечивающий конверсию. Поскольку SEO и дизайн постоянно меняются, важно быть в курсе изменений.
Также важно проводить A/B-тестирование при работе с любым из этих советов по проектированию, поскольку ни один из принципов не является полностью непогрешимым. То, что не работает на большинстве веб-сайтов, может на самом деле работать на вашем.