Антикризисные технологии: может ли PWA стать заменой мобильному приложению

Ещё в 2015 году Google представил новую технологию — прогрессивные веб-приложения, или PWA (Progressive Web App). Тогда инновация не произвела фурора. Зато сейчас, когда приложения Сбербанка, Альфа-банка, ВТБ, ПСБ, Совкомбанка и некоторых других удалены из сторов, технология имеет все шансы получить второе дыхание.

Банки и крупные компании ищут пути обхода санкций и способы доставить до пользователей свои приложения. И если раньше PWA не рассматривались всерьёз как замена мобильному приложению, то новые вызовы требуют нестандартных решений.

Особенно большие сложности возникают у компаний с мобильными решениями для пользователей iPhone, так как экосистема Apple гораздо более закрытая и обойти её ограничения сложней, чем в случае с Android. И хотя в России доля устройств с ОС Android преобладает и составляет, по данным Statista, 76,05%, пренебречь 23% айфонов (а это около 53 миллионов устройств) — роскошь, которую компании себе позволить не могут.

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

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

Технология PWA использует Service Workers. Это прокси-сервер, который управляет сетевым запросом от приложения и даёт возможность кэширования, отвечает за фоновую синхронизацию, настройку push-уведомлений и автономные функции.

В этой схеме браузер выступает в роли виртуальной машины, которая хранит и запускает PWA-приложение. Также, как нативное приложение обращается к своим ресурсам через файловую систему, PWA обращается по HTTPS — к своим.

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

Мы привыкли к мобильным приложениям. В приложение удобно зайти, кликнув по иконке на главном экране смартфона, оно работает офлайн, в нём можно быстро сделать заказ. С точки зрения компании, владельца приложения, кастомная мобильная разработка позволяет реализовать любой флоу и интерфейс. Его можно гибко кастомизировать под потребности пользователей, учитывая как позитивные, так и негативные юзкейсы, и за счёт этого повышать конверсию. По сути, приложение практически не ограничено в функциональных возможностях.

Мобильная версия сайта обычно обладает меньшими удобством и функциональностью. В ней сложно реализовать дизайн, близкий к нативному. Важным фактором является и то, что у сайта, как правило, ниже производительность и быстродействие. А ещё сайт не работает без интернета. Но его проще, дешевле и быстрей реализовать, чем кастомное мобильное приложение.

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

Но давайте рассмотрим подробней каждый из перечисленных инструментов для взаимодействия с пользователями.

Скорость загрузки. У PWA она существенно выше, чем у мобильной версии сайта, это связано с их лёгкостью, о которой мы говорили выше.

Доступность в офлайне. Сайт в офлайне доступен не будет, в отличие от PWA.

UI\UX. Так как PWA по своей реализации больше похоже на мобильное приложение, в нём можно реализовать интерфейс, достаточно близкий к нативному. Для сайта это невозможно.

Возможность добавления иконки на экран смартфона. PWA предоставляет такую возможность, тем самым облегчая поиск сервиса. В мобильную версию сайта пользователь может зайти только через браузер.

Уведомления. На сайте можно реализовать отправку браузерных уведомлений, так называемых web push. Они отображаются на экране мобильного устройства, но отправляет их не приложение, а браузер. Для отправки уведомлений пользователь должен дать разрешение, когда заходит на сайт. У PWA тоже есть возможность настроить уведомления, но пока наблюдаются некоторые проблемы с уведомлениями для iOS.

Одним из важнейших показателей как в e-commerce, так и в финтехе, является коэффициент конверсии (conversion rate). Мы сравнивали этот показатель в коробочном и кастомном приложении. Теперь посмотрим, как он может поменяться с внедрением PWA.

Он может вырасти, если:

Так как PWA — достаточно давно развивающая технология, уже есть большое количество успешных проектов с её применением. В том числе — у крупных брендов.

Starbucks создали PWA для сбора заказов в дополнение к мобильному приложению. При почти одинаковых возможностях, размер PWA оказался меньше на 99,84 %, что сделало его более популярным среди пользователей. Количество заказов удвоилось и почти достигло показателей десктоп-заказов.

AliExpress увеличил показатель конверсии для новых пользователей на 104%. Функциональность PWA также помогла крупнейшему ритейлеру генерировать вдвое больше посещений страниц за сеанс. Время сеанса увеличилось в среднем на 74%.

Uber создали PWA для того, чтобы сделать бронирование автомобиля доступным в низкоскоростных сетях. Благодаря нативному интерфейсу PWA, оно выполняет запросы на быструю поездку независимо от местоположения, скорости интернета и устройства. Веб-приложение размером всего 50 КБ загружается за 3 секунды даже в сетях 2G.

Pinterest обнаружили, что только 1% их мобильных пользователей конвертируются в целевое действие: регистрацию, вход в систему или установку приложений. После внедрения PWA время, проведенное в соцсети, увеличилось на 40%, а также вырос доход от рекламы, создаваемой пользователями.

Spotify и пример ухода от санкций. Из-за разногласий между музыкальным стримингом и App Store, Spotify стал разрабатывать PWA-версию своего приложения. Она оказалась значительно быстрее благодаря адаптивному UI. Пользователи могут добавить Spotify PWA на главный экран смартфона, что делает эту версию приложения доступной и неотличимой от привычного приложения.

MakeMyTrip — крупнейшая туристическая компания Индии, MAU сайта — более 8 млн пользователей. После запуска PWA коэффициент конверсии увеличился в 3 раза, а скорость загрузки страниц выросла на 38%.

Weekendesk — туристическая компания из Франции. Для увеличения показателей бронирования номеров, предлагают установить веб-приложение на второй посещённой странице. Клиенты, которые переходят на страницу оформления с иконки PWA, в 2 раза чаще бронируют номера.

Мы давно занимаемся разработкой мобильных приложений и следим за развитием трендов и технологий. Своим клиентам мы всегда советуем отталкиваться от их собственных целей и бизнес-задач. Для некоторых продуктов мобильные приложения должны быть нативными или кроссплатформенными — им нужна высокая производительность, доступ к основным системным ресурсам и т.д. Однако есть и проекты, которым достаточно и PWA: их не нужно регистрировать в сторах Google Play и App Store, для них открыт прямой выход на десктоп.

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