Юзабилити сайта: как проверить самому за час
Юзабилити — это то, насколько легко человеку сделать на сайте то, зачем он пришёл: найти услугу, понять цену, оставить заявку. Заказывать аудит у агентства для начала не обязательно. Большую часть проблем можно найти самому за час с этим чек-листом.
Содержание
Как проверять
- Проверяйте с телефона и с компьютера отдельно. Это два разных сайта с разными проблемами.
- Представьте конкретного клиента с конкретной задачей: «хочу узнать, сколько стоит натяжной потолок на кухню 10 м²». Пройдите этот путь до заявки.
- Лучше всего попросить пройти путь человека, который сайт не видел. Не подсказывайте и молча записывайте, где он задумался.
- Каждую найденную проблему записывайте сразу.
Первый экран
- За пять секунд понятно, что здесь предлагают, для кого и где.
- В заголовке есть конкретика: услуга, город, цена или срок.
- Есть одна главная кнопка, и понятно, что будет после нажатия.
- Телефон и мессенджеры видны в шапке без прокрутки.
- Первый экран не закрывает всплывающее окно или баннер с куки на полэкрана.
Навигация и поиск информации
- До цены можно добраться за один-два клика или прокрутку.
- Меню состоит из понятных слов: «Цены», «Работы», «Контакты», а не «Решения» и «Экспертиза».
- На телефоне меню открывается и закрывается без промахов.
- Всё, что выглядит кнопкой или ссылкой, нажимается. Всё, что нажимается, выглядит нажимаемым.
- На любой странице понятно, где вы и как вернуться.
Формы и заявки
- В форме не больше трёх обязательных полей.
- Поле телефона принимает номер в любом виде: с восьмёркой, с плюсом, с пробелами.
- На телефоне при вводе номера открывается цифровая клавиатура.
- Ошибка показывается рядом с полем и понятно объясняет, что исправить.
- После отправки ясно, что заявка ушла и когда перезвонят.
Мобильная версия
- Текст читается без увеличения, кнопки нажимаются пальцем без промахов.
- Ничего не уезжает за правый край, и страница не прокручивается вбок.
- Телефон на сайте нажимается и сразу открывает звонок.
- Первый экран загружается быстро с мобильного интернета.
- Плавающие кнопки и чаты не закрывают текст и кнопку заявки.
Доверие
- Есть фото реальных работ, команды или производства. Стоковые картинки доверия не добавляют.
- Отзывы с именами, фото или ссылками на карты.
- Адрес, реквизиты и понятные сроки с гарантиями.
- Цены и условия не противоречат друг другу в разных блоках.
- Нет устаревшего: акций прошлого года, битых ссылок, пустых разделов.
Что чек-лист не покажет
Чек-лист ловит очевидное. Но вы знаете свой сайт слишком хорошо: где цена, куда нажать, что значит каждое слово. Новый посетитель этого не знает, и спотыкается он иногда в местах, о которых вы бы не подумали.
Увидеть такие места помогают данные о поведении реальных людей:
| Инструмент | Что показывает |
|---|---|
| Карта кликов | Куда нажимают, в том числе туда, где ничего не происходит |
| Карта прокрутки | До какого экрана доходит большинство и где обрывается |
| Аналитика форм | На каком поле бросают заполнение |
| Записи визитов | Весь путь человека: где задумался, что искал, где ушёл |
Всё это есть в Яндекс Метрике, если включить Вебвизор. Как смотреть записи и что в них искать, мы разобрали в отдельной статье.
Что делать с найденным
- Отсортируйте проблемы по тому, скольких людей они касаются. Первый экран на телефоне важнее страницы «О компании».
- Начните с простых правок: сократить форму, сделать телефон кликабельным, убрать лишнее всплывающее окно.
- Меняйте по одной-две вещи за раз и сравнивайте неделю до и после, иначе не понять, что помогло. Как считать результат, читайте в статье про конверсию.
Частые вопросы
Чем юзабилити отличается от дизайна?
Дизайн отвечает за то, как сайт выглядит, юзабилити за то, насколько легко им пользоваться. Красивый сайт может быть неудобным, а простой сайт может продавать отлично.
Сколько стоит юзабилити-аудит?
У агентств от нескольких десятков тысяч рублей. Для начала хватит самостоятельной проверки по чек-листу и просмотра записей визитов: они находят большую часть массовых проблем.
Как часто проверять юзабилити?
После каждого заметного изменения сайта и хотя бы раз в квартал. Записи визитов полезно смотреть постоянно: новые проблемы появляются вместе с новыми блоками и акциями.
С командой делаю сайты для бизнеса. one2click сделал, чтобы видеть, почему посетители уходят без заявки, и не пересматривать сотни записей руками.