Перейти к содержимому
akitoo
Технические статьи

Веб-приложение, мобильное приложение или PWA: что и когда выбрать?

Одну и ту же потребность можно закрыть и веб-приложением, работающим в браузере, и мобильным приложением, которое скачивают из магазина. Сильные и слабые стороны трёх подходов и критерии выбора.

Alp2 мин чтения

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

Три подхода вкратце

  • Веб-приложение: Работает в браузере и не требует установки. Пользоваться им может каждый, кто перешёл по ссылке.
  • Мобильное приложение: Скачивается из App Store или Google Play, устанавливается на устройство и напрямую обращается к его функциям.
  • PWA (Progressive Web App): Веб-приложение, которое работает в браузере, но может быть добавлено на главный экран, в определённой мере работать офлайн и отправлять уведомления.

Сравнение

КритерийВеб-приложениеPWAМобильное приложение
ДоступПо ссылке, мгновенноПо ссылке; можно добавить на главный экранСкачивается из магазина
ОбновлениеВыполняется на сервере, все видят одну и ту же версиюВыполняется на сервереПроходит проверку в магазине, обновляет пользователь
Работа офлайнОграниченнаяВозможна за счёт кешаПолная поддержка
УведомленияЕсли разрешит браузерПоддерживаются; на iOS приложение должно быть добавлено на главный экранПолная поддержка
Функции устройстваБазовые функции, такие как камера и геолокацияТе же, что у веб-приложенияВсё аппаратное обеспечение и фоновые процессы
Находимость в поисковых системахДаДаНет; поиск в магазине
Разработка и сопровождениеЕдиная кодовая базаЕдиная кодовая базаОтдельно для каждой платформы или кроссплатформенно

Когда достаточно веб-приложения?

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

Какой пробел закрывает PWA?

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

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

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

  • Продуктом пользуются ежедневно и часто.
  • Уведомления находятся в центре пользовательского опыта.
  • Нужны аппаратные функции, такие как Bluetooth, NFC, отслеживание геолокации в фоне.
  • Обязательны длительная работа офлайн и последующая синхронизация.
  • Пользователи ищут продукт в магазине приложений.

Двигаться поэтапно — тоже вариант

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

Правильный вопрос — не «что современнее?», а «где, как часто и в каких условиях мой пользователь будет работать с этим продуктом?».

В зависимости от вашей задачи ознакомьтесь с нашим подходом на страницах разработки веб-приложений или разработки мобильных приложений.

Далее

Материалы по теме

Технические статьи

Что такое API-интеграция? Методы и на что обратить внимание

Как системы общаются друг с другом? Запрос в реальном времени, вебхук, пакетная передача и очередь сообщений — и вопросы, которые нужно продумать заранее, чтобы интеграция была надёжной.

Технические статьи

Мультитенантная архитектура в SaaS: три подхода и критерии выбора

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

Технические статьи

Когда разработка мобильного приложения на Flutter — правильный выбор?

Flutter позволяет разрабатывать приложения для iOS и Android на единой кодовой базе. Но подходит ли он для каждого проекта? Ситуации, в которых он силён, и ситуации, требующие внимания.

Контакты

У вас есть идея?Давайте воплотим её вместе.

Обсудим ваш проект
Обсудим ваш проект