Разработка интернет-проектов делится на этапы. Исторически сложилась такая последовательность: сначала проектируется десктопная версия, а на её основе — версия для мобильных устройств. При этом в версии для небольших экранов сокращается функционал и упрощается дизайн.
У этого подхода есть недостаток — приоритет отдаётся десктопу, в то время как доля мобильных устройств растёт и уже превысила долю настольных компьютеров. Чтобы не потерять пользователей и потенциальных клиентов, применяйте новые подходы к созданию сайта своей компании.
Mobile First
Mobile First меняет устои: сначала разрабатывается версия для мобильных устройств, затем — для десктопа. Это позволяет учесть ограничения небольших экранов и создать удобный интерфейс для всех устройств.
Например, по принципам Mobile First был разработан дизайн онлайн-журнала DayOne:
Таким образом, мобильная версия не подгоняется под десктопную, ничего не «урезается», а значит все функции сайта становятся доступны с любого устройства.
Именно благодаря Mobile First появились, например, push-уведомления и меню “гамбургер”. Они упрощают взаимодействие с мобильными сайтами и стали настолько привычными, что применяются на десктопах.
Что это даёт бизнесу:
- Ранжирование в поисковой выдаче. Mobile First не использует “тяжелые” технологии, поэтому сайт загружается быстрее — Google это учитывает и поднимает его в результатах поиска.
- Удобство пользования. Mobile First улучшает юзабилити сайта для мобильных пользователей, потому что учитывает особенности небольших экранов.
Mobile Native
Парадигму Mobile Native называют эволюцией Mobile First. В основе подхода лежит не размер экрана, а задачи пользователя. Например, вести переписку проще на смартфоне, а строить графики — на компьютере.
Таким образом, аудитория не подразделяется на мобильную и десктопную — Mobile Native объединяет всех пользователей в одно целое. В результате появляются веб-клиенты приложений, изначально разработанных для небольших экранов:
UBER
Mobile Native основывается на методе ввода информации. Для смартфонов это камера. С ее помощью можно не только делать фотографии, но и определять местонахождение (по геотегу) и сканировать qr-коды. Эти технологии легли в основу геолокационного маркетинга. Например, NearSt позволяет находить книги в магазинах поблизости и заказывать доставку напрямую из приложения.
Вторая важная функция камеры — запись видео. Развитие 4G позволяет просматривать интернет-ролики и прямые трансляции непосредственно на смартфоне. Это учитывают веб-разработчики и предлагают пользователям самим размещать видеоконтент. Так появились, например, Stories в Инстаграме.
Наконец, третья функция камеры позволяет использовать смартфон в качестве “портала” в дополненную реальность — речь о технологии AR. Она совмещает реальные вещи с виртуальным миром — для этого достаточно включить камеру.
Технологию AR применяют не только в игровых приложениях (например, Pokemon Go), но и в бизнесе. Например, “Ростелеком” предложила своим клиентам перенести виртуальные новогодние ёлки в реальный мир. Для этого требовалось распечатать специальный qr-код и навести на него камеру. На экране появлялось изображение ёлки:
На этом возможности Mobile Native не заканчиваются. Технология GPS позволяет отслеживать доставку товаров по городу — это уже внедрили в компании UBER. Голосовое управление выходит за рамки мобильных устройств и позволяет создавать беспроводных помощников — как Amazon Echo.
Таким образом, смартфоны открывают для бизнеса новые возможности, которые были недоступны на десктопах.
Что это даёт бизнесу:
- Инновации. Mobile Native позволяет продвигать услуги компании в новых форматах — за счёт видео, голосового ввода, qr-кодов, GPS и AR.
- Отстройка от конкурентов. Подход Mobile Native ещё не получил широкого распространения, поэтому может вывести компанию на новый уровень и увеличить количество клиентов.
Заключение
Что выбрать — Mobile First или Mobile Native? Отталкивайтесь от задач, которые будут решать клиенты на вашем сайте. Для простых и нерегулярных задач, которые можно выполнить на смартфоне, подойдёт Mobile First. Для сложных маркетинговых целей, требующих оригинального подхода, выбирайте Mobile Native.
И в том, и в другом случае стоит начать с создания мобильной версии сайта. Это позволит не только охватить наибольшую аудиторию пользователей, но и сэкономить время и деньги на разработку сайта в веб-студии.
Не забывайте, что в нашем онлайн-конструкторе доступно более 100 готовых решений для всех отраслей бизнеса. Выбирайте наиболее подходящий вариант — и вперед!
