Никита Малов.

Основатель и управляющий партнёр
аналитической компании ДОВОДАналитика рынков · OSINT

Факты. Решения.
Развитие бизнеса.

Чек-лист юзабилити сайта

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

Образец заполнения

Кому: руководителю отдела маркетинга

А. С. Смирновой

от веб-аналитика

И. И. Иванова

Чек-лист юзабилити сайта

проверка сайта компании перед запуском нового раздела

16 ноября 2026 г. № 7

Проверяем сайт перед запуском раздела с ценами: посетитель должен с первого экрана понять, что компания предлагает, и дойти до заявки без подсказок. Проверку проходим по задачам посетителя, а не по страницам.

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

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

Автор чек-листа

Веб-аналитик

____________ / И. И. Иванов /

Что проверяет чек-лист юзабилити сайта

Юзабилити — это насколько человек без подсказок понимает, где он, что здесь можно сделать и что будет после нажатия. Чек-лист превращает это в список проверяемых пунктов, чтобы двое смотрели сайт одинаково и находили одни и те же провалы.

Проверять стоит по задачам посетителя, а не по страницам: пришёл узнать цену, сравнить варианты, оставить заявку, найти контакты. Каждая такая задача — отдельная дорожка через сайт, и чек-лист проходит по каждой.

Первый экран и навигация

  • С первого экрана понятно, что за компания и что она предлагает: заголовок называет пользу, а не лозунг.
  • Главное действие на странице одно и видно сразу; второстепенные кнопки не спорят с ним по яркости.
  • Верхнее меню короткое, названия разделов совпадают с заголовками страниц.
  • Видно, где находится человек: подсвечен активный пункт меню, есть хлебные крошки на вложенных страницах.
  • Поиск есть там, где товаров или статей много.
  • Логотип ведёт на главную — так ждут почти все.

Текст и подача

  • Заголовки описывают то, что под ними, а не украшают страницу.
  • Абзацы короткие, списки и таблицы вместо простыней текста.
  • Цены, сроки и условия названы прямо; нет «от» без нижней границы и мелких сносок, меняющих смысл.
  • Контакты, реквизиты и способ связи доступны с любой страницы.
  • Нет обещаний, которые компания не выполняет: посетитель это проверит на первом же звонке.

Формы и заявки

  • В форме только те поля, без которых заявку не обработать.
  • У каждого поля подпись, а не текст-загадка внутри поля, который исчезает при вводе.
  • Понятно, что произойдёт после отправки: когда позвонят, что придёт на почту.
  • Обязательные поля помечены, а не угадываются по ошибке после отправки.
  • Кнопка называет действие: «Отправить заявку», а не «ОК».
  • После отправки видно подтверждение, а не пустую страницу или ту же форму.

Ошибки и пустые состояния

  • Страница 404 объясняет, что случилось, и предлагает ссылки на главную, каталог или поиск.
  • Ошибка в форме стоит рядом с полем и говорит, что исправить, а не «неверные данные».
  • Введённое в форму не пропадает после ошибки: человеку не приходится заполнять всё заново.
  • Пустая корзина, пустой поиск и пустой список заказов показывают, что делать дальше.
  • Битые ссылки и картинки вычищены перед проверкой: они портят доверие раньше, чем человек дойдёт до сути.

Мобильный, скорость, доступность

  • Сайт открывается на телефоне без горизонтальной прокрутки, кнопки нажимаются пальцем, а не попадают мимо.
  • Меню на телефоне раскрывается и закрывается предсказуемо.
  • Страница не прыгает, пока грузятся картинки и шрифты.
  • Текст читается: контраст достаточный, размер шрифта не приходится увеличивать.
  • Картинки со смыслом подписаны текстовой альтернативой, у полей есть подписи для озвучивания.
  • Сайт работает по защищённому протоколу, а форма честно объясняет, зачем собирает данные.

Как пройти чек-лист

  1. Соберите дорожки. Выпишите 3–5 задач посетителя: узнать цену, выбрать вариант, оставить заявку, найти контакт.
  2. Пройдите каждую сами. Откройте сайт как обычный человек, без подсказок, и отметьте, где пришлось думать или возвращаться назад.
  3. Проверьте на телефоне. Повторите те же дорожки на экране телефона: там вылезают другие проблемы.
  4. Позовите 5 человек. Дайте им задачи и молча смотрите, где они застревают. Пять человек уже показывают повторяющиеся провалы.
  5. Расставьте приоритеты. Сначала чините то, что мешает главной задаче и встречается у большинства; косметика — в конце.
  6. Повторите после правок. Тот же чек-лист и те же задачи: так видно, стало ли лучше, а не просто «переделали».

Частые провалы

  • Главное действие спрятано ниже первого экрана или сливается с фоном.
  • Меню названо внутренними словами: «Решения», «Экосистема» — посетитель не понимает, что внутри.
  • Форма просит телефон, почту, город и комментарий ради одной заявки.
  • Ошибка показывается одной строкой сверху, и непонятно, какое поле виновато.
  • На телефоне всплывает окно на весь экран, и закрыть его неудобно.
  • Сайт проверяли только в одном браузере и на большом мониторе.

Частые вопросы

Сколько пунктов должно быть в чек-листе?

Столько, сколько ваша команда реально пройдёт за один заход. Длинный список из сотни пунктов не проходят до конца; рабочий вариант — несколько десятков пунктов по разделам, которые можно отметить за час-два.

Кто должен проходить чек-лист?

Тот, кто отвечает за сайт, вместе с человеком, который не участвовал в его создании. Автор не видит своих провалов: он знает, куда нажимать.

Нужны ли специальные инструменты?

Для базовой проверки хватает браузера, телефона и списка задач. Для контраста и подписей к полям помогают встроенные средства разработчика и проверки доступности; для скорости — замеры загрузки страниц.

Как часто проходить чек-лист?

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

Чем юзабилити отличается от удобства дизайна?

Дизайн отвечает за то, как сайт выглядит, юзабилити — за то, доходит ли человек до цели. Красивый сайт с запутанной формой проигрывает простому, где всё понятно с первого взгляда.

Проверка списком — только начало

Когда провалов много и чинить их руками долго

Чек-лист показывает, где люди застревают, но правки, проверки и повторные прогоны съедают время команды.

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

Читать об услуге «ИИ-агенты под задачу компании»

Другие образцы