Это когда сначала всё делают для смартфона, а потом для всего остального.
Раньше все сайты, программы и сервисы делали сначала для компьютеров и больших экранов. Потом, может быть, делали адаптивную версию для мобильных или отдельный мобильный сайт. Или не делали, а оставляли как есть — кому нужно, тот и так справится с мелким интерфейсом на экране телефона.
Теперь всё иначе: просмотров с телефона уже больше, чем с компьютера. Некоторые сайты или сервисы обслуживают 70—90% клиентов с телефона. Поэтому появилось направление в дизайне и разработке — mobile first. Это означает «сначала для мобильного», а десктопную версию сделаем потом или вообще не сделаем.
Как устроено
В подходе mobile first работа идёт так:
- Рисуется дизайн, чтобы на смартфоне всё выглядело отлично. На основе этого дизайна пишется код. Или код и дизайн делаются параллельно на основе общего прототипа.
- Если нужно — делают отдельную версию для компьютера, если нет — доделывают мобильный дизайн, чтобы он «расширялся» до большого экрана.
- Если нужно что-то улучшить в программе или сервисе, то сначала делают это для смартфонов, а потом для компьютеров. Иногда версия для смартфона работает лучше, чем настольная или в вебе.
Может быть даже такое, что с телефона сайт посмотреть можно, а с компьютера — нет, потому что предлагают сразу установить нужное приложение.
В чём нюансы проектирования под мобилку
- В компьютере человек вводит данные через суперточную мышь. В телефоне ввод через огромную сосиску-палец. Поэтому десктопные кнопки и ссылки могут быть маленькими, а мобильные должны быть большими.
- У пользователя десктопа есть быстрая клавиатура, а на мобилке она неудобная, мелкая, медленная и занимает пол-экрана. Десктопное приложение ещё может попросить нас что-то ввести с клавы, а мобильное должно этого избегать.
- И наоборот: десктопное приложение должно со страшной силой поддерживать горячие клавиши, копировать-вставить, очистку данных из буфера. А мобильное должно полагаться на автозаполнение.
- Мобилка хоть и большая, но меньше десктопа. Поэтому мобильный экран — это одна колонка с контентом и бесконечный скролл. Десктоп, наоборот, большой и широкий, там можно укладывать контент в несколько столбцов, делать витрины и шикарные раскладки.
- Мобилка вытянута сверху вниз, десктоп — слева направо. Идеальный контент для мобилки — вертикальный, для десктопа — горизонтальный.
- С мобилки можно легко позвонить, поэтому этот сценарий можно вполне рассматривать как часть приложения (например, позвонить таксисту). А с десктопа можно разве что написать в мессенджере.
- Мобилка знает о тебе больше, чем десктоп: она может узнать тебя по отпечатку пальца и по лицу, в неё встроен платёжный модуль, мобилка знает о своём местоположении. Максимум, что может десктоп, — помнить твой номер карты и знать, в каком ты городе. Это значит, что мобилка должна сама узначать твой адрес, сама предлагать тебе способы доставки, сама предлагать оплатить встроенными средствами.
- Мобилка — это твоё интимное пространство, поэтому любое сообщение или уведомление отвлекает на себя внимание. Нужно быть осторожным, отправляя что-то пользователю или уведомляя его. Десктоп — это терминал, к которому ты подходишь или уходишь, когда тебе нужно. Там меньше таких ограничений.
И можно так ещё долго рассуждать. Но уже сейчас видно, что мобилка и десктоп — два разных зверя.
Где используется
Mobile First используется везде, где можно показать товар, услугу или проект на маленьком экране без ущерба для смысла, например:
- интернет-магазины (Zara),
- сервисы заказа еды (Додо-пицца),
- службы такси (Яндекс Такси),
- соцсети и социальные сервисы,
- сервисы дистанционных услуг (интернет-банки).
Если ваш продукт достаточно прост для того, чтобы о нём можно было прочитать со смартфона и разобраться в нём, то можно использовать mobile first.
Плюсы и минусы
- большинство пользователей сразу получает нормальную функциональность на сайте или в приложении;
- если таким сервисом удобно пользоваться, то с него идёт больше заказов;
- сразу оптимизированные для мобильного страницы загружаются быстрее, чем адаптивные;
- поисковые системы их лучше ранжируют и показывают в поиске выше других.
Минусы возникают оттого, что вам приходится делать не один, а два продукта: для мобильного и для всего остального. А ещё нужно учесть, что на разных экранах разное разрешение, а это тоже нужно учитывать при проектировании разных интерфейсов. Кроме этого:
- такие продукты разрабатываются дольше, если поддерживать все смартфоны и делать версию для компьютера;
- разработка и дизайн стоят дороже;
- приходится поддерживать дизайн для старых устройств с маленьким экраном или нестандартными характеристиками.
Источник: thecode.media
Направление mobile-first — как ключ к высоким продажам
Мир технологий и интернета непрерывно развивается. Вчера вы думали о том, какая удобная возможность заказать вещи в интернете, а не в магазине. Но уже сегодня голосовой помощник отправляет вам на смарт-часы уведомление о новой коллекции и скидках персонально для вас.
94 просмотров
Для пользователя технологии открывают невероятные возможности для совершения повседневных действий с большим удобством.
Для бизнеса технологии ежедневно подбрасывают новые испытания на выживание. Ведь если твой бизнес не идет в ногу со временем, то он перестает быть интересным, и как следствие — быть нужным.
В этой статье будет рассмотрена одна из важнейших проблем интернет-ресурсов настоящего времени — мобильная адаптация.
Что вы узнаете в этой статье?
- Почему владельцы сайтов теряют пользователей сайтов, а соответственно и деньги
- Что является наиболее важным при разработке сайтов в 2023 году
- Какие сферы онлайн-бизнеса могут кратно увеличить конверсию используя новые подходы к созданию сайтов
Статистика
Обратимся к исследованию выполненному компаниями We are social and KEPIOS. Ниже приведены н статистика из отчета.
Как мы видим, число пользователей с мобильных устройств неумолимо растет. Человеку гораздо удобнее и быстрее открыть веб-сайт со своего телефона, перейдя на него по ссылке из социальной сети.
Все больше людей делают покупки, бронируют отели, покупают билеты и еще многое другое при помощи телефона.
Что это значит для бизнеса?
Если вашего бизнеса нет в интернете, значит, вас нет в бизнесе
Билл Гейтс
Если у вашего бизнеса нет удобной мобильной версии сайта, значит, у вас нет сайта
скажем мы сейчас
По данным исследований, ситуация с оптимизацией сайтов за последние годы улучшается в целом по миру. Но процент сайтов, на которых мобильная версия — это просто заглушка все еще велик.
Так в частности, в 2021 году компания Google провела исследование и выяснила, что около 30% сайтов из топ-10 млн сайтов по посещаемости не оптимизированы для мобильных устройств.
А это, на минуточку, 3 000 000 сайтов!
Есть решение — mobile-first!
Mobile-first — это подход к веб-разработке, при котором сначала проектируется и разрабатывается мобильная версия сайта, а затем адаптируется для работы на больших экранах.
Данный метод разработки предполагает, что мобильные устройства имеют ограниченный размер экрана и низкую пропускную способность сети, поэтому сайты должны быть оптимизированы для них в первую очередь.
Особенностью подхода mobile-first заключаются в том, что он позволяет оптимизировать производительность и скорость загрузки сайта на мобильных устройствах, а также улучшить удобство использования сайта на маленьких экранах. Кроме того, mobile-first дизайн способствует улучшению SEO-оптимизации сайта и повышению его видимости в поисковых результатах для мобильных устройств.
Преимущества mobile-first разработки:
- Улучшенная производительность и скорость загрузки: при использовании mobile-first подхода сайт оптимизируется для мобильных устройств, что позволяет ускорить его загрузку и уменьшить количество передаваемых данных.
- Удобство использования на мобильных устройствах: сайт, созданный с учетом особенностей мобильных устройств, обычно лучше адаптируется к разным размерам экранов и способам взаимодействия с пользователем, что улучшает его удобство использования.
- Лучшая SEO-оптимизация: поскольку мобильные устройства используются все чаще для доступа в интернет, поисковые системы все больше учитывают оптимизацию сайтов для мобильных устройств, что делает подход важным для улучшения SEO.
В каких сферах mobile-first подход показывает наилучшие результаты?
Mobile first разработка сайтов подходит для большинства сайтов, особенно учитывая растущую популярность мобильных устройств и значительное количество пользователей, которые используют их для доступа в интернет. Однако, есть некоторые сферы бизнеса, для которых mobile first разработка может быть особенно эффективной:
- Сайты с высоким трафиком с мобильных устройств: если ваш сайт получает значительную часть своего трафика с мобильных устройств, то mobile first разработка может улучшить его производительность и удобство использования для этих пользователей. Необходимо выделить сферу инфобизнеса, так как основной трафик приходит из социальных сетей, где количество пользователей мобильных устройств составляет примерно 95%.
- Интернет-магазины: многие пользователи совершают покупки с помощью мобильных устройств, поэтому оптимизация интернет-магазина для мобильных устройств может повысить его конверсию и общую эффективность.
- Сайты с медиа-контентом: фотографии, видео и другой медиа-контент могут занимать много места на странице, что может снижать скорость загрузки и удобство использования на мобильных устройствах. Mobile first разработка позволяет оптимизировать медиа-контент для удобства использования на мобильных устройствах.
В настоящее время телефон — это продолжение руки человека. Именно с его помощью мы потребляем большее количество информации, заказываем услуги и совершаем покупки. Бизнесу важно понять, что именно телефон, эта та платформа, на которой его продажи растут и будут увеличиваться от года к году.
Важно, чтобы ваш сайт, веб-сервис или интернет магазин были удобны для пользователя. Иначе, ваш бизнес займет полку вместе с устаревшими архаичными его представителями.
Источник: vc.ru
Как концепция Mobile First изменила диджитал-маркетинг и нашу жизнь
Сергей Ломакин Редакция «Текстерры»
Mobile First, или «мобильные устройства прежде всего» – концепция, которая сегодня лежит в основе большинства сайтов. Но если смотреть шире, то развитие смартфонов изменило не только область разработки, но и то, как бренды взаимодействуют с клиентами, и то, как мы потребляем различные товары и услуги. Об этом и поговорим в сегодняшней статье.
Почему мобильные устройства получили приоритет
Дизайн и интерфейс сайтов
Страница на смартфоне может выглядеть по-разному:
Согласно принципу Mobile First, при создании дизайна и интерфейса сайта разработчики отталкиваются от особенностей экранов мобильных устройств. Соответственно, в первую очередь разрабатывается версия сайта для смартфонов, а затем происходит масштабирование дизайн-макета в бОльшую сторону (для планшетов и десктопов).
В отличие от традиционного подхода, когда дизайн мобильной версии сайта формируется по остаточному принципу, Mobile First-подход изначально решает все проблемы, связанные с отображением страниц на мобильных устройствах.
Google провозгласил философию Mobile First еще в далеком 2010 году – на Всемирном мобильном конгрессе. Эрик Шмидт, тогдашний гендиректор корпорации, предсказал, что продажи смартфонов превысят продажи ПК. Шмидт заявил, что мир должен готовиться к новому тренду – «мобильные устройства прежде всего».
Спустя десять лет концепция не только не потеряла актуальности, но и стала приоритетом в веб-разработке. Главная цель Mobile First – улучшение пользовательского опыта для владельцев мобильных устройств.
Удобный и отзывчивый мобильный интерфейс улучшает поведенческие факторы аудитории, позволяет получить больший процент конверсий.
SEO-оптимизация и факторы ранжирования поисковых систем также напрямую связаны с удобством сайта для мобильных устройств. Мобильный трафик сегодня важен для всех ресурсов. Именно поэтому изначальный приоритет мобильных устройств при разработке UI/UX интерфейсов сегодня получает все более широкое распространение.
Немного статистики по использованию мобильных
- В 2021 году во всем мире будет около 7 млрд мобильных пользователей.
- За 2020 год пользователи смартфонов скачали около 130 млрд мобильных приложений.
- К 2022 году прогнозируемые потребительские расходы в сторах мобильных приложений во всем мире вырастут на 92 % – до 157 млрд долларов.
- Мобильный пользователь проверяет свой смартфон в среднем 63 раза в день.
- 87 % пользователей проверяют телефон как минимум за час до сна, а 69 % из этих пользователей проверяют свои телефоны в течение 5 минут перед сном.
Мобильные процессоры: техническая сторона
Сейчас все ждут Intel Core 11-го поколения. А меж тем такие инновационные разработки появляются в том числе благодаря гонке вооружений, затеянной производителями смартфонов.
Мобильные процессоры невероятно производительны для своего небольшого размера. Они выделяют совсем небольшое количество тепла, эффективно рассеивают его, а производительность из-за небольших физических размеров практически не страдает. Такие гиганты отрасли, как Intel и nVidia, теперь сосредоточили свое внимание на мобильных процессорах в частности и на рынках смартфонов – в общем.
В начале 2021 года обычным делом в смартфонах стали 8-ядерные процессоры – ими уже никого не удивишь. Производительность мобильных процессоров позволяет просматривать любой «тяжелый» контент со смартфонов и запускать множество приложений. В этом плане смартфоны уже составляют достойную конкуренцию десктопам.
Как Mobile First повлиял на интернет-маркетинг
Вертикальная видеореклама
Вертикальное видео появилось благодаря формату сторис в соцсетях. Сегодня его возможности используют крупные компании.
Одной из первых ласточек вертикальной видеорекламы стал ролик Superpower от Adidas, снятый в 2016 году:
За год до этого корпорация Panasonic сняла полноценный мини-фильм в вертикальном формате (в разрешении 4k):
Наконец, в 2020 году вышел ролик Apple, снятый в традициях классического голливудского кино. Для создания фильма купертиновцы заручились поддержкой известного режиссера Дэмьена Шазелла. Ролик практически мгновенно завирусился и стал единственным образцом «дорогой» кинематографической картинки в вертикальном формате:
Эти примеры демонстрируют: корпорации поняли важность и потенциал Mobile First. Да, Apple, Adidas и Panasonic – это лидеры своей отрасли, у которых есть бюджеты на создание отдельных вертикальных видео. Но возможно, вскоре к созданию таких рекламных роликов придут и компании чуть меньшего масштаба.
Альтернативой отдельным вертикальным роликам может стать реклама в сторис. Ее делать проще, дешевле, и бренды уже активно ее используют.
Сторис для бизнеса
Феномен сторис можно смело вписывать в учебники маркетинга – в кратчайшие сроки этот формат стал одним из главных мировых трендов. Первоначально истории появились в Snapchat, затем разработчики Instagram адаптировали эту идею для своей социальной сети. После Instagram формат исчезающего контента внедрили Facebook, YouTube, Pinterest, а в России – «ВКонтакте».
Согласно отчету Conviva Instagram Stories, общий охват сторис растет уже третий год подряд. Так что можно говорить о колоссальном коммерческом потенциале этого формата для рекламы и продвижения. Вот еще несколько любопытных тезисов из официальной статистики Instagram:
- 500 миллионов человек используют Instagram Stories каждый день;
- 58 % людей говорят, что они стали больше интересоваться брендом или продуктом, увидев их в историях;
- 50% людей посетили сайт компании, чтобы совершить покупку, увидев товар или услугу в историях.
Сторис предлагает дополнительные инструменты и форматы для продвижения:
Преимущества сторис в аккаунте бренда
Достоинств у сторис-формата очень много. В случае с аккаунтами брендов можно выделить четыре главных преимущества:
- бесплатный органический охват;
- больше просмотров;
- можно комбинировать разные виды контента (фото, видео, текст);
- возможность добавлять ссылку на сайт прямо в историю.
В 2021 бренды публикуют больше сторис, чем когда-либо. У большинства брендов увеличивается количество откликов заинтересованной целевой аудитории.
Преимущества рекламы в сторис
- высокая вовлеченность (пользователи досматривают сторис почти в 70 % случаев, по данным Buffer);
- креатив выводится на весь экран – восприятие объявления значительно улучшается;
- упрощается подготовка рекламы: не нужна специальная аппаратура, фото и видео не должны быть «идеальными».
Основные сложности, когда мы говорим о сторис для бизнеса, связаны в первую очередь с подачей контента. Но постепенно и эта проблема становится все менее актуальной.
Бум мобильных приложений
В один момент, когда смартфоны заполнили собой весь мир, неожиданно оказалось, что пользователям нужны мобильные приложения.
Спрос на приложения для мобильных устройств, конечно, неоднороден, но сам потенциал этой ниши просто огромен. Востребованы не только развлекательные, массовые приложения, но и сугубо нишевые.
Чтобы сделать успешное приложение в 2021 году, нужно очень постараться. Сам бизнес должен выходить из зоны комфорта: использовать новые тактики, инструменты, каналы, чтобы охватить и привлечь свою ЦА, оправдать ожидания пользователей мобильных приложений. Сделать это совсем не просто.
Как изменится рынок мобильных приложений в ближайшем будущем?
Мои наблюдения после анализа ряда зарубежных СМИ:
- Использование больших данных (Big Data) при проектировании мобильных приложений заметно возрастет.
- Увеличится количество приложений, которые используют модель платной подписки.
- Машинное обучение ускорит разработку мобильных приложений. Возможно, появятся новые уникальные платформы, которые сами пишут и обрабатывают код.
- Доля мобильной коммерции станет еще более внушительной.
- Непредсказуемые тренды в магазинах приложений. Потребуется тщательная оптимизация по ключевым фразам для мобильной аудитории.
- Развитие рынка Интернета вещей даст скачок развитию приложений с соответствующим функционалом.
Достигнуть успеха на рынке мобильных приложений в 2021 станет сложно – даже бизнесу с именем и солидным бэкграундом. Составление тщательного и продуманного плана продвижения – вот секрет успеха. Всегда нужно иметь в виду, что именно маркетинговая составляющая мобильного приложения требует постоянного «обслуживания» со стороны компании.
Мобильные игры – отдельная тема. В этом материале я не буду много говорить об игровых приложениях. Скажу лишь, что в 2020 году потребительские расходы на мобильные игры превысили 100 млрд долларов. Мы все чаще обращаемся к мобильным устройствам как к основному источнику развлечений. Именно поэтому аудитория мобильных игр продолжает расти в геометрической прогрессии каждый год.
Как еще Mobile First влияет на нашу жизнь
Уже сегодня смартфон лежит в основе:
- концепции Интернета вещей;
- всех носимых устройств;
- онлайн-покупок;
- сервисов доставки;
- такси;
- всех видов платежей.
В ближайшие годы использование мобильных продолжит расти. Особенно сильно это проявится в отраслях безопасности, телекоммуникациях, сетевых технологиях. Не будут отставать и производители «железа».
Уже сегодня взаимодействие с контентом не рассматривается без учета смартфонов. Если ваш бизнес до сих пор не позаботился о мобильной аудитории, то для роста компании это стоит исправить в кратчайшие сроки.
Разработать стратегию выхода в мобайл вам помогут в TexTerra. Наши специалисты оптимизируют сайты под мобильный трафик и разрабатывают эффективные мобильные приложения. Обсудите с нами свой проект на бесплатной консультации (запись – по ссылкам выше)
Продвинем ваш бизнес
В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров
Источник: texterra.ru