Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов - Джеффри Айзенберг

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

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

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

И наконец, меню навигации должно присутствовать на каждой странице сайта. Не заставляйте клиента нажимать кнопку «Назад». Не давайте ему лишний шанс от вас уйти. С другой стороны, не вздумайте отключить эту кнопку совсем. Атака на компьютер клиента – также верный способ потерять его навсегда.

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

P. S. Несколько полезных советов. Не все посетители приходят на сайт одинаковым путем. Нужно предоставить средства навигации и тем, кто попал не на ту страницу. Будет очень хорошо, если вы поместите карту сайта на страницу ошибки 404. Это позволит пользователю сориентироваться и понять, что делать дальше. Вы ведь не хотите, чтобы он попал на холодную, безликую и непонятную страницу, открывающуюся по умолчанию? Лучше подготовить ее специально, как это показано на рисунке ниже.

Маркетологи часто забывают о том, как важно дать уникальные имена заголовкам страниц. А ведь это помогает поисковым системам лучше проиндексировать сайт. Кроме того, пользователь быстрее найдет нужную страницу среди множества закладок в браузере. Обязательно создайте иконку для сайта, которая будет выводиться в заголовке окна браузера. Она также попадет в закладки вместе с именем страницы. Например, добавив в «Избранное» сайт Yahoo.com, вы увидите рядом с названием сайта красную буковку Y!.

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

Придание макету окончательной формы

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

4. Макет в цвете

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

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

Многие считают, что поскольку восприятие цвета очень субъективно, то нельзя заранее предугадать, как он подействует на того или иного человека. Кто-то считает, что красный цвет радует, воодушевляет и несет в себе положительный заряд, другие полагают, что он придает сайту строгий и воинственный вид. Одному человеку синий цвет кажется мирным и успокаивающим, а другому – холодным и отчужденным. «Лишь используя комбинацию из нескольких цветов, можно ожидать предсказуемого результата», – говорит Райт.

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

Цвет и юзабилити

Как минимум у 10 % вашей аудитории есть определенные проблемы со зрением, и поэтому они не видят ваш сайт таким, как видите его вы. Иногда у человека частично нарушено цветовосприятие, то есть он не различает некоторые цвета (чаще всего красный и зеленый). (Если вы хотите понять, как именно эти люди видят цвет, посетите сайт vischeck.com) Крайне редко, но все же встречается и полная неспособность различать цвета. Многие люди не воспринимают отдельные оттенки цветов (для этого явления пока нет медицинского названия). А для людей с более серьезной формой дальтонизма существуют специальные технологии, позволяющие отображать цвета в браузере наиболее приемлемым для них образом.

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

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

– Цвет текста должен резко контрастировать с цветом фона.

– Фон желательно сделать ровным и однотонным – никаких узоров на заднем плане.

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

– Очень осторожно используйте цвета в дизайне – на странице должно быть не более четырех оттенков. Сохраняйте цветовое оформление от страницы к странице.

– Самый читаемый текст – черный на белом фоне.

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

– Чтобы цвета было легко различимы, применяйте синие, красные и фиолетовые оттенки для темных тонов; зеленые, желтые и оранжевые – для светлых.

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

– Не используйте серый цвет в тексте или схемах, которые несут важную информацию.

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

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

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

Цвет – важное условие привлекательности сайта. Но при разработке дизайна на него нельзя полностью полагаться, раз столько людей по-разному его воспринимают. Запомните слова известного художника и преподавателя Джозефа Альберса:

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

Алекс Уокер, еще один гуру веб-дизайна, предлагает начинать процесс создания макета в цвете следующим образом:

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

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

Цвета создают определенную атмосферу на сайте, вызывают разные чувства и вообще о многом говорят посетителю. Чтобы учесть эти моменты, попробуйте вызвать в воображении пять лучших слов, выбранных вами ранее. Какие цвета возникли перед вашим мысленным взором? Насыщенный зеленый? Желтовато-коричневый? Мягкие голубые тона? Волнующий красный? Выберите два или три, максимум четыре оттенка. Мы встречали бесподобные сайты, выполненные в одном цвете! Если вы оставите минимальное количество оттенков, то клиенты будут лучше воспринимать информацию и меньше уставать. В интернет-бизнесе всегда действует правило: чем меньше цвета, тем лучше.