Мобильная версия: как проверить сайт по реальной задаче

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

Начните с одного маршрута

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

Используйте реальные длинные названия и тексты. В многоязычном проекте отдельно откройте каждую локаль: одинаковые кнопки могут занимать разное место. Не оценивайте только самый короткий пример из макета.

Проверьте ввод и ошибки

Заполните форму с пропуском обязательного поля, затем исправьте его. Данные не должны исчезать при обычной ошибке проверки. У поля должна оставаться понятная подпись, а сообщение — объяснять нужное действие. Основы маркировки полей разобраны в руководстве W3C WAI.

Повторите без привычных условий

Увеличьте размер текста и попробуйте открыть страницу на более медленном соединении. Проверьте, не закрывает ли закреплённая панель важный абзац или кнопку. В итоговый список включайте наблюдение и сценарий воспроизведения, а не только оценку «неудобно». Это позволит исправить конкретную причину и повторить ту же проверку после изменения.