Настройки отображения

Тема
Анимация

Сайт соответствует WCAG 2.2 AA и без этих настроек. Размер текста меняется увеличением браузера (Ctrl +).

← Все кейсы

UX-аудит

UX-аудит сайта услуг: кадастровая и геодезическая компания

Провела аудит сайта вместе с ИИ-агентом — 20 находок и 17 рекомендаций с приоритетами. Часть рекомендаций появилась на сайте. Показываю, что сработало и где я ошиблась.

О проекте

Роль
UX/UI-дизайнер, вела аудит
Период
Май–июнь 2026
Платформа
Сайт на телефоне и компьютере
Команда
Я и ИИ-агент
Что сделала я
Ставила задачу агенту, проверяла находки на телефоне и компьютере, отбирала выводы, собрала и оформила отчёт

Задача

Заказчик — компания, которая делает кадастровые и геодезические работы в 74 регионах. Название не называю: о публикации мы не договаривались.

До меня заказчик сам проверил мобильную версию сайта с помощью ИИ и пришёл со списком замечаний. Я предложила сначала провести аудит отдельным этапом, до любого редизайна, и заодно проверить версию для компьютера. Свою проблему заказчик описал так: «Просто самому неприятен интерфейс, какие огромные неуклюжие кнопки и окна». Главное действие на сайте — позвонить или оставить заявку на звонок.

Заказчик дал гостевой доступ к Яндекс.Метрике. За квартал на сайте было около 7 тысяч визитов. Три четверти — с телефона. Две трети визитов — отказы: так Метрика называет визит короче 15 секунд. В среднем человек смотрел 1,4 страницы и проводил на сайте 47 секунд. Поэтому проверку я начинала с телефона.

Яндекс.Метрика, отчёт «Устройства», март–июнь 2026
Устройство Визиты Доля Отказы Глубина Время
Все 7 007 100 % 68,55 % 1,40 47 с
Смартфоны 5 428 77,47 % 69,36 % 1,38 44 с
ПК 1 558 22,23 % 65,60 % 1,45 59 с
Планшеты 21 0,30 % 76,19 % 1,05 5 с

Как работала

Аудит я вела с ИИ-агентом. Я ставила задачу, сама проверяла каждую находку на телефоне и компьютере, убирала выводы, которые не подтвердились, и собирала отчёт. Агент ускорил разбор данных и черновик текста.

На входе были данные Метрики за квартал и сам сайт. На выходе — отчёт на 20 страниц: 20 находок в виде «проблема — решение» со скриншотами, таблица из 17 рекомендаций и план работ на четыре этапа. Отчёт я собрала и оформила в Figma.

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

Пример вывода из данных. Среди тех, кто провёл на сайте от одной до двух минут, форму отправляли чаще, чем звонили.

Яндекс.Метрика, отчёт «Конверсии»: среди тех, кто провёл на сайте 1–2 минуты; данные с роботами
Цель Конверсия Достижения цели
Отправка формы 9,64 % 26
Заполнил контактные данные 3,05 % 6
Клик по номеру телефона 1,02 % 2

Это данные по всем устройствам сразу и вместе с роботами, поэтому вывод осторожный: форма работает, но доходят до неё немногие.

Три находки: было и стало

«Было» — скриншоты из отчёта, июнь 2026 года. «Стало» — сайт 13 октября 2026 года. Логотип и контакты на картинках закрыты серыми плашками.

Кто и когда вносил правки, я не знаю. Поэтому пишу «на сайте появилось», а не «заказчик внедрил по моему отчёту».

Быстрая связь с телефона

Проблема. Три четверти визитов — с телефона, а способы быстро связаться были спрятаны: на первом экране не было ни звонка, ни мессенджеров.

Что я предложила. Закрепить внизу экрана панель с четырьмя действиями: звонок, MAX, Telegram и «Рассчитать». Панель остаётся на месте при любой прокрутке.

Что на сайте. Панель есть, с теми же четырьмя действиями.

Слева — было, справа — стало: внизу экрана появилась панель с четырьмя действиями

«Заказать звонок» на компьютере

Проблема. На компьютере номер телефона не нажимают: его читают или просят перезвонить. А ссылка «Заказать звонок» была бледной подчёркнутой строкой под почтой.

Что я предложила. Сделать «Заказать звонок» заметной кнопкой рядом с номером и закрепить шапку с контактами при прокрутке.

Что на сайте. Рядом с номером стоит зелёная кнопка, шапка остаётся на экране при прокрутке.

Слева — было: ссылка. Справа — стало: кнопка

Выбор региона

Проблема. Компания работает в 74 регионах. Свой регион человек искал в длинном списке по алфавиту. На телефоне листать такой список неудобно.

Что я предложила. Определять регион автоматически и показывать его с кнопкой «Изменить». По кнопке открывать короткий поиск, а не весь список.

