Юзабилити сайта: как оценить удобство, чек-лист и сколько стоит аудит

Коротко. Юзабилити сайта проверяют по пяти вопросам: понятно ли, что это за компания, легко ли найти нужное, видно ли, что делать дальше, удобно ли с телефона и не мешает ли форма. Самостоятельно оценить удобство можно в Яндекс Метрике — вебвизор, карты кликов и скроллинга, аналитика форм — и коротким тестом на живых людях. В KORS аудит текущего сайта бесплатный (1–2 дня, видеозапись с рекомендациями), полноценный аудит с отчётом и планом доработок — 25 000 ₽ за 5 дней.

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

Что такое юзабилити и чем оно отличается от дизайна?

Юзабилити (от англ. usability) — удобство использования. Для сайта это ответ на вопрос: может ли обычный посетитель без усилий решить свою задачу. Дизайн отвечает за то, как сайт выглядит, юзабилити — за то, как он работает в руках человека. Красивая страница может быть неудобной, а скромная — понятной и продающей.

В B2B у посетителя обычно одна из нескольких задач:

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

Как оценивается юзабилити веб сайта: критерии

Единого стандарта с баллами нет, но опытные проектировщики смотрят на одни и те же вещи. Удобно разложить их на пять критериев:

1. Понятность. За несколько секунд на первом экране ясно, что за компания, для кого она и что предлагает. Подробно о первом экране — в статье о первом экране сайта.
2. Навигация. Меню называет разделы словами клиента, а не внутренним жаргоном; до любой важной страницы — два-три клика; из любого места можно вернуться назад.
3. Следующий шаг. На каждом экране видно, что делать дальше: одна главная кнопка, понятный текст на ней, телефон и мессенджеры под рукой.
4. Мобильная версия. Текст читается без увеличения, кнопки нажимаются пальцем, таблицы и каталог не ломают вёрстку. Что проверить на телефоне — в статье об адаптивном сайте.
5. Формы и скорость. Форма короткая, поля подписаны, после отправки человек видит подтверждение; страницы не грузятся так долго, что хочется закрыть вкладку.

Чек-лист: проверьте удобство сайта за 30 минут

Откройте сайт с телефона, как будто видите его впервые, и пройдите по списку:

• Через пять секунд на главной вы можете сказать, что продаёт компания и кому?
• Нужная услуга или товар находится через меню без поиска по всей странице?
• Телефон нажимается и сразу открывает звонок, мессенджеры открываются?
• На каждой длинной странице есть кнопка с понятным действием — не только в самом конце?
• В форме не больше полей, чем нужно для первого контакта, и после отправки появляется сообщение «Заявка отправлена»?
• Каталог и карточки товаров открываются, фото не обрезаны, характеристики читаются?

Каждое «нет» — конкретная задача на доработку.

Как проверить юзабилити в Яндекс Метрике: вебвизор и карты кликов

Если на сайте стоит Яндекс Метрика, у вас уже есть бесплатные инструменты, которые показывают поведение реальных посетителей:

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

Чтобы видеть не только поведение, но и результат, нужны настроенные цели — отправка формы, клик по телефону, переход в мессенджер. Как это сделать, разбирали в статье о целях в Яндекс Метрике.

Тест на пользователях: самый честный способ

Метрика показывает, что происходит, но не объясняет почему. Ответ дают живые люди. Простой тест можно провести без лаборатории:

1. Позовите нескольких человек, похожих на ваших клиентов и не знакомых с сайтом. Коллеги и подрядчики не подходят — они знают, где что лежит.
2. Дайте конкретные задачи: «найдите начинку для молочной промышленности и запросите прайс», «узнайте, есть ли у компании сертификаты».
3. Попросите думать вслух и не помогайте. Отмечайте, где человек замолчал или вернулся назад.
4. Сведите заметки: проблема, на которой споткнулись двое и больше, — в работу первой.

Частые проблемы юзабилити B2B-сайтов

На разборах сайтов компаний и производств мы раз за разом видим одни и те же причины, по которым посетители уходят молча:

• Меню на языке компании. Разделы названы по внутренней структуре — «Направления», «Решения», — а не по задачам клиента.
• Нет цены и порядка работы. Человек не понимает, стоит ли вообще писать.
• Каталог только в PDF. С телефона его неудобно открыть, а поиск по сайту его не видит.
• Одна форма на весь сайт. Она внизу главной, и до неё добираются единицы.
• Нет доказательств. Обещания «надёжно и в срок» без фото производства, клиентов и документов.

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

Аудит юзабилити сайта: стоимость и что входит

Если нужен взгляд со стороны, удобство проверяют в рамках аудита. В KORS два формата (цены со страницы создания сайтов):

• Аудит текущего сайта — 0 ₽, 1–2 дня. Разбор структуры, оффера и текстов, что чинить в первую очередь, видеозапись с рекомендациями остаётся у вас. Без обязательств и продаж в лоб.
• Полноценный аудит сайта — 25 000 ₽, 5 дней. Структура, оффер, тексты и дизайн — по каждому экрану; техника и SEO: скорость, работа с телефона, индексация, формы; аналитика и конкуренты — где теряются заявки. На выходе отчёт с приоритетами и видеозапись разбора.

Юзабилити аудит сайта: цена у разных подрядчиков сильно различается, потому что под этим названием продают разное — от списка замечаний по одной странице до исследования с тестами на пользователях. Сравнивая предложения, уточняйте, сколько экранов смотрят, проверяют ли мобильную версию, формы и Метрику и в каком виде будет результат. Чем аудит юзабилити отличается от общего аудита сайта и что ещё в него входит — в статье об аудите сайта.

УслугаПолноценный аудит сайта: каждый экран, мобильная версия, скорость, формы и аналитика — отчёт с приоритетами и видеозапись разбора за 25 000 ₽, 5 днейПодробнее →

Как заказать юзабилити сайта: что подготовить

Чтобы аудит принёс пользу, а не отчёт «в стол», подготовьте вводные:

1. Ссылку на сайт и, если есть, доступ к Яндекс Метрике — тогда разбор опирается на поведение реальных посетителей.
2. Цель сайта. Что должен сделать посетитель: запросить прайс, позвонить, оставить заявку на расчёт.
3. Откуда идёт трафик. Реклама, поиск, выставки, рассылки — от этого зависит, какие страницы смотреть первыми.

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

Частые ошибки

• Проверять сайт только с компьютера. Для многих сайтов значительная часть визитов — с телефона, и проблемы там другие.
• Чинить всё сразу. Без приоритетов правки растягиваются на месяцы; начинайте с того, что мешает заявке.
• Путать юзабилити со вкусом. «Мне не нравится цвет» — не проблема удобства, «не нашёл кнопку» — проблема.
• Не смотреть на формы. Отправка, которая молча не работает, обнуляет все остальные доработки. Как выбрать способ сбора заявок — в статье о форме заявки на сайте.

Вопросы, которые нам задают чаще всего