Прогрессивные веб-приложения: следующий мобильный опыт?

Возможно, вы еще не слышали о них, но Progressive Web Apps (PWA) вот-вот изменят мобильный ландшафт. Хотя PWA были представлены Google в 2015 году, в этом году они приобрели популярность. Итак, прежде чем это станет модным, что же такое прогрессивные веб-приложения?

Что такое ПВА?

В самом простом смысле PWA — это мобильные приложения, доставляемые через Интернет. Эта технология позволяет PWA предоставлять в вашем браузере интерфейс, аналогичный приложению. Это похоже на нативное приложение из-за использования оболочки приложения, которая обеспечивает навигацию и жесты в стиле приложения. Поскольку прогрессивные приложения создаются в Интернете, они не привязаны к конкретным устройствам. PWA плавно и одинаково отображается на всех устройствах, включая настольные компьютеры, мобильные устройства, планшеты и т. д.

Более того, сервисные работники обеспечивают мгновенную загрузку Progressive Web App независимо от качества сети. Другими словами, это веб-приложение предназначено для работы в автономном режиме и в районах с низким уровнем подключения. С помощью предварительного кэширования он остается актуальным, предоставляя пользователю новейший контент при запуске. Подобно приложению, пользователь может сохранить PWA на своем домашнем экране, чтобы получить к нему доступ в любое время. Сделать его устанавливаемым, без хлопот с загрузкой из магазинов приложений.

PWA против родного мобильного приложения

В то время как нативные мобильные приложения обеспечивают высочайшее качество взаимодействия с пользователем, они сопряжены с трудностями как для пользователя, так и для разработчика. Одним из самых больших различий между PWA и нативными приложениями является наличие «посредника в магазине приложений». Для прогрессивных веб-приложений этот посредник полностью исключен. Для разработчиков приложений отсутствие магазина приложений означает, что вы больше не ограничены правилами и рекомендациями iOS и Android. Разработчику не нужно будет проходить процесс утверждения, что позволит использовать приложение, как только оно будет готово. Также нет необходимости вручную обновлять приложение, поскольку исправленная версия приложения будет мгновенно и автоматически доступна для всех.

С точки зрения конечного пользователя, они могут получить доступ к PWA, не загружая его из магазина приложений. Вместо этого PWA можно связать, что означает, что любой может запустить приложение прямо с URL-адреса. Вы можете поделиться им в социальных сетях, электронной почте, текстовом сообщении, онлайн-рекламе или связать его с QR-кодом, и пользователь будет мгновенно погружен в приложение.

Устранив все эти трения, пользователям будет намного проще получить доступ к приложению. Как показано на диаграмме ниже, с каждым шагом процесса загрузки нативного приложения теряется 20% пользователей . Потребители находят утомительным поиск приложения в магазине приложений, ожидание его загрузки и беспокойство о том, что оно израсходует все их дисковое пространство, прежде чем они смогут начать использовать приложение. Поскольку PWA значительно сокращают количество шагов, которые им нужно предпринять (по сути, делая его одношаговым процессом), вероятность того, что люди действительно используют приложение, гораздо выше. На самом деле, мы используем в 4 раза больше веб-сайтов, чем мобильных приложений , что приводит к гораздо большей потенциальной базе пользователей с веб-приложением.

Еще одно важное отличие для разработчиков приложений заключается в том, что им не придется адаптировать свое приложение для iOS или Android. Тот факт, что PWA используют веб-технологии, означает, что они работают на разных платформах в большинстве браузеров, исключая операционную систему из уравнения. Вы можете создать одно прогрессивное веб-приложение, и оно будет выглядеть и работать одинаково на всех устройствах. Пользователи будут иметь целостный опыт на любом устройстве, на котором они захотят запустить приложение.

Наконец, PWA легко обнаружить. Это означает, что они легко идентифицируются поисковыми системами, что позволяет им появляться в результатах поиска, как и любой другой веб-контент. PWA будут обрабатываться традиционным SEO, поэтому они будут индексироваться не только по названию приложения, но и по содержанию внутри приложения. Это будет рассматриваться не как конкретное приложение, а как часть контента, которая может «ответить» на чей-то «вопрос».

