PWA или мобильное приложение: что выбрать бизнесу

«Нам нужно приложение или хватит сайта?» — этот вопрос мы слышим в начале почти каждого проекта. Между ними есть третий вариант, поэтому выбор PWA или мобильное приложение на деле — это выбор между сайтом, сайтом, который ведёт себя как приложение, и настоящим приложением. Короткий ответ: если клиент обращается к вам редко и находит вас через поиск, достаточно PWA или хорошего мобильного сайта. Если он возвращается каждый день или каждую неделю, а вам важны push-уведомления, геолокация и присутствие в магазинах, мобильное приложение окупается.

Ниже разбираем, что такое PWA, какие у него ограничения на iPhone и как выбрать между веб-приложением и мобильным приложением на практике.

PWA-приложение: что это такое

PWA (Progressive Web App, прогрессивное веб-приложение) — это обычный сайт с несколькими дополнительными возможностями:

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

То есть PWA — мост между сайтом и приложением. Для него не нужен отдельный код под iOS и Android: хватает одного веб-кода.

Плюсы PWA

• Один код. Один продукт для компьютера, Android и iPhone.
• Не нужно устанавливать. Пользователь открывает ссылку и сразу работает. Нет шагов «найти в магазине, скачать, зарегистрироваться».
• Индексируется поиском. Страницы PWA видны в Google, экраны внутри приложения — нет.
• Быстрые обновления. Исправили ошибку — все пользователи сразу получают новую версию, без ожидания проверки Apple или Google.
• Дешевле старт. Нет расходов на два отдельных приложения и публикацию в магазинах.

PWA-приложение на iOS: ограничения

Больше всего вопросов именно про iPhone. На Android Chrome сам предлагает установить PWA, а push-уведомления работают даже у обычного сайта. На iOS всё иначе:

• Установка только вручную. Автоматического окна «Установить» нет. Пользователь должен открыть меню «Поделиться» и выбрать «На экран Домой». Многие об этом не знают, поэтому на сайте стоит показывать короткую подсказку.
• Push-уведомления — только с iOS 16.4. И только у веб-приложения, добавленного на главный экран. Сайт, открытый в Safari, push запросить не может. Разрешение запрашивается только после нажатия пользователем на кнопку.
• Ограниченная фоновая работа. Например, для постоянной передачи геолокации курьера в фоне PWA не подходит.
• Возможности устройства. Камера и геолокация работают, но часть API, например Bluetooth и NFC, в Safari для веба недоступна.

Когда нужно мобильное приложение

Мобильное приложение собирается отдельно под iOS и Android и распространяется через App Store и Google Play. Оно дороже, но ряд задач хорошо решает только оно:

• Регулярное использование. Доставка, такси, банк, программа лояльности — сервисы, куда клиент возвращается каждую неделю.
• Надёжные push-уведомления на обеих платформах.
• Глубокая работа с устройством: геолокация в фоне, Bluetooth, сложная работа с камерой, запись аудио.
• Присутствие в магазинах. Часть клиентов ищет сервис в App Store или Google Play, и наличие приложения повышает доверие.
• Полноценный офлайн. Приложения, которые должны работать без интернета.

На какой технологии писать, читайте в статье Flutter или React Native.

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

Примеры: где достаточно веба

Не каждой идее нужно приложение. Например, Abilet — онлайн-продажа билетов на междугородние автобусы: поиск рейса, выбор места и оплата картами Humo и Uzcard работают на сайте. Билет — обычно разовая покупка, клиент находит сервис через поиск, поэтому сайт здесь естественный выбор.

В проекте Real Estate объявления о недвижимости собираются из Telegram-каналов и превращаются в поиск с фильтрами и картой. Такая поисковая система тоже удобно работает в браузере.

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

Третий путь в Узбекистане: Telegram

Для многих наших клиентов Telegram — самое открываемое приложение в телефоне. Поэтому иногда лучший ответ на вопрос «сайт или приложение» — Telegram-бот или Mini App. Его не нужно устанавливать, уведомления через бота доходят на любые телефоны, а оплату он тоже умеет принимать. Подробнее — в статье что такое Telegram Mini App.

Как принять решение

Ответьте на несколько вопросов:

1. Как часто клиент возвращается? Раз в месяц и реже — сайт или PWA. Каждую неделю — приложение или бот.
2. Откуда вас находят? Если из поиска Google, сайт нужен обязательно.
3. Важен ли push на iPhone? Если да — приложение или Telegram.
4. Какие возможности устройства нужны? Фоновый GPS или Bluetooth — только приложение.
5. Какой бюджет и срок? Если ограничены, начните с PWA и перейдите к приложению позже.

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

Что предлагает SyncLab

Мы делаем оба варианта. Создание сайта обычно дешевле и быстрее, разработка мобильного приложения — проект крупнее. Стоимость PWA зависит от функций. После короткого брифа присылаем письменное предложение с объёмом работ, сроками и фиксированной стоимостью. Если нужно приложение, поможем и с публикацией в App Store и Google Play. Что влияет на цену приложения, разобрали в статье сколько стоит мобильное приложение.

Частые вопросы