Юзабилити сайта. Красные кнопки на сайте – это опасность!

Юзабилити сайта — это не только правильная структура сайта или конкретной страницы, это еще и правильно подобранные цвета, шрифты, кнопки и другие элементы.

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

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

Красный цвет как один из основных на сайте
Красный сайт

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

Когда красные кнопки на сайте пугают клиентов?

Пример 1.

На уже известном вам сайте Ворот компании КАСКАДЪ есть кнопки. Они черные и сливаются с основными элементами сайта, так как основные цвета — это черный и желто-оранжевый. Я предложила, в качестве А/В теста изменить цвет кнопок. Идею приняли хорошо. Но руководству казалось, что красная кнопка или красный текст на черной кнопки будет лучшим вариантом.

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

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

Окончательным цветом в нашем выборе стал зеленый. И количество заявок именно через эту форму выросло.

Красные кнопки на сайте КАСКАДЪ

Пример 2.

Один мой знакомый периодически просил меня заказать ему билеты на поезд на сайте uzgov. А в этот раз он решил их купить самостоятельно. В какой-то момент он меня позвал с криком о помощи в голосе: «Лена, подойди пожалуйста, они издеваются надо мной. Каждый билет, который я выбираю не доступен. Зачем они показывают билеты, которые уже куплены».

Красный цвет для выбранного элемента

Когда я подошла и попросила мне показать, что он делает, то увидела, что при выборе места, оно загорается ярко-красным цветом. Это просто означало, что он выбрал место, а внизу высвечивались данные для оплаты (но их было плохо видно). А вот мой знакомый воспринял этот красный цвет, как будто ему сообщают об ошибке и нужно остановиться. К тому моменту в корзине уже было 4 билете. Но он их тоже не видел, потому что корзина была в первом экране монитора, а выбор билета во втором. Он просто не видел, что что-то меняется.

Я помогла ему завершить покупку билетов, а сама про себя подумала, вот простой тест, который отвечает на вопрос: «Нужно ли использовать красный цвет для выбранного места?». Вы можете сказать, что это чисто восприятие моего друга, а у остальных такой реакции может не быть. И я соглашусь с вами.

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

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

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

Пусть ваш сайт приводит много покупателей.

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