Что на сайте. Сделано частично и по-другому. Список стал коротким: 11 строк, одна из них — «Другой регион РФ».

Слева — было: все регионы по алфавиту. Справа — стало: короткий список

На компьютере при первом заходе сайт спрашивает: «Ваш регион Красноярский край?» — с кнопками «Да, верно» и «Выбрать другой». Но при ширине экрана 1440 пикселей верх этого окна закрыт шапкой: вопроса не видно, видны только кнопки. На телефоне шириной 360 пикселей окно не появляется вовсе.

Стало, компьютер: окно с вопросом о регионе появилось, но его верх закрыт шапкой

Образец отчёта

В отчёте 17 рекомендаций. У каждой указано, где она нужна, насколько сильно влияет и насколько сложна. Приоритет — от 1 до 3. Ниже шесть рекомендаций с приоритетом 1, слово в слово.

Рекомендация Где Влияние Сложность
1. Первый экран: один акцентный CTA + ценовой ориентир («расчёт за 4 вопроса, смета бесплатно, скидка 5%») + компактная строка триггеров доверия Моб. + ПК Высокое Низкая
2. Добавить ценовые ориентиры/примеры «задача → срок → цена» («от …») на главной и в каталоге Моб. + ПК Высокое Низкая–средняя
3. Десктоп: «Заказать звонок» сделать заметной кнопкой рядом с номером + sticky-контакт в шапке при скролле Десктоп Высокое Низкая
4. Единый размер кнопок 44–48px (сейчас разнобой 34–70px) Моб. + ПК Среднее Низкая
5. Убрать перекрытие полей формы плавающим чатом на 360px Моб. Высокое Низкая
6. Закреплённая нижняя панель (звонок / MAX / Telegram / «Рассчитать»), доступная на любом скролле Моб. Среднее Средняя

CTA — главная кнопка, которая зовёт к действию. Sticky — закреплённый: остаётся на экране при прокрутке.

Остальные одиннадцать рекомендаций — про структуру услуг, скорость загрузки и внутренние разделы. К таблице приложен план: с каких правок начать и что отложить.

Что появилось на сайте, а что нет

Сверка 13 октября 2026 года, главная страница, ширина экрана 360 и 1440 пикселей. В скобках — номер рекомендации в отчёте.

Рекомендация На сайте
Закреплённая нижняя панель (6) Есть, с теми же четырьмя действиями
«Заказать звонок» кнопкой, закреплённая шапка (3) Есть
Выбор региона без длинного списка (находка есть в отчёте, в таблицу не вошла) Частично: список короткий, окно с вопросом закрыто шапкой на компьютере и не появляется на телефоне
Первый экран: одна главная кнопка, ориентир по цене, строка доверия (1) Частично: появились плашки «Смета бесплатно», «Расчёт за 1 рабочий день», «Скидка 5%»; главных кнопок по-прежнему две
Единый размер кнопок (4) Частично: все 22 кнопки «Подробнее» — 44 пикселя в высоту, главные кнопки — 56
Чат не перекрывает форму и кнопки (5) Нет: окно чата закрывает кнопку «Получить консультацию» на первом экране телефона
Группировка услуг (7) Нет: 22 карточки услуг идут подряд
Цены «от…», блок «Как мы работаем», частые вопросы (2, 8) Нет

На сайте появились в основном правки с приоритетом 1 и низкой сложностью. Помогли ли они, я не знаю: данных «после» у меня нет.

Что я сделала бы иначе

  • Проверяла бы выводы агента по данным так же строго, как находки в интерфейсе. Цифры аналитики в отчёте верные. Но один из главных выводов — «все уходят с главной страницы» — я сделала по строке отчёта Метрики, которую не раскрыла: в ней был весь сайт, а не одна главная. Ещё в нескольких местах отчёт говорит больше, чем показывали данные. Сейчас под каждым выводом я записываю, что именно на скриншоте его подтверждает. Нет подтверждения — нет вывода.
  • Проверила бы доступность. В отчёте её нет. А у главной кнопки сайта «Узнать стоимость» белый текст стоит на светло-зелёном фоне: контраст 2,36:1 при норме 4,5:1. Такой текст трудно прочитать на солнце и людям со слабым зрением. Новая кнопка «Заказать звонок» — тех же цветов. Критерий WCAG 1.4.3.
  • Включила бы повторную проверку в аудит. Окно выбора региона — пример: оно появилось, но на компьютере его закрывает шапка, а на телефоне его нет. Такое находит одна проверка после правок.

Чего не проверяла

  • Работу с клавиатуры, без мыши.
  • Работу со скринридером — программой, которая читает экран вслух.
  • Внутренние страницы услуг.
  • Живых пользователей: интервью и тестов не было.
  • Результат правок в цифрах: доступа к аналитике после сдачи отчёта у меня нет.