Для сравнения : сейчас 60 % поисковых запросов осуществляются с мобильных устройств , и это число продолжает расти . _ _ _ _ _ _ Люди активно используют свои мобильные устройства для поиска контента, поэтому представьте, что ваше PWA появляется в этих результатах поиска. Например, кто-то может искать салон в этом районе, поэтому он использует панель поиска Google, чтобы начать свой запрос. Результаты поиска, скорее всего, отобразят такие каталоги, как Yelp и веб-сайты салонов. Если вы владеете салоном красоты, ваше PWA может занимать высокие позиции в этих поисковых запросах, направляя клиентов прямо из результатов поиска в ваше приложение. Это первое прикосновение — возможность конвертировать ваших клиентов. Приложение, похожее на приложение, позволит клиентам планировать посещение салона с помощью пользовательского интерфейса, созданного для мобильных устройств. Это бесшовный процесс, начинающийся с веб-поиска и заканчивающийся выполненной задачей в приложении.

PWA против мобильного веб-сайта

PWA — это гибрид нативных приложений и мобильных веб-сайтов, но чем они отличаются от адаптивных веб-сайтов? В отличие от мобильных веб-сайтов «старой школы», PWA работают быстро. Обратите внимание, что 53% пользователей покинут сайт , если он загружается дольше 3 секунд. PWA загружаются мгновенно, независимо от состояния сети, и обеспечивают быстродействующие интерфейсы. Это устраняет их зависимость от сети, как это делают мобильные веб-сайты, обеспечивая мгновенный и надежный опыт для пользователей. PWA также обновляется в фоновом режиме, поэтому пользователям не нужно ждать загрузки нового контента.

Кроме того, традиционные мобильные веб-сайты ориентированы на статическую информацию, в то время как PWA могут предоставлять пользователям динамические функции. PWA предлагают захватывающий полноэкранный режим, позволяющий клиентам размещать мобильные заказы на еду, участвовать в программе лояльности и связываться с компанией. Он также может повторно привлекать пользователей с помощью веб-push-уведомлений, аналогичных родным push-уведомлениям.

Кто уже видит успех?

Чтобы привлечь как трафик, так и повторное вовлечение, косметический бренд Lancome запустил прогрессивное веб-приложение, чтобы предоставить своим клиентам быстрый, похожий на приложение опыт.

В 2016 году мобильный трафик Lancome впервые превысил трафик с настольных компьютеров. Несмотря на растущее число посетителей сайта с мобильных устройств, показатели конверсии для мобильных устройств не соответствовали показателям для настольных компьютеров. 38% корзин покупок на десктопе привели к заказам, в то время как коэффициент конверсии для мобильного интернета составил всего 15%. Эти цифры показали, что клиенты сталкивались со значительными препятствиями при попытке совершить покупку через свое мобильное устройство.

Сначала Lancome рассматривала в качестве решения приложение для электронной коммерции. Однако они понимали, что приложение имеет смысл только для клиентов, которые посещают его регулярно. Мобильные покупатели не будут возвращаться к приложению электронной коммерции каждую неделю, не говоря уже о ежедневном, поэтому они не увидят смысла в загрузке приложения Lancome. Компания хотела создать правильный пользовательский интерфейс на всех своих устройствах. По словам Google , «компании требовалось быстро загружаемое, привлекательное приложение для мобильных устройств, похожее на то, чего они могли бы достичь с помощью нативного приложения, но которое также можно было бы обнаружить и сделать доступным для всех через мобильный Интернет». Войдите в прогрессивное веб-приложение.

Результаты ошеломляют:

• На 84 % меньше времени, пока страница не станет интерактивной.
• 17% увеличение конверсии
• На 53 % увеличилось количество мобильных сеансов на iOS.
• 18% открытий на push-уведомлениях
• 8% потребителей, нажавших на push-уведомление, совершают покупку

В целом, PWA имело огромный успех, помогая косметическому гиганту добиться больших успехов в мобильной революции.

Как выглядит будущее?

В то время как родные мобильные приложения ни в коем случае не исчезают, PWA может стать идеальным решением для компаний, стремящихся создать убедительный и легко адаптируемый мобильный опыт для своих клиентов. PWA предлагают лучшее из обоих миров, со всеми возможностями совместного использования Интернета и всеми функциями нативного приложения. Bizness Apps работает над веб-приложениями с 2011 года, и мы в восторге от этой новой технологии. Наконец, это дает нам возможность внедрять собственные функции в наши веб-приложения. Мы будем частью будущего приложений, где мобильное приложение и мобильный веб-сайт станут единым целым.