Горизонтальный скролл
Один элемент шире viewport растягивает всю страницу. Частые виновники - таблица, фиксированная ширина Zero Block, длинная ссылка, iframe и кнопка с min-width. Проверяйте ширины 320-430 пикселей, а не только один пресет.
Слишком мелкий текст
Если для сохранения десктопной композиции основной текст уменьшается до 12-13 пикселей, читать неудобно. Лучше перестроить сетку. Размер зависит от шрифта, но основной текст обычно должен комфортно читаться без масштабирования.
Первый экран не помещает смысл
Крупный H1 в шесть строк, изображение, плашки и две кнопки могут вытеснить лид далеко вниз. На мобильном оставьте иерархию: заголовок, короткое уточнение, одно основное действие.
Фиксированные элементы
Шапка, cookie-баннер, чат и нижняя панель могут одновременно закрыть половину экрана. Проверьте их сочетание и z-index. Особенно после открытия клавиатуры.
Меню
Пункты должны быть доступны большим пальцем, подменю - открываться предсказуемо, закрытие - быть очевидным. Если меню длинное, разбивайте по группам, а не делайте бесконечный список.
Формы
- поля не выходят за экран;
- подписи не исчезают после ввода;
- тип клавиатуры соответствует полю;
- ошибка видна рядом с проблемным полем;
- кнопка не скрыта клавиатурой;
- маска телефона допускает нужные форматы.
Таблицы
Сжимать шестиколоночную таблицу до 360 пикселей нельзя. Используйте горизонтальный скролл внутри контейнера, карточное представление или сокращенную мобильную версию.
Карточки
Две узкие карточки в ряд могут быть хуже одной. Если текст и кнопки становятся тесными, переключайте сетку на одну колонку. Сохраняйте одинаковые внешние отступы.
Кликабельные зоны
Ссылка размером с одну букву и маленький крестик попапа плохо работают пальцем. Увеличивайте реальную область клика, а не только видимый значок.
Скорость
Мобильный пользователь сильнее чувствует тяжелые изображения и сторонние скрипты. Тестируйте на ограниченной сети и среднем устройстве, а не только на флагмане по Wi-Fi.
Почему нужен реальный телефон
Эмулятор не воспроизводит адресную строку браузера, поведение клавиатуры, жесты и все особенности производительности. Финальную приемку проводите на нескольких реальных устройствах.
Короткий чек-лист
- Нет горизонтального скролла.
- Текст читается без масштабирования.
- Меню открывается и закрывается.
- Форма отправляется.
- Таблицы не ломают ширину.
- Фиксированные элементы не перекрывают CTA.
- Первый экран быстро появляется.
Если проблема системная, мобильный UX стоит проверять в рамках аудита сайта, а не исправлять только отдельные отступы.
