02.01.2022
Еще до массового распространения смартфонов с высокоскоростным интернетом все сервисы и программы делались в первую очередь для компьютеров с большими экранами. Со временем некоторые делали адаптивную версию для мобильных гаджетов, либо вовсе отдельный сайт, но чаще всего оставляли все как есть.
В наше время ситуация кардинальным образом изменилась: теперь куда больше людей пользуется интернетом именно через смартфоны, а не ПК. Как информирует https://www.centum-d.com/eto-eshe-rabotaet-metod-mobile-first/, в случае некоторых сайтов или сервисов число мобильных посетителей может достигать 70—90%. Вследствие этого возникло принципиально новое направление— mobile first. Теперь в первую очередь упор делается на мобильные устройства и только затем приступают к разработке десктопной версии, либо вовсе её не делают.
Особенности подхода mobile first
В подходе mobile first работа ведется следующим образом:
- - Первым делом разрабатывается дизайн, чтобы через мобильные экраны всё выглядело приемлемо. На основе подготовленного дизайна осуществляется написание код. Код или дизайн делаются параллельно с учетом общего прототипа.
- - Если возникнет необходимость, подготавливается отдельная версия для компьютера. В противном случае доделывают мобильный дизайн таким образом, чтобы он хорошо смотрелся на большом экране.
- - При необходимости улучшить что-либо в сервисе или программе сначала начинают работать над вариантом для смартфонов, а потом доделывают декстопную версию. Поэтому не редки случаи, когда версии для смартфонов или планшетов функционируют лучше.
Бывает и так, что сайт можно посмотреть исключительно с мобильных устройств, поскольку предлагается установка соответствующего приложения.
Область применения
Подход Mobile First оказывается весьма востребованным везде, где можно информативно и с удобствами для пользователей показать услугу, товар, либо проект на небольшом экране. В частности это могут быть:
- - онлайн-магазины;
- - сервисы заказа еды;
- - службы такси;
- - социальные сети и сервисы;
- - сервисы дистанционных услуг и т.д.
Преимущества
Среди основных преимуществ mobile first можно отметить:
- - пользователи сразу получают нормальную функционирующий сайт или приложение;
- - с удобного в использовании сервиса будет идти больше заказов;
- - оптимизированные под мобильные гаджеты страницы будут грузиться ощутимо быстрее, в отличие от адаптивных;
- - созданные по такой схеме сайты поисковые системы лучше ранжируют и показывают в выше других в поиске.
Из относительных минусов можно отметить то, что придется делать не один, а два продукта: один для мобильных устройств и другой для остальных платформ. Также при проектировании интерфейса нужно учитывать, что у телефонов может быть различное разрешение экрана.
Читайте также:
06.09.2025 Зеленский предложил Путину новый город для встречи
06.09.2025 Зеленский в Париже, Путин в Китае - главное о переговорах за неделю
06.09.2025 Войска РФ пытаются продавить фронт, но безрезультатно: карты ISW
06.09.2025 Россияне атаковали авто "скорой" в Днепропетровской области (фото)
06.09.2025 РФ с утра запустила "Шахеды" по Украине: в каких областях предупредили об угрозе