Мобильную версию стоит проверять как отдельный рабочий маршрут, а не как уменьшенную картинку десктопной страницы. Откройте сайт на настоящем телефоне и попробуйте выполнить главное действие без подсказок: найти услугу, понять условия и отправить обращение. Запишите каждый момент, когда приходится увеличивать экран, возвращаться назад или искать кнопку.
Начните с первого экрана и навигации
На первом экране должны читаться название предложения, короткое объяснение и следующий шаг. Проверьте его на узком и обычном телефоне, затем увеличьте системный размер текста. Заголовок и кнопка не должны обрезаться или закрывать друг друга.
Откройте меню одной рукой. Все пункты должны вести на ожидаемые страницы, а закрытие меню — возвращать к прежнему месту. Проверьте, не перекрывают ли навигацию плавающие кнопки, баннеры и сообщения о файлах cookie.
Проверьте чтение страницы
Пройдите материал сверху вниз без увеличения масштаба. Таблицы, карточки и изображения не должны создавать горизонтальную прокрутку всего документа. Подписи остаются рядом со своими изображениями, ссылки различимы в тексте, а важная информация не спрятана только внутри картинки.
Поверните телефон и верните вертикальную ориентацию. Если после этого блок меняет размер или исчезает, зафиксируйте страницу и устройство. Тот же проход повторите с длинным заголовком, пустыми данными и увеличенным текстом.
Пройдите форму от начала до результата
- Откройте форму через кнопку на первом экране и через ссылку внизу страницы.
- Нажмите отправку с пустыми полями: ошибка должна объяснять, что исправить.
- Заполните поля с экранной клавиатурой; активное поле и кнопка должны оставаться доступными.
- Введите длинный адрес электронной почты и сообщение с переносами строк.
- Отправьте тестовое обращение и проверьте подтверждение на экране и получение на стороне команды.
- Повторите нажатие и убедитесь, что не возникли два одинаковых обращения.
Если отправка временно недоступна, сайт должен сообщить об этом и показать действующий запасной способ связи. Не оставляйте посетителя перед бесконечным индикатором загрузки.
Оцените скорость и устойчивость
Повторите основной сценарий при медленном соединении. Сначала должен появиться смысловой контент, затем второстепенные изображения и эффекты. Проверьте, не прыгает ли кнопка во время загрузки шрифтов или фотографий. Если эффект мешает нажать на элемент, запишите конкретную страницу и момент.
Зафиксируйте результат проверки
Для каждого сбоя сохраните адрес страницы, модель устройства, браузер, шаги воспроизведения и снимок экрана. Отдельно отметьте, блокирует ли ошибка обращение или только затрудняет чтение. После исправления повторите тот же сценарий на устройстве, где нашли проблему.
Перед публикацией достаточно проверить несколько ключевых маршрутов: вход с поиска на страницу услуги, переход к контакту, отправку формы и возврат к содержанию. Такой список показывает реальные препятствия для посетителя, а не просто соответствие макету.