Прогрессивные веб-приложения (PWA): сравнение с другими подходами к мобильной разработке

Сегодня на повестке дня у нас работа с приложениями, а точнее с веб-приложениями и разбор разных методов их создания. И начнем мы с минутки терминологии.

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

Можно залезть в статистику и посмотреть, что более 66% пользователей скачивают приложение реже, чем 1 раз в месяц. Согласно данным, у пользователя есть свой условный ТОП-5 приложений: мессенджер, пара социальных сетей (Инста, ФБ) видеохостинг (ютуб) и еще один-два ресурса.

PWA приложения представляют собой что-то среднее между классическими приложениями и браузерными приложениями. Кто-то называет их «проапаной» версией сайта, которая размещается на устройстве пользователя. При этом, такие приложения не требуют отдельной разработки под Android или iOS.

Вопрос «что лучше» всегда стоял очень остро. До того как прогрессивные приложения стали популярны, существовали только: веб-приложения и платформно-зависимые.

Разница между ними была ощутимой. Нативные приложения всегда были популярны благодаря своей вариативности и функциональности. Они были перед глазами пользователя (на главном экране, панелях, в отдельных папках) и могли работать без подключения к сети. Они также легко читают/записывают файлы и данные, а также могут взаимодействовать с данными, которые уже были записаны на устройство пользователя. Нативные приложения не ощущались, как отдельный компонент, скорее наоборот, это была неотъемлемая часть девайса.

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

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

А теперь разберем каждый из главных факторов в контексте прогрессивного приложения по отдельности.

Функциональность

Аспект, который волнует большинство пользователей. PWA имеют большой пул функциональности и опций:

• они могут представлять собой отдельные гиперлокальные приложения;
• позволяют взаимодействовать с файловыми системами;
• имеют свои иконки и системы управления;
• обладают полноценной системой поддержки буфера обмена.

С развитием API, Web Assembly приложения становятся только лучше, что важно для развития отрасли и улучшения пользовательского опыта.

Легкость установки

Вот приложение установлено. И что дальше? Они открываются при запуске не из окна браузера, а в своем отдельном окне. Их можно запустить не только с главного экрана. Пользователь сам может сформировать папки, разделы, группы или перенести место расположения в своем смартфоне для комфорта. Откуда можно запустить приложения прогрессивного типа:

• главный экран;
• панель задач;
• папки на устройстве;
• буфер пользователя;
• документ.

Но, их можно и свернуть, а потом развернуть, как классическое нативное приложение. Это удобно, ведь пользователь начинает воспринимать его, как часть своего смартфона (вспоминаем про нативные приложения и их основные плюсы).

Когда PWA трансформируется из вкладки браузера в отдельное окно, пользователь начинает смотреть на него по-новому, использовать его функционал в расширенном формате:

• применяет сочетания клавиш;
• использует их для получения контента и медиа из других приложений, и сервисов;
• выбирает как приложение по умолчанию для работы с конкретным типом данных.

Надежность

Прогрессивные приложения способны быстро и надежно работать без подключения к сети. Например, если скорость загрузки страницы увеличится с 1 до 10 секунд, то вероятность того, что пользователь ее закроет, возрастает на 120%.

Подключение должно быть быстрым, а клиент должен иметь доступ к последним файлам и контенту: от видео до авиабилетов. Предсказуемость поведения приложений, высокая скорость отклика и работы повышает лояльность пользователей.

С разработкой для iOS и Андроид уже разобрались. Переходим к установке. С мобильного устройства такое приложение очень легко добавить на главный экран гаджета. Грубо говоря, такой сайт очень похож на классическое нативное приложения для гаджетов.

Функционал у них аналогичен обычному приложению:

• доступ к ресурсу;
• активация уведомлений;
• подключение и рассылка push-уведомлений;
• они могут сохранять данные локально;
• формируются в виде иконки на рабочем столе пользователя.

Приложения такого типа размещены, как и сайты на доменах с типом шифрования https. Это дает возможность избежать повторяющихся приложений, что гарантирует их индивидуальность. Ведь не бывает двух доменов, которые абсолютно идентичны, верно?

Хорошо, удобство и комфорт пользователя – важные вещи. Но, что еще могут такие прогрессивные веб-приложения? Какой еще профит они приносят разработчикам и владельцам? PWA решает следующий пул задач:

• он хорошо справляется со стимуляцией повторных продаж;
• увеличивает показатели возврата клиентов (клиент нажимает на иконку и возвращается на сайт);
• увеличивает узнаваемость и популярность бренда;
• push-уведомления увеличивают продажи и средний чек;
• поддержка и контакт с клиентом при помощи пуш-уведомлений;
• экономия финансов на рекламе;
• отстройка от конкурентов.

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

Интернет магазины

Удобно и результативно. Клиенты не будут искать товар у конкурентов, ведь ваш магазин у них на экране. Есть опция мотивации и стимулирования клиентов, когда они закинули товар в корзину, но не купили. Можете отправлять им уведомления и напоминания «в корзине есть товар» и так далее. Хороший вариант для рассылки с уведомлениями о появлении в наличии товаров из «избранного» клиента, а также о скидках, акциях, предложениях.

Онлайн медиа и СМИ

Дает возможность повысить частоту посещения вашего ресурса и уровень вовлеченности читателей. Ваши пользователи смогут узнавать про свежие новости (по региону, теме или индивидуальной подписке), а также обновления на сайте. Дополнительный бонус — возможность монетизации для вас.

Практика мировых компаний показывает, что показатели их продуктов увеличивались. Например, Твиттер, после релиза веб-приложения, привел следующую статистику:

• число просматриваемых страниц за сеанс +65%;
• число просматриваемых твитов за сеанс +75%;
• число отказов -20%;
• размер приложения стал меньше на 97%.

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