Mobile First — это принцип разработки web-сайтов и продуктов, при котором сначала создается версия для мобильных устройств, и только после этого готовятся дизайн-макеты для десктопов (компьютеров).
Почему появился
В 2022 году более 63% пользователей интернета выходили в него с мобильных устройств: смартфонов и планшетов. Но при этом разработка по-прежнему в 90% ведётся по принципу сначала компьютерные разрешения и уже в конце адаптация под мобильный. Не справедливо!
И вот 5 лет прогрессивная часть дизайнеров и разработчиков предлагает начинать с мобильных версий и уже в конце разрабатывать десктопные, по остаточному принципу!
Выглядит это логичным и справедливым, тем более что подкрепляется такими аргументами, как:
Плюсы
- Фокус на удобстве пользования мобильных устройств (Большие кнопки, читаемые и крупные шрифты, минимум информационного шума, что бы можно было найти главное)
- Быстрая скорость загрузки мобильной версии сайта
- Ну и некий приоритет от поисковой системы Google для продуктов соответствующим принципам “Mobile First”
Минусы и аргументы против…
- Первым и самым пожалуй главным является то, что при разработке дизайна сайта или продукта намного привычнее и проще идти от большего к меньшему, а не наоборот
Тут, наверное, стоит попробовать самим, что бы понять разницу…
- Второе, если просто уделить достаточно времени мобильной адаптации сайта, то вполне можно добиться качественного результата, даже если вдруг начать не с мобильной, а с десктопной версии.
Резюмируя
Кажется, что фактически Mobile First подход, какая-то очередная попытка “натянуть ту самую сову, сами знаете куда”... Но принципы и тенденции, заложенные в данный подход несомненно правильные, о них стоит помнить и применять при создании web-сайтов.
А именно:
- Уделять не меньшее внимание мобильной версии, чем десктопной, а не по остаточному принципу, как зачастую бывает.
- Помнить что адаптация под смартфоны имеет нюансы и отличия от десктопной версии: большие легкодоступные кнопки, особенности типографики для мобильных, расположения контента, более простые анимации и минимум эффектов (для быстрой загрузки) и т.д. и т.п.