Mobile-first часто понимают как «сначала верстаем мобильную версию». Это техника. Стратегия mobile-first — проектировать продукт для контекста, в котором им реально пользуются: одна рука, прерывания, неустойчивая сеть, три минуты между делами.
Цифры, определяющие приоритет
В российском e-commerce 78% сессий — мобильные, в соцсетях и медиа — выше 90%. Десктоп остался территорией сложных рабочих задач: B2B-кабинеты, аналитика, производство контента. Если ваш продукт потребительский, мобильный экран — не «версия», а основной продукт.
Контент под прерывания
Мобильная сессия в среднем втрое короче десктопной и в любой момент обрывается. Отсюда требования: состояние сохраняется всегда (корзина, черновик, шаг формы), ключевое действие доступно с первого экрана, возвращение в сценарий — за одно касание. В приложении лояльности ритуал «выбрать скидки недели» спроектирован ровно под трёхминутную сессию в очереди.
Зона большого пальца
75% взаимодействий совершаются большим пальцем одной руки. Нижняя треть экрана — золотая зона: туда идут основные действия. Верхние углы — территория редких операций. Тач-цели — от 44 пикселей, между интерактивными элементами — не меньше 8.
Производительность как функция
Мобильный пользователь на нестабильном LTE не будет ждать: 40% уходят после трёх секунд загрузки. Скелетоны вместо спиннеров, оптимистичные обновления, офлайн-устойчивость ключевых сценариев — подробнее о наших стандартах скорости.
Десктоп как расширение
Проектирование от мобильного не значит «десктоп по остаточному принципу». Это значит: ядро сценария выверено на самом жёстком ограничении, а большой экран добавляет плотность и параллельность, а не заплатки.
Проверить, насколько ваш продукт mobile-first на деле — закажите экспресс-аудит.