Mobile-first устарел: что такое mobile-only и почему это важно в 2026

За последние 15 лет подходы к проектированию сайтов прошли три эпохи:

Desktop-first (до 2015). Сайт рисовали для широкого монитора 1920×1080, потом «сжимали» под планшеты и телефоны. Мобильная версия была «ужатой» копией десктопной с урезанным функционалом.

Mobile-first (2015-2023). Концепция перевернулась: сначала проектируется мобильная версия, потом «расширяется» до десктопа. Стандартизировано Google в 2015 году. К 2023 году это стало индустриальной нормой — все современные сайты делаются по этому принципу.

Mobile-only (с 2024). Следующая ступень. Сайт проектируется так, как будто десктопа не существует. Десктопная версия остаётся, но всем интерфейсным решениям приоритетно отдаётся мобильный UX. Этот подход появился в 2024-2025 годах в e-commerce и быстро распространяется.

Mobile-only — это не «больше нет десктопа». Это «при принятии любого UX-решения исходим из мобильного опыта, потому что там — основная аудитория». Десктопная версия в этой парадигме — это «адаптация мобильного интерфейса под большой экран», а не наоборот.

Несколько факторов сошлись одновременно:

• Доля мобильного трафика выросла до критической. В российском e-commerce в 2026 году около 78-82% трафика приходится на мобильные устройства (по данным Mediascope и аналитических отчётов крупных маркетплейсов). Десктоп — это уже меньшинство.
• Мобильная конверсия меньше десктопной. Парадокс: трафика на мобильных больше, а конверсия в покупку меньше в 2-3 раза. Значит, главное поле для роста выручки — это улучшение мобильного UX, а не десктопного.
• СБП и мобильные платежи. Система быстрых платежей, Apple Pay, Google Pay, Сбер Онлайн сделали оплату с телефона быстрее, чем с компьютера. Главное препятствие к мобильным покупкам — UX интерфейса.
• Привычки пользователей. Современный человек смотрит телефон 4-6 часов в сутки. Покупки совершаются «на ходу»: в метро, в обеденный перерыв, в кровати перед сном. Никто не садится за компьютер чтобы заказать пиццу.
• Алгоритмы Google и Яндекса. С 2018 года Google индексирует только мобильную версию (mobile-first indexing). К 2026 году это стало строгим — сайт без мобильной версии просто не индексируется.

Mobile-only подход кардинально меняет UX-решения по сравнению с классическим mobile-first:

1. Hero-блок без сложных макетов. Mobile-first: на мобиле колонки складываются вертикально, на десктопе — раскладываются. Mobile-only: один статичный экран с одним заголовком и одним CTA. На десктопе — то же самое, просто шире и крупнее.
2. Каталог: один товар в строке. Mobile-first: на мобиле сетка 1×N, на десктопе 4×N. Mobile-only: даже на десктопе 2×N или максимум 3×N с большими карточками. Большая карточка лучше работает с цифровыми привычками 2026.
3. Корзина — sticky bottom bar. Закреплённая внизу полоса с количеством товаров и итогом, доступная с любой страницы. На мобиле это естественно, на десктопе — улучшает конверсию.
4. Многошаговое оформление заказа. Mobile-first: одна длинная форма со всеми полями. Mobile-only: 3-4 шага по одному экрану на каждом. На десктопе — то же самое.
5. Отказ от hover-эффектов как основы. Hover на мобильных не работает (нет курсора). Mobile-only исходит из этого: все важные действия должны быть на tap, hover — лишь украшение.
6. Большие тач-цели. Mobile-first: минимум 44×44px по WCAG. Mobile-only: 56×56px и больше для основных действий, чтобы было удобно большим пальцам.
7. Минимум выпадающих меню. На мобиле выпадающие меню работают плохо. Mobile-only заменяет их full-screen overlays или inline-навигацией.
8. Один CTA на экран. На мобильном экране должно быть видно только одно главное действие. Дополнительные действия — за второстепенным жестом или скроллом.

Кейс 1: Маркетплейс электроники. До перехода — классический mobile-first сайт, мобильная конверсия 0.8%, десктопная 2.4%. После редизайна в mobile-only концепции: мобильная конверсия выросла до 2.1%, десктопная не упала, осталась на 2.5%. Главные изменения: упрощение карточек товара, многошаговое оформление, sticky-корзина, отказ от мега-меню в пользу боковой панели.

Кейс 2: Сайт сети ресторанов с доставкой. До: классическое меню с фотографиями в сетке 3×N на десктопе и 1×N на мобиле. После mobile-only: большие карточки 1×N (на мобиле и 2×N на десктопе), один товар занимает почти весь экран, видно высококачественное фото и характеристики. Средний чек вырос на 18% за счёт того, что пользователи лучше видят, что заказывают.

Кейс 3: Образовательная платформа. До: десктоп-ориентированный интерфейс с длинными списками курсов. После: переписали под mobile-only с акцентом на видео-превью. Мобильная посещаемость выросла на 60% за полгода, доля платных подписок с мобильных — с 12% до 41%.

Самые частые провалы:

1. Слепое копирование мобильной версии на десктоп. Mobile-only не значит «делать десктоп-версию идентичной мобильной». Большой экран даёт возможность показать больше информации одновременно — этим надо пользоваться, но в рамках мобильной логики.
2. Отказ от hover полностью. На десктопе hover-эффекты — это часть приятного опыта. Не использовать их совсем — это потеря возможностей. Просто не делать на них критичную информацию.
3. Слишком крупные элементы на десктопе. Если кнопки с мобильной версии (56×56px) перенести на десктоп без изменений — будет выглядеть громоздко. На десктопе кнопки могут быть чуть меньше, но логика остаётся той же.
4. Игнорирование клавиатурной навигации. На десктопе важна Tab-навигация и горячие клавиши. Mobile-only их не запрещает.
5. Перфекционизм по мобильным метрикам в ущерб контенту. Бывает, что в погоне за упрощением убирают полезный контент. Это потеря продаж и SEO.

Проверьте по чек-листу:

• Какова доля мобильного трафика в Метрике / Search Console? Если больше 60% — однозначно нужен mobile-only.
• Какова разница между мобильной и десктопной конверсией? Если больше чем в 2 раза — есть запас для роста за счёт мобильного UX.
• Делается ли заказ за 3+ шага? Если да — есть смысл оптимизировать каждый шаг под мобильное поведение.
• Используете ли мобильные платежи (СБП, Apple Pay, Google Pay)? Mobile-only без них теряет смысл.
• Когда был последний редизайн? Если 3+ года назад — точно нужен пересмотр.

Если на 3+ вопроса ответ «да» — пора планировать переход на mobile-only.

Цены на адаптацию существующего сайта в mobile-only концепции в 2026:

• Лендинг или небольшой корпоративный сайт. 80-150 тыс. ₽, срок 2-3 недели. Аудит UX, переработка ключевых блоков, тестирование на 5 устройствах.
• Корпоративный сайт среднего размера. 150-300 тыс. ₽, срок 3-5 недель. Полный пересмотр структуры, переделка навигации, оптимизация форм.
• Интернет-магазин. 300-700 тыс. ₽, срок 1-3 месяца. Самая сложная адаптация: каталог, фильтры, карточка товара, корзина, оформление, личный кабинет — всё переписывается.
• С нуля по mobile-only. Доплата 10-20% к обычной цене разработки. Заложенная в техзадание архитектура mobile-only стоит дешевле, чем последующая адаптация.

Окупаемость: для e-commerce обычно 4-8 месяцев за счёт роста мобильной конверсии. Для контентных проектов — труднее измерить, но рост посещаемости и времени на сайте заметен сразу.