редизайн сайта

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

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

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

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

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

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

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

Пример 1.

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

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

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

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

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

Пример 2.

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

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

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

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

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

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

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

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

Опубликовано admin в Наши проекты, 0 комментариев

Редизайн сайта по продаже ворот

Редизайн сайта по продаже ворот  компании КАСКАДЪ оказалась глобальнее и заняла больше времени, чем мы планировали изначально.

9 изменений в редизайне сайта по продаже ворот:

  1. Мы частично изменили структуру сайта. Убрали лишние страницы, которые дублировали сами себя.
  2. Мы изменили структуру страниц по всем направлениям. Фактически мы создали лендинги внутри большого сайта. А вот для раздела автоматики мы разработали классическую форму каталога или интернет-магазина. Мы проработали УТП (уникальное торговое предложение) компании и продуктов, рассказали о преимуществах. Создали каталоги с результатами работ.
  3. Мы изменили шапку сайта, куда вывели простое и понятное меню и контакты.
  4. Мы переписали все имеющиеся тексты, доработали их и сделали уникальными.
  5. На сайте появилась новая категория — перегородки и мебель в стиле лофт.
  6. Мы разработали формы с полезностями, первую с предложением зафиксировать цену, а вторую с предложением скачать pdf, в котором мы рассказываем, на что нужно обратить внимание перед тем, как заказывать ворота, чтобы потом не переплачивать.
  7. Мы опубликовали отзывы клиентов.
  8. Мы изменили ссылки на страницы — сделали их более человечными и отобразили хлебные крошки.
  9. Мы провели оптимизацию по загрузке сайта. Я не могу сказать, что мы остались довольны на все 100% полученными результатами, но больше выжать уже было не возможно, так как сайт остался на старой платформе.
Редизайн сайта по продаже ворот

И все было бы просто и легко, если бы мы не столкнулись с одной маленькой загвоздкой. Сайты компании КАСКАДЪ были сделаны на MODx. Это одна из популярных CMS, на которых любят делать сайты.

Проблема любого действующего сайта — его труднее переделать, чем сделать новый.

Хорошие разработчики в дефиците!

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

И начался длительный период поиска новых программистов. Почему длительный? Потому что для интернета 2 недели — это слишком много, чтобы потом догонять всех конкурентов, а тут и так уже время работало не на нас. Мы нашли 9 компаний в Харькове, которые работают с этим движком. Мы выкачали сайт и разослали его всем этим фирмам, чтобы они могли его залить к себе, на тестовые хостинги и посмотреть, смогут ли они справиться с данной работой. Четверо нам так ничего и не ответили. Трое сказали, что не смогут выполнить эту задачу. И только одна компания согласилась принять этот вызов. И с этой компанией мы продолжаем работать и сегодня спустя 1,5 года. Они выполнили все свои обещания и наши пожелания.

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

В целом мы задержались примерно на месяц, но все же успели запустить обновленный сайт к новому сезону.
После того, как были проведены все тесты, мы сделали еще одну вещь — создали раздел «Блог» для будущего СЕО продвижения.

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

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

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

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

Пусть ваш сайт приносит вам только прибыль!

Опубликовано admin в Наши проекты, 0 комментариев