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