Кусочки терминологии. Что такое Mobile first design
Mobile first design ― принцип, при котором UX/UI изначально проектируется для мобильной версии и только потом для десктопа, т.к. предполагается, что покупатель чаще пользуется мобильным устройством, в том числе на бегу или в транспорте.
#кусочкитерминологии #mobilefirstdesign
Mobile first design ― принцип, при котором UX/UI изначально проектируется для мобильной версии и только потом для десктопа, т.к. предполагается, что покупатель чаще пользуется мобильным устройством, в том числе на бегу или в транспорте.
#кусочкитерминологии #mobilefirstdesign
Mobile First и его преимущества
✔️ Еще при проектировании процесса закладывается меньшее количество шагов до целевого действия (регистрации, покупки и т. д.).
Это значит, что Mobile First может улучшить опыт использования сайта на любых устройствах, изначально упростив процессы.
✔️ Размещается меньшее количество отвлекающих элементов на странице, самое необходимое находится на виду и пользователь быстро понимает, что ему нужно сделать.
✔️ Если продвижение зависит от SEO, Mobile First сайты находятся в более выгодном положении. Google пессимизирует сайты с плохим отображением на смартфоне. Уже больше половины всех ресурсов Google индексирует мобильным роботом (Mobile First Indexing).
✔️ Мобилка получается сама по себе целостная и законченная, а дектопная версия только расширяет ее.
Проблемы адаптива решенные Mobile First
⚠️ В адаптивах часто встречаются унаследованные от десктопа клики, от которых можно было отказаться.
⚠️ Зачастую делаются принципу «как бы впихнуть невпихуемое» и получаются перенасыщенными, пользователь не понимает что ему делать.
⚠️ При создании адаптивной версии могут остаться «следы десктопа» (ховеры, неудобные всплывающие формы).
Mobile First сайты таким проблемам редко подвержены.
#кусочкитерминологии #mobilefirstdesign
✔️ Еще при проектировании процесса закладывается меньшее количество шагов до целевого действия (регистрации, покупки и т. д.).
Это значит, что Mobile First может улучшить опыт использования сайта на любых устройствах, изначально упростив процессы.
✔️ Размещается меньшее количество отвлекающих элементов на странице, самое необходимое находится на виду и пользователь быстро понимает, что ему нужно сделать.
✔️ Если продвижение зависит от SEO, Mobile First сайты находятся в более выгодном положении. Google пессимизирует сайты с плохим отображением на смартфоне. Уже больше половины всех ресурсов Google индексирует мобильным роботом (Mobile First Indexing).
✔️ Мобилка получается сама по себе целостная и законченная, а дектопная версия только расширяет ее.
Проблемы адаптива решенные Mobile First
⚠️ В адаптивах часто встречаются унаследованные от десктопа клики, от которых можно было отказаться.
⚠️ Зачастую делаются принципу «как бы впихнуть невпихуемое» и получаются перенасыщенными, пользователь не понимает что ему делать.
⚠️ При создании адаптивной версии могут остаться «следы десктопа» (ховеры, неудобные всплывающие формы).
Mobile First сайты таким проблемам редко подвержены.
#кусочкитерминологии #mobilefirstdesign
Угнаться за трафиком
Доля покупок, сделанных со смартфона продолжает расти, но в России абсолютное большинство екомов все еще десктопо-центричны и делают мобилку по остаточному принципу.
Уже работающий еком перекроить под Mobile First не всегда просто — скорее всего потребуется полная переделка витрины. В таком случае можно разработать отдельную мобильную версию, но нужно помнить, что ее сложнее поддерживать, потому что это дополнительная витрина.
И конечно же не для каждой специфики Mobile First в принципе подходит: заказать печать платы проще на десктопе – заполнение километровой формы, триллион тултипов/ховеров с развернутыми пояснениями (и выкинуть ничего из этого нельзя!) как ни крути на мобилке превратится в ад.
О Mobile First следует обязательно задуматься тем кто только начинает свой бизнес или задумал глобальный редизайн.
#mobilefirstdesign
Доля покупок, сделанных со смартфона продолжает расти, но в России абсолютное большинство екомов все еще десктопо-центричны и делают мобилку по остаточному принципу.
Уже работающий еком перекроить под Mobile First не всегда просто — скорее всего потребуется полная переделка витрины. В таком случае можно разработать отдельную мобильную версию, но нужно помнить, что ее сложнее поддерживать, потому что это дополнительная витрина.
И конечно же не для каждой специфики Mobile First в принципе подходит: заказать печать платы проще на десктопе – заполнение километровой формы, триллион тултипов/ховеров с развернутыми пояснениями (и выкинуть ничего из этого нельзя!) как ни крути на мобилке превратится в ад.
О Mobile First следует обязательно задуматься тем кто только начинает свой бизнес или задумал глобальный редизайн.
#mobilefirstdesign