PWA: сокращаем бюджет на разработку и обходим санкции
На сегодняшний день очень многие бизнесы столкнулись с рядом проблем из-за различных блокировок и санкций. Одна из проблем - невозможность опубликовать мобильное приложение в AppStore и GooglePlay.
В этом материале мы расскажем как с помощью Progressive Web Application (PWA) все-таки доставить пользователям свой продукт.
Этот материал будет полезен, если:
- ваше мобильное приложение не работает (в т.ч. удалено из маркетплейсов)
- вы хотите разработать веб-сервис с возможностью работы с мобильного устройства
- вы разрабатываете MVP и хотите протестировать функции перед разработкой мобильной версии продукта
Что такое PWA
Progressive Web Application (PWA) - это технология в веб-разработке, которая добавляет к обычному сайту возможности мобильного приложения. Позволяет пользователю воспринимать ваш сайт как приложение: устанавливать его себе на ПК или в телефон. Но установка произойдет не из маркетплейсов (AppStore и GooglePlay), а с главной страницы вашего сайта.
При этом PWA отображается в поисковых системах как сайт. В целом можно сказать, что PWA - это нечто среднее между мобильной версией сайта и мобильным приложением.
При помощи PWA пользователь может взаимодействовать с бизнесом, как если бы использовал мобильное приложение:
- просматривать каталоги товаров/услуг
- размещать заказы
- записываться на услуги / вести график записи
- получать консультации от службы поддержки
- получать push-уведомления и многое другое
В каких сферах можно использовать PWA
PWA может использоваться в тех же сферах, где и мобильные приложения: всё зависит от задач бизнеса.
С точки зрения отраслей и типов проектов - PWA используют при создании сайтов электронной коммерции, финансовых компаний и сервисов, СМИ, корпоративных порталов, образовательных платформ, да практически чего угодно.
С точки зрения экономики проекта – технология хорошо подходит для стартапов или компаний, где PWA используется как MVP перед мобильной версией.
В текущей ситуации особняком стоит использование PWA компаниями, попавшими под санкции, приложения которых были удалены из маркетплейсов. Например, для многих российских банков и финансовых компаний PWA сейчас реальная возможность продолжать оказывать клиентам сервис на мобильных устройствах.
Кто разрабатывает PWA
Разработкой PWA занимаются web-разработчики. Большую часть разработки на себя берет frontend, поскольку при разработке используется стек: HTML, CSS, JavaScript, Vue, React.
Как работает PWA
Давайте теперь подробнее остановимся на том, как работает Progressive Web Application.
С точки зрения пользователя процесс происходит так:
- Пользователь заходит на сайт
- Ему предлагают установить приложение на главный экран
- Пользователь устанавливает приложение (без входа в маркетплейс)
- Приложением можно пользоваться
С точки зрения технической составляющей PWA - это режим вашего сайта, благодаря которому кэшируются данные, обеспечивая тем самым оффлайн доступ к ним, то есть пользователь может использовать PWA и без подключения к интернету.
Но из-за ограниченности функционала не стоит считать, что PWA - это полноценная альтернатива мобильному приложению. Рассмотрим основные плюсы и минусы PWA.
Плюсы использования PWA
Самым явным на сегодняшний день плюсом для бизнеса является то, что PWA-приложения не нужно загружать в маркетплейсы, но есть и ряд других преимуществ:
- Работа оффлайн без подключения к интернету Пользователю не нужно быть онлайн, все действия он может совершать без подключения к сети. Изменившиеся или вновь созданные данные попадут в систему тогда, когда интернет-соединение будет стабильным.
- Скорость разработки PWA приложение разрабатывается вместе с frontend, таким образом дополнительные затраты минимальны. Нередко PWA используют в MVP проектах, где к разработке приложения еще не подобрались, а исследовать поведение пользователей нужно.
- Отсутствие постоянных обновлений В отличие от мобильного приложения PWA не нужно обновлять через маркетплейсы, при подключении к интернету оно самостоятельно обновится до нужной версии без участия пользователя.
- Занимают небольшой объем памяти
Прогрессивные приложения не занимают много места в устройстве пользователя. - Адаптивность к любой архитектуре
Совершенно без разницы, монолитная или микросервисная у вас архитектура на проекте. - Кроссплатформенность
Пользователь может использовать PWA как в мобильной версии, так и на десктопе.
Минусы PWA
Как и любого подхода у PWA есть и ряд минусов:
- Ограниченность функционала
- При выборе PWA стоит учитывать, что это альтернатива, но не 100% замена мобильного приложения.
Например, в отличии от мобильного приложения в PWA нет:
- возможности работать с аппаратными функциями (например, биометрией, сложно работать с камерой, на iPhone недоступен haptic touch и так далее)
- сложнее обеспечить защищенность данных
- очень ограниченные возможности по подстройке внешнего вида под ОС, приложение может выглядеть чужеродно
-
зависимость от версии браузера
- PWA хорошо работает с последними версиями браузера, если же у пользователя очень старая версия - могут возникнуть сложности с некоторыми функциями
-
Высокий расход батареи
- поскольку PWA использует JavaScript, а не нативный стек мобильной разработки - Swift и Kotlin - батарея на мобильном устройстве пользователя расходуется быстрее
-
Отсутствие в маркетплейсах
- пользователь привык, что любое приложение должно быть в GooglePlay или AppStore. Загрузка с вашего сайта может показаться ему не совсем безопасной и в таком случае потребует дополнительных усилий по снятию возражений
Как PWA поможет сократить бюджет на разработку
Мобильная разработка – это всегда дорогостоящее мероприятие. И не всегда для закрытия задач бизнеса требуется именно мобильное приложение. При разработке PWA вы сможете существенно сократить бюджет на разработку и получить часть функций в короткие сроки.
За счет чего разработка PWA дешевле (в отличие от мобильной разработки):
-
Сроки разработки
- Как писали выше, разработка PWA является частью frontend-разработки, а кастомизированное мобильное приложение - самостоятельной веткой со своим параллельным объемом работ.
-
Стек и количество разработчиков на проект
- Основа - это JavaScript, который очень хорошо распространен. Кроме того, для мобильной разработки потребуется гораздо большее количество разработчиков , чем для PWA.
В нашей практике были примеры, когда функционал PWA полностью закрывал задачи бизнеса.
Например, при разработке корпоративного портала по учету рабочего времени сотрудников, находящихся на вахте в отдаленных территориях. Бюджета на отдельные мобильные приложения было недостаточно, а функционал отлично вписался и работал в PWA.
Второй пример - это банковская сфера, которая сейчас подвержена санкциям и большинство банков удалены из маркетплейсов. Многие банки уже используют PWA как платформу для дальнейшей работы и коммуникации с пользователями.
В некоторых случаях PWA становится альтернативой мобильной разработки при разработке MVP проекта, когда нужно протестировать функции и поведение пользователей.
Во всех трех случаях разработка PWA помогает сократить затраты на разработку в разы.
Заключение
Выбор разрабатывать ли PWA или полновесное мобильное приложение, должен быть основан прежде всего на задачах бизнеса. В этом материале мы постарались отразить все основные плюсы и минусы Progressive Web Application, их очевидные преимущества в скорости разработки и относительной низкой стоимости (в сравнении с мобильной разработкой).
Как показывает наша практика, принимать решение о том, подойдет ли PWA вашему бизнесу, лучше в тандеме продакт-менеджера и руководителя команды разработки. Они взвесят все “за” и “против”, учтут бюджет, возможности команды, среднесрочные и долгосрочные планы развития продукта. Но то, что в период санкций и ограничений PWA, очевидно, одна из хороших альтернатив мобильному приложению – это факт.
