33 совета для создания сильного онлайн-бренда
Previous
выбрать за меня
Названы самые популярные мессенджеры в России
Next
ecommerce, ux, ui, веб дизайн, аудитория, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, повышение конверсии, CTR, призыв к действию, web-дизайн, дизайн, дизайн CTA, продающий дизайн сайта, шрифты, изобретения
Юзабилити

7 проверенных приемов для улучшения дизайна и увеличения конверсии

Автор: Ия Пфанштиль06.03.2017

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

Сайт или посадочная страница – по большей части визуальные элементы. Мозг обрабатывает визуальную информацию в 60 000 раз быстрее текстовой. Вот почему идеальный дизайн имеет решающее значение.

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

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

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

Ориентируйтесь на перечисленные ниже техники дизайна, чтобы быстро улучшить свои показатели:

1. Оптимизируйте дизайн

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

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

Меньше вариантов = выше показатели конверсии.

Используйте только одну кнопку с призывом к действию и как можно меньше полей в формах. Чем больше информации вы запрашиваете, тем ниже будет конверсия. Добавление поля для номера телефона, например, снижает показатели конверсии на 5%.

2. Сделайте контент понятным

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

3. Подберите подходящую палитру

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

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

ecommerce, ux, ui, веб дизайн, аудитория, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, повышение конверсии, CTR, призыв к действию, web-дизайн, дизайн, дизайн CTA, продающий дизайн сайта, шрифты, изобретения

Но цвета – это не только психологические триггеры, а еще и важные элементы брендинга. Они увеличивают узнаваемость бренда на 80%. Например, когда мы думаем о Tiffany & Co, в сознании сразу всплывает их фирменный оттенок синего, который используется в дизайне упаковки, рекламы и сайта.

ecommerce, ux, ui, веб дизайн, аудитория, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, повышение конверсии, CTR, призыв к действию, web-дизайн, дизайн, дизайн CTA, продающий дизайн сайта, шрифты, изобретения

4. С умом выбирайте шрифты

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

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

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

ecommerce, ux, ui, веб дизайн, аудитория, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, повышение конверсии, CTR, призыв к действию, web-дизайн, дизайн, дизайн CTA, продающий дизайн сайта, шрифты, изобретения

5. Экспериментируйте с симметрией

Осознаете вы это или нет, но вам нравится симметрия. Используйте этот естественный инстинкт в дизайне своего сайта. Асимметрия усложняет фокусировку, но при этом привлекает внимание. Ее можно использовать при планировании расположения кнопки CTA.

6. Не забывайте о качестве изображений

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

Если вы хотите, чтобы посетители задержались на ваших страницах подольше, общий вид и дизайн сайта должен производить приятное впечатление.

Отличные изображения вызывают инстинктивную реакцию. Сайт Joss & Main – отличный пример. Изображения приковывают взгляд и заставляют прокручивать страницу дальше и дальше.

ecommerce, ux, ui, веб дизайн, аудитория, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, повышение конверсии, CTR, призыв к действию, web-дизайн, дизайн, дизайн CTA, продающий дизайн сайта, шрифты, изобретения

7. Оптимизируйте кнопку CTA

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

Во-первых, кнопка CTA должна вызвать желание на нее кликнуть. У нее должны быть четкие границы. Лучше использовать яркие цвета на контрастном фоне. Определить наиболее эффективный оттенок поможет A/B тестирование.

Во-вторых, хорошей кнопке CTA нужен короткий и вдохновляющий на действие текст. По данным исследования HubSpot у кнопок со словом “отправить” показатель конверсии равен 14%, в без этого слова – 17%. Для роста конверсии лучше использовать слова, призывающие к действию: “попробовать”, “получить”,”использовать” и т.д. Также можно добавить “сегодня” или “сейчас”, чтобы создать чувство срочности.

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

Реакция на статью
поделюсь
0%
интересно
0%
полезно
0%
не уверен
0%
скучно
0%
где автор?
0%
Ия Пфанштиль

Перевожу и адаптирую лучшие статьи для любимых читателей.

You must log in to post a comment

ПОДПИСЫВАЙТЕСЬ НА НАС!
ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
Уведомления о новостях, статьях и инфографике будут приходить раз в неделю.
ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
Позвольте нам обновлять ваши знания раз в неделю.