Юзабилити

Юзабилити – это удобство сайта для посетителя: насколько быстро он находит нужное, понимает, что делать дальше, и без лишних усилий оставляет заявку или оформляет заказ.

Как удобство сайта проверяют и улучшают на практике, мы описали на странице UX/UI-оптимизации сайта.

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

Как удобство сайта сказывается на заявках и позициях

Связь с продажами прямая: из того же трафика удобный сайт получает больше заявок. Условный пример: 2 000 визитов в месяц при конверсии 1% дают 20 заявок. Если после доработок конверсия выросла до 1,5%, заявок станет 30 без лишнего рубля на рекламу.

С поиском связь косвенная. Яндекс учитывает, как люди ведут себя в выдаче и на сайте, и если посетители быстро возвращаются к результатам поиска, позиции страдают. Подробнее в статье Поведенческие факторы.

Где искать проблемы удобства: отчёты, записи визитов, живые люди

• Отчёты Яндекс Метрики или Google Analytics. Смотрите отказы, глубину и время на сайте отдельно по типам страниц и устройствам. Если на телефонах отказов заметно больше, чем на компьютерах, начинайте с мобильной версии: у многих сайтов большинство посетителей приходит именно с телефонов, а проверяют сайт по привычке с компьютера.
• Вебвизор. Записи визитов показывают, где человек замешкался, что пытался нажать и где ушёл. Начните с визитов, которые дошли до формы и не отправили её.
• Карта кликов и карта скроллинга. Видно, куда нажимают зря, потому что элемент выглядит кнопкой, и до какого места дочитывают страницу. Только не убирайте блоки по одной карте кликов: на ответы на частые вопросы могут не нажимать, но их читают, и они снимают сомнения.
• Аналитика форм в Метрике. Показывает, на каком поле люди бросают заполнение.
• PageSpeed Insights. Хорошие значения по Core Web Vitals: LCP до 2,5 с, INP до 200 мс, CLS до 0,1.
• Сайты конкурентов из топа выдачи. Сравните, сколько шагов у них до заявки и что они показывают на первом экране.

Полезно и посмотреть, как сайтом пользуются живые люди со стороны: знакомые, которые не знают ваш бизнес. Дайте им задачу и молча наблюдайте. Проблемы, к которым команда привыкла, всплывают за несколько минут.

Что правят на сайте в первую очередь

• Понятное меню и хлебные крошки, чтобы посетитель всегда видел, где он находится.
• Телефон и кнопка заявки там, где их ищут: в шапке, рядом с ценой, в конце описания услуги. На мобильном шапку закрепляют.
• Короткие формы. Для обратного звонка хватит имени и телефона. Если номер введён с ошибкой, поле подсвечивается и подсказывает, что исправить.
• Цены и условия на странице, а не «по запросу» и не в карусели: цену на третьем слайде увидят немногие.
• Быстрая загрузка: сжатые изображения, лёгкий первый экран.
• Читаемые тексты: подзаголовки, короткие абзацы, контрастный шрифт нормального размера.
• Поиск по сайту и фильтры, если в каталоге сотни позиций.

Как удобство дорабатывали в effi, «Медюнионе» и интернет-аптеке

Страницу услуги в клинике effi построили вокруг блоков, которые ищет пациент: показания, противопоказания, стоимость, специалисты, ход процедуры. Так пациент находит ответы на свои вопросы без звонка в клинику. Подробнее в кейсе effi.

У медцентра «Медюнион» мы дорабатывали мобильную версию по итогам UX/UI-аудита и анализа поведения. В шапке закрепили телефон, адрес, кнопки «Запись онлайн» и «Заказать звонок», они видны и при прокрутке. Добавили онлайн-запись к конкретному врачу на конкретную услугу. Подробнее в кейсе «Медюнион».

Для интернет-аптеки 24farmacia.ru провели UX/UI-аудит старого дизайна и внедрили новый: каталог с фильтрацией, справочник заболеваний, адаптивную вёрстку с нижней панелью навигации. Статистики для окончательных выводов на момент отчёта было мало, но конверсия в заказ уже выросла на 30%. Подробнее в кейсе «Губернские аптеки».

Как понять, что доработки сработали

Сравните конверсию в заявку, отказы и глубину просмотра до и после изменений за одинаковые периоды, с поправкой на сезон. Для спорных решений, например нового первого экрана или другой формы, лучше подходит A/B-тестирование: половина посетителей видит старую версию, половина новую, и победителя выбирают по заявкам. Тест останавливают, когда в каждой версии накопилось достаточно заявок, а не на следующий день.

Меняйте по одному крупному элементу за раз. Если за неделю переделать меню, формы и первый экран, вы не поймёте, что именно сработало.

Проблемы удобства находим в UX/UI-аудите, исправляем в ходе UX/UI-оптимизации и доработки сайта, а новые интерфейсы проектируем в услуге UI/UX-проектирование.

Аудит, тестирование и сроки результата по юзабилити

Документация и кейсы

• Google: документация по Core Web Vitals
• Яндекс Метрика: справка по Вебвизору, картам и аналитике форм
• Кейсы E.BAEV: «Медюнион», «Губернские аптеки»