Насколько важен дизайн сайта?

Насколько важен хороший дизайн для сайта? Ответ прост — дизайн важен.

Как добиться, чтобы больше посетителей становились вашими постоянными клиентами?

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

 

Сделайте сайт проще и понятней

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

 

Вот сложный и перегруженный сайт, большинству людей он не понравится:

 

Вот, наоборот, простой сайт:

Большинству он понравится.

 

Используйте визуальную иерархию

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

Упражнение. Пожалуйста, расположите круги в порядке значимости:

 

 

Не зная НИЧЕГО об этих кругах, вы без труда оценили их значимость. Это визуальная иерархия.

Определенные части вашего сайта важнее других (формы, призывы к действию, ценностное предложение и т.д.), и вы хотите, чтобы они привлекали больше внимания, чем менее важные части. Если меню вашего сайта состоит из 10 пунктов, значит ли это, что все они одинаково важны?Куда вы хотите, чтобы пользователь кликнул? Сделайте важные ссылки более заметными.

Иерархия определяется не только размером. На сайте Amazon кнопка «Добавить в корзину» выделена цветом:

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

Вот, например, скриншот с сайта Williams Sonoma. Они продают посуду для готовки на улице.

 

Первое, что бросается в глаза, – это огромный кусок мяса (хочется его съесть), затем – заголовок (объясняющий, что это такое) и призыв к действию (купить!). На четвертом месте текст, находящийся под заголовком, на пятом – баннер с бесплатной доставкой, а на последнем – навигация вверху страницы. Это отличная визуальная иерархия.

 

Выделяйте главное

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

Вот наиболее распространенный онлайн А/Б тест на цвет:

 

По его результатам, красная кнопка получила на 21% больше голосов, чем зеленая.

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

 

Используйте пустое пространство для концентрации внимания

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

Вот пример: эти ребята хотят продать вам кровать. Что привлекает ваше внимание? Кровать! Это самая заметная вещь на странице.

 

 

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

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

 

Используйте изображения

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

 

Мой знакомый однажды сказал: «Я часто захожу на сайт Airbnb, чтобы посмотреть на фотографии и помечтать о путешествиях». Цель достигнута!

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

 

Используйте контраст

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

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

 

Удивите клиентов

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

 

 

Это касается не только изображений, но и текста. Неожиданный текст заставляет читать внимательнее. Предположим, вы ищете курсы по копирайтингу. Вы сокращаете выбор до следующих 2-х вариантов. А теперь скажите, какой из них привлекает ваше внимание и заставляет внимательно прочитать текст?

Вы ожидали, что увидите что-то, похожее на вариант справа. Вариант слева – неожиданность.

 

Делайте интереснее

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

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

 

Новизна — ваш помощник

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

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

• Неврологи утверждают, что новизна облегчает передачу информации.

• Наш ум притягивает новизна. Она не только привлекает наше внимание, но и является потребностью нашего мозга.

Наш мозг замечает шаблоны и быстро учится игнорировать все рутинное, повторяющееся, предсказуемое и просто скучное. Это позволяет ему обращать внимание на все отличающееся. Так что новизна привлекает внимание.

Вы когда-нибудь задавались вопросом, почему на многих сайтах постоянно чередуется расположение абзацев (слева, справа, снова слева и так далее)?Как здесь:

 

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

Каждый, кто смотрел «Остаться в живых», «Декстера», «Игру престолов» и другие захватывающие сериалы, знает, о чем идет речь. Давайте будем честны с собой, ваш сайт — не Декстер. НО вы всегда можете привлечь к нему больше внимания. Важно помнить, что поддерживать внимание долгое время – возможно.

 

Хорошие фото — ключ к сердцу клиента

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

Выбор людей основывался на картинке. Фотографии продуктов имеют огромное значение для конверсии.

Что самое важное при выборе обуви, рубашки или часов? Конечно, их внешний вид! Вы купите туфли, которые вам нравятся.

Большинство страниц интернет-магазинов выглядит так:

 

Здесь тяжело влюбиться в пару обуви, было бы намного эффективнее, если бы это выглядело так:

 

Помогите людям найти пару обуви, в которую они влюбятся! Большие снимки помогут вам сделать это.

Компания Markitekt размещала по 4 продукта в 2 рядf на странице категории, затем они поменяли это всего на 3 продукта и сделал изображение больше:

В результате продажи возросли на 25%.

 

Помогите людям выбрать

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

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

Фильтры на сайте Winelibrary работают хорошо:

 

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

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

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

 

Своевременный призыв к действию

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

Фирма Campaign Monitor хочет, чтобы мы бесплатно создали аккаунт.Единственное наиболее желаемое действие очевидно:

 

 

Большинство из нас добавит вторичные призывы к действию – и это нормально. Но важно, чтобы они были именно вторичными.

На примере ниже главный призыв к действию – «просмотреть планы и цены», а вторичный – попробовать видеотур:

 

 

Ладно, это вроде бы очевидно, НО когда надо предлагать посетителю предпринять действие?

На этом сайте мы видим очевидный главный призыв к действию:

 

Вы зарегистрируетесь? Я так не думаю! Эти ребята просят вас сделать это, не объяснив должным образом, что это за сайт и как он работает. Это плохая идея. Нужно предоставить призыв к действию, когда клиент готов действовать.

Вот пример маркетингового эксперимента, в котором надо было сравнить короткую и длинную целевые страницы, единственным различием между которыми было количество информации, предоставленной перед просьбой о пожертвовании. В результате оказалось, что больше текста перед призывом к действию приносит на 75% больше денег. Ребята из компании Zurb повысили конверсию на 350%, разместив призыв к действию ниже.Существует еще много подобных примеров.

Секрет не в том, чтобы прятать призыв к действию, а в том, чтобы предлагать действовать, когда пользователь готов. Согласно отчетам компании IDC, люди не доводят 50% покупок до конца из-за недостатка информации – ничего удивительного! Люди всегда хотят обладать полной информацией.

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

 

Вывод

Дизайн работает.

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

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

Раздел: Блог  //  6 лет назад  //  Автор: Sysman  //  1 Комментарий

One Response to Насколько важен дизайн сайта?

  1. Алиса says:

    Спасибо огромное за такую полезную статью! Мне очень понравилось, легко читать, все подробно и просто!!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *