На вашем телефоне всё помещается, значит мобильная версия готова? Это хороший первый результат, но ещё не полная проверка. Отличаются ширина экрана, размер текста, клавиатура, браузер и сохранённое состояние сайта.
Проверяйте сценарии при разных условиях
Выберите узкий экран, обычный смартфон и более широкий вариант. Пройдите меню, поиск, карточку, галерею и форму. Важнее закончить действие, чем просто убедиться, что блок выглядит аккуратно.
Проверьте длинные заголовки и реальные описания. Короткий тестовый текст может скрыть переполнение, которое появится после наполнения.
Учитывайте интерфейс браузера
При прокрутке и открытии клавиатуры доступная область меняется. Нижняя кнопка, которая была видна на пустой странице, может оказаться перекрытой. Откройте поле после прокрутки вниз, затем закройте и откройте его снова.
Проверяйте не только положение формы, но и возможность закрыть её, вернуться к странице и продолжить действие. Не должно требоваться знание «правильной» последовательности жестов.
Различайте горизонтальный и вертикальный жест
Слайдер должен позволять листать карточки, не мешая прокручивать всю страницу. В галерее длинных снимков отдельно проверьте движение по высоте и смену изображений.
Проверьте крайние положения: первую и последнюю карточки, короткий отменённый свайп, несколько быстрых переключений. Именно здесь заметны обрезанные рамки, лишние возвраты и скачки.
Используйте эмуляцию и реальное устройство
Эмуляция помогает быстро проверить размеры и повторить сценарий. Но она не полностью заменяет настоящий телефон, особенно для поведения клавиатуры и плавности анимации.
Сохраняйте короткую таблицу: устройство, браузер, шаги и результат. После исправления повторяйте конкретный дефект. Адаптация готова не тогда, когда макет уменьшился, а когда основные действия остаются удобными в разных условиях.
Поможем с вашей задачей
Посмотрите подход, состав работ и условия по теме статьи.
