Юзабилити сайта: 12 проблем, из-за которых уходят посетители
Посетитель не пишет, почему ушёл с сайта, — он просто закрывает вкладку. Чаще всего причина в мелочах: непонятная кнопка, форма без ответа, текст, который неудобно читать. Собрал 12 частых проблем юзабилити и показал, как найти их самому за полчаса.
- Юзабилити — насколько легко посетителю найти нужное и оставить заявку.
- 12 частых проблем: от мелкого текста и сложного меню до формы без ответа и прыгающей вёрстки.
- Проверить можно за 30 минут: три человека, одна задача, телефон и Вебвизор.
Что такое юзабилити
Юзабилити — удобство сайта. Хорошее юзабилити незаметно: человек просто находит нужное и оставляет заявку. Плохое — заметно сразу: раздражение, поиск кнопки, закрытая вкладка.
12 частых проблем
| # | Проблема | Как выглядит |
|---|---|---|
| 1 | Непонятно, куда нажимать | Кнопки не похожи на кнопки, ссылки не выделены. |
| 2 | Мелкий текст | Особенно серый на цветном фоне — читать тяжело. |
| 3 | Длинные строки | Текст на всю ширину экрана, глаз теряет строку. |
| 4 | Сложное меню | Десяток пунктов и выпадающие списки в три уровня. |
| 5 | Форма с лишними полями | Почта, город, удобное время — там, где хватит телефона. |
| 6 | Ошибки формы без объяснений | Красная рамка без текста, что не так. |
| 7 | Мелкие кнопки на телефоне | Пальцем не попасть, рядом стоящие ссылки. |
| 8 | Всплывающие окна | Закрывают содержимое сразу при входе. |
| 9 | Нет обратной связи | Нажал «Отправить» — и непонятно, ушла ли заявка. |
| 10 | Медленная загрузка | Первый экран появляется через несколько секунд. |
| 11 | Нет навигации назад | Из статьи или кейса непонятно, куда идти дальше. |
| 12 | Прыгающая вёрстка | Картинки догружаются, и кнопка уезжает из-под пальца. |
Как проверить самому за 30 минут
Тест на трёх людях
- 01Задача«Узнайте цену и оставьте заявку»
- 02ТелефонТолько с мобильного
- 03МолчаНе подсказывайте, смотрите
- 04ЗаписатьГде замешкались и что спросили
- 05ВебвизорСверить с записями в Метрике
Если проблем много — посмотрите статью «Аудит сайта своими силами» и страницу «Редизайн сайта».
Частые вопросы
Что такое юзабилити сайта простыми словами?
Насколько легко человеку сделать на сайте то, зачем он пришёл: найти нужное, понять предложение и оставить заявку — без лишних усилий и раздражения.
Как проверить юзабилити сайта бесплатно?
Попросите трёх знакомых, которые не видели сайт, выполнить задачу — например, узнать цену и оставить заявку с телефона, — и молча посмотрите, где они спотыкаются. Плюс Вебвизор в Метрике.
Что важнее: дизайн или юзабилити?
Для заявок — юзабилити. Красивый, но неудобный сайт теряет людей; удобный и аккуратный — работает.
