Мобильная версия может помещаться по ширине и всё равно мешать клиенту. Меню перекрывает кнопку, клавиатура закрывает поле, фиксированная панель прячет сообщение об ошибке. Поэтому проверка адаптивности должна проходить по задачам пользователя, а не ограничиваться уменьшением окна браузера.
Выберите основные маршруты
Для сайта услуг это поиск подходящего направления, чтение условий, просмотр примеров и обращение. Для магазина — выбор товара, проверка характеристик, корзина и оформление. Начинайте с маршрутов, которые влияют на результат бизнеса.
При аудите сайта фиксируйте не только скриншот, но и последовательность действий. Проблема может появляться после открытия меню, возврата назад или ввода текста. Статическое изображение экрана её не покажет.
Проверяйте реальные ограничения телефона
Пользователь нажимает пальцем, читает в движении, пользуется автозаполнением и может потерять связь. Соседние маленькие ссылки повышают вероятность промаха. Длинное поле без подходящей клавиатуры усложняет ввод. Большая анимация может отодвинуть полезную информацию.
Проверьте разные размеры экрана и хотя бы несколько реальных устройств, если они доступны. Эмуляция полезна для поиска проблем вёрстки, но не полностью воспроизводит клавиатуру, жесты и особенности браузера.
Пройдите форму от начала до конца
- Откройте форму, заполните её вручную и через автозаполнение.
- Вызовите ошибку и проверьте, видно ли объяснение рядом с полем.
- Убедитесь, что клавиатура не перекрывает единственный способ продолжить.
- Проверьте сохранение введённого при неудачной отправке.
- Посмотрите, различимы ли ожидание и успешный результат.
Не оценивайте только красивое состояние до ввода. Самые дорогие ошибки часто находятся в конце сценария, когда человек уже готов оставить обращение.
Уберите конкуренцию фиксированных элементов
Шапка, кнопка чата, уведомление о cookies и нижняя панель могут по отдельности выглядеть компактно, а вместе занимать половину экрана. Определите приоритеты и правила совместного показа. Посетитель должен видеть содержание и иметь возможность закрыть вспомогательный элемент.
Исправления лучше вносить в общие компоненты при разработке, чтобы проблема не повторялась на десятках страниц. Но после общего изменения всё равно проверьте страницы с длинными заголовками и нестандартными блоками.
Как оформить итог
У каждой проблемы укажите устройство или размер, маршрут, ожидаемое поведение, фактический результат и важность. «Кнопка неудобная» — оценка. «После открытия клавиатуры кнопку отправки нельзя увидеть без неочевидной прокрутки внутри окна» — воспроизводимая задача.
Мобильный аудит завершён, когда ключевые действия можно пройти без догадок и обходных путей. Совпадение с макетом полезно, но удобство реального сценария важнее идеальной геометрии одного экрана.