Почему пользователи уходят с сайта: топ-5 самых частых ошибок в юзабилити

27 марта 2023

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

Содержание
Развернуть

1. Нет мобильной версии

По данным платформы SlickJump, мобильный трафик в российском сегменте интернета за последний год составил 90%. Работа, учёба, развлечения, покупки — повседневная жизнь пользователей тесно связана со смартфонами. Десктопная версия сайта на мобильном устройстве, скорее всего, вызовет недовольство у посетителя. В таких случаях он попросту уйдёт к конкуренту, площадка которого адаптирована под смартфон или планшет.

Мобильная версия важна и для продвижения сайта в поисковиках. «Яндекс» и Google лучше ранжируют такие ресурсы в выдаче.

Как избежать ошибки

В каком виде представить мобильную версию? Это зависит от интересов вашей ЦА, функций сайта и выделенного на разработку бюджета. Среди вариантов:

  1. Десктопная адаптированная версия — содержимое сайта автоматически подстраивается под разрешение и размеры экранов.
  2. Отдельная мобильная версия — разработчик создаёт две версии с разными доменами. Например, ok.ru и m.ok.ru.
  3. Приложение — ресурс, который существует отдельно от основного сайта с собственной командой разработки и поддержки. Это дорогостоящее решение, которое чаще используют крупные игроки рынка.

Мобильный сайт можно создать самостоятельно. Например, в конструкторах вроде Tilda или Moguta, которые позволяют собрать интернет-ресурс из готовых шаблонов. Второй вариант — с помощью CMS, системы управления содержимым, например WordPress. Однако CMS, как правило, требует и технических знаний, и немалых средств.

Надёжнее (но и дороже) заказать мобильную версию у digital-агентства, которое учтёт все требования и пожелания.

2. Перегружен путь клиента

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

Как избежать ошибки

Проанализируйте путь клиента (Customer Journey Map). Этот метод визуализации показывает все точки клиентских взаимодействий с интернет-ресурсом, выявляет проблемные места и помогает их устранить.

Как выявить негативные точки в карте клиентского пути:

  • Пройти весь путь самостоятельно либо подключить тестовую группу — внутри компании или из потенциальных клиентов.
  • Подключить инструменты аналитики. Например, с помощью «Яндекс.Метрики», тепловых карт или анализа пользовательских форм.

Допустим, пользователь выбрал товар в каталоге, дошёл до оформления заказа, но не совершил покупку. Возможно, он устал заполнять слишком длинную форму. Следовательно, её можно упростить, убрав лишние поля. Чем проще путь клиента, тем более высокую конверсию от входящего трафика вы получите.

3. Слишком много информации

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

Чем больше у посетителя возможностей что-то нажать или куда-то перейти, тем дольше он будет выбирать и тем меньше шанс, что он совершит целевое действие. Кроме того, согласно исследованиям Microsoft, люди в интернете удерживают своё внимание всего восемь секунд. Слишком обильный поток информации — и человек уходит с сайта, не приняв решения.

Как избежать ошибки

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

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

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

4. Слишком оригинально

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

Как избежать ошибки

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

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

Материал по теме
Шесть проблем, с которыми часто сталкиваются организаторы видеоконференций

5. Нет системного подхода в дизайне

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

Как избежать ошибки

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

Как улучшить дизайн сайта

  • Подобрать красивые иллюстрации. По данным Baymard, 56% пользователей изучают изображения продукта, прежде чем читать заголовки и описания. Шаблонные фото не подойдут, лучше использовать уникальные картинки, специально заказанные авторские снимки. На визуализации не следует экономить — подбирайте изображения в хорошем качестве и с высоким разрешением.
  • Оптимизировать шрифты и цветовые схемы. Для текстов следует использовать максимум два-три шрифта, для визуализации — не более пяти цветовых решений. Кроме того, все кнопки и иконки должны быть выполнены в едином стиле.
  • Обращать внимание на значения цветов. Например, красный цвет подстёгивает к активным действиям, зелёный символизирует здоровье, безопасность и экологичность, пурпурный — шик и величественность. При подборе цветов поможет цветовой круг.
  • Продумать призыв к действию. Важно, чтобы размер кнопки CTA, её содержание и положение на странице были органично вписаны в контент. Найти оптимальный вариант вам поможет A/B-тестирование.
  • Помнить про негативное пространство. Всем элементам на сайте нужен «воздух» — свободное пространство между ними. Слишком плотно утрамбованные кнопки, ссылки, текстовые блоки и иллюстрации сделают сайт неудобочитаемым.

Заключение

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

Определить, насколько юзабилити вашего сайта устраивает ЦА, помогут опросы действующих и потенциальных клиентов. Один из самых быстрых и удобных способов обратной связи — SMS-анкетирование. Например, через сервис МТС Маркетолог.

Работает это так: пользователь получает SMS, в котором его приглашают ответить на несколько вопросов. В благодарность он получает промокод или скидку. Сама анкета находится по ссылке в сообщении.

Для SMS-анкетирования можно использовать как вашу клиентскую базу, так и сегменты, собранные через таргетинги Big Data МТС. На выходе вы получите документ или презентацию с результатами анкетирования. Эти данные покажут, какие проблемы есть на сайте и на что нужно обратить внимание в первую очередь.

Теги:

Подпишитесь на канал МТС в Telegram
МТС Офишиал
МТС Офишиал
Новости экосистемы. Статьи о технологиях. Разыгрываем гаджеты. Дарим промокоды.