Начните с настоящей задачи

Откройте сайт по ссылке из объявления на обычном телефоне, отключив домашний Wi-Fi. Представьте конкретную ситуацию: человек ищет ремонт кофемашины, хочет узнать район выезда и стоимость диагностики. Найдите эти сведения, откройте меню и попробуйте связаться с компанией. Не помогайте себе знанием структуры сайта.

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

Отделите скорость от ощущения скорости

Проверьте главную страницу и самую посещаемую услугу в PageSpeed Insights. У Google есть три основных показателя: LCP оценивает появление крупного содержимого, INP — отзывчивость при взаимодействии, CLS — неожиданные сдвиги страницы. Хорошие ориентиры: LCP до 2,5 секунды, INP до 200 миллисекунд, CLS до 0,1; оценка реальных посещений учитывает 75-й процентиль.

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

Проверьте пять мест, где ломается сценарий

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

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

Уберите тяжёлое, которое не помогает выбрать

Большое видео в первом экране может создавать настроение, но человеку с медленной связью сначала нужны предложение и контакт. Рассмотрите постер с запуском по нажатию. Фотография товара важна: попросите подготовить её в подходящем размере и современном формате, сохранив необходимые детали. Не отправляйте на телефон исходник, предназначенный для печати.

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

Проверьте отправку, а не только внешний вид

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

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

Превратите проверку в короткий план

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

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

Источники и полезные инструменты