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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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