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