Открываю аналитику очередного клиентского сайта. В среднем по палате около 80% трафика — смартфоны. А мне приносят макет, нарисованный под широкий экран, и говорят: Ну и под мобилку тоже как-нибудь сделай. Вот в этом «как-нибудь» и теряются деньги.

😔 Что происходит при desktop-first

Когда начинаешь с большого экрана, мобильная версия становится ужатой копией десктопа. И дальше всё по классике: - Меню превращается в трехэтажный бургер, в котором никто не находит цены. - Текст сжимается до размера, который читается только под лупой. - Кнопки становятся мельче пальца, и пользователь попадает сразу по двум ссылкам. - Половину контента просто прячут ведь — «на телефоне все равно никто не увидит».

🔍 А поисковики видят все Поисковики уже давно индексируют в первую очередь мобильную версию сайта. Спрятали контент на мобильном или страница грузится десять секунд — можно попрощаться с позициями в выдаче. То есть desktop-first — это не только про неудобство, это еще и минус трафик из поиска.

⚡️ Скорость тоже решается на мобильном Десктопный пользователь на оптоволокне не заметит загрузку вашей картинки на пару мегабайт. Мобильный пользователь на нестабильном мобильном интернете, заметит сразу долгую загрузку и просто уйдет. Mobile-first заставляет думать о весе страницы с самого начала: резать картинки, ленивую загрузку, чистый код.

👍 И про удобство На мобильном интерфейсом управляет большой палец, а не точная курсорная стрелка. Значит, тап-зоны и главные кнопки должны быть в зоне досягаемости пальца. Это не адаптация, это другой способ мышления.

Поэтому я всегда начинаю с маленького экрана. Не потому что модно, а потому что именно там лежат деньги клиента.