5 постов

#мобилки

Статьи с тегом #мобилки.

← Все статьи

(01) Мобильная версия в 2026 — отдельный сайт, адаптив или PWA Когда-то делали m.site.ru рядом с основным. Потом победил адаптив. Сейчас всё чаще встречаем PWA. Разбираем три подхода: где каждый ещё жив, что выбрать под коммерческий сайт под ключ в 2026, и почему вопрос "сделайте мне мобильную версию" от заказчика — звоночек. (02) Зона большого пальца — почему важные кнопки должны быть внизу экрана Большой палец легко достаёт нижнюю треть экрана, средне — середину, и почти не дотягивается до верха. Это база эргономики смартфона, которую игнорируют 80% сайтов. Кнопка "Заказать" вверху на iPhone 14 Pro Max — пользователь либо тянется второй рукой, либо забивает. Разбираем, где должны быть критичные элементы. (03) Формы на телефоне — тип клавиатуры, автокомплит, минимум полей Хорошая мобильная форма заполняется за 8-12 секунд. Плохая — за минуту с матерным выдохом. Разница в трёх вещах: правильный inputmode для каждого поля, autocomplete на нужные значения, и трезвый ответ на вопрос "а это поле точно нам нужно?". Разбираем по каждому пункту. (04) Sticky-кнопки и плавающие меню — где помогают, где раздражают Sticky-кнопка "Заказать" в нижнем правом углу — стандартный приём для мобильных лендингов. Поднимает конверсию или мешает читать? Зависит от того, что прилипает, как часто появляется и не перекрывает ли реально нужный контент. Разбираем по типам элементов: что работает, что бесит, и где грань. (05) Реальные мобильные скорости в РФ — 3G и ниже всё ещё существуют Замеряем сайт на офисном Wi-Fi 200 Мбит, всё летает. Реальный пользователь сидит в электричке на 2G, в подвальном ТЦ на EDGE, в городе с переполненной 4G-вышкой. По данным операторов и Roskomswoboda 2025, 12-18% мобильного трафика в РФ — это скорости ниже 1 Мбит/с. Что это значит для дизайна сайта и где у нас расходится теория с практикой.