PWA замість застосунку: коли малому бізнесу не потрібен нативний застосунок

Власник служби доставки їжі прийшов із конкретним запитом: «Треба застосунок, як у великих. Щоб іконка на екрані, щоб пуші про акції, щоб зручно замовляти». Він уже прицінився до розробки під iPhone і Android окремо, побачив суму з кількома нулями й строк у кілька місяців — і засумнівався, чи потягне це взагалі. А потягнути й не треба було: усе, що він перелічив, закриває PWA — за частку тих грошей і без двох окремих розробок.

PWA — прогресивний вебзастосунок — це слово, яке лякає складністю, а за ним ховається проста ідея. Розберемо простими словами, що це, що воно вміє, і головне — коли його вистачає малому бізнесу, а коли таки потрібен «справжній» застосунок.

Що таке PWA простими словами

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

Конкретно людина отримує:

• Іконку на головному екрані. Сайт можна встановити поруч зі звичайними застосунками — і запускати одним дотиком, а не набирати адресу.
• Повноекранний режим. Відкривається без адресного рядка й кнопок браузера, як окрема програма.
• Часткову роботу офлайн. Раніше відкриті сторінки доступні навіть без інтернету.
• Пуш-сповіщення. Ті самі повідомлення на екран, що й у нативних застосунків.

Найважливіше: усе це не окрема програма, яку треба десь узяти. Це ваш сайт. Для відвідувача, який просто зайшов почитати, нічого не змінюється — надбудова вмикається тільки тоді, коли людина сама вирішить «встановити на екран». Різницю між сайтом і застосунком як таку ми розбирали в матеріалі про мобільний застосунок для бізнесу.

Встановлення без магазину — головна перевага

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

PWA прибирає цей шлях. Відвідувач уже на вашому сайті — і бачить пропозицію «додати на головний екран». Пара дотиків — і іконка на місці. Не треба магазину, реєстрації, очікування.

Це змінює математику. Нативний застосунок треба «продати» ще до того, як людина ним скористалася: переконати завантажити щось невідоме. PWA пропонують уже зацікавленому — тому, хто зайшов, подивився й хоче повернутися. Барʼєр між «сподобалося» і «користуюся» майже зникає.

Окремий бонус — оновлення. Нативний застосунок треба оновлювати через магазин, і частина людей роками сидить на старих версіях. PWA оновлюється сам, разом із сайтом: усі завжди на актуальній версії, а ви не тримаєте кілька збірок.

Що PWA вміє: офлайн і пуші

Дві можливості найчастіше й змушують думати про «справжній» застосунок — і обидві є в PWA.

Офлайн-режим. PWA запамʼятовує вже завантажене й показує його без інтернету. Для більшості бізнесів цього достатньо: людина в метро чи в зоні поганого звʼязку може переглянути каталог, меню, раніше відкриті сторінки. Повноцінна робота з важкими даними офлайн — уже складніша історія, але базовий сценарій «щоб не було порожнього екрана без мережі» закривається легко.

Пуш-сповіщення. PWA вміє надсилати пуші — нагадати про акцію, статус замовлення, повернення товару в наявність. На Android це працює давно й повноцінно. На iPhone пуші в PWA зʼявилися пізніше й лише для застосунків, доданих на головний екран, — для більшості завдань цього вистачає, але якщо пуші під iPhone для вас критичні, це варто перевірити наперед.

Швидкість запуску теж на боці PWA: після встановлення він відкривається майже миттєво, бо частина завантажена наперед. Тут працюють ті самі принципи, що й для звичайного сайту — про них у матеріалі про те, як пришвидшити сайт.

Коли PWA вистачає, а коли ні

Проста межа: PWA закриває більшість завдань малого бізнесу, а нативний застосунок потрібен там, де ви впираєтесь у можливості браузера.

PWA вистачає, якщо вам треба:

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

Нативний застосунок доречний, якщо потрібні:

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

Для кавʼярні, магазину, салону, служби доставки, студії — тобто для переважної більшості — PWA закриває потребу дешевше й швидше. Нативна розробка під дві платформи окремо коштує в рази більше й вимагає постійної підтримки двох збірок.

Плюси й мінуси чесно

Щоб не було ілюзій, коротко про обидва боки.

Плюси PWA:

• одна розробка замість двох (iPhone і Android);
• у рази дешевше за нативний застосунок;
• встановлення без магазину, оновлення самі;
• це водночас ваш звичайний сайт із SEO й пошуковим трафіком.

Мінуси й обмеження:

• частина «глибоких» можливостей телефона недоступна;
• пуші під iPhone мають нюанси;
• людина рідше сприймає це як «повноцінний застосунок» психологічно;
• вас немає у списках магазину застосунків, якщо для вас важлива саме та вітрина.

Для магазину важливо ще й те, що PWA — це той самий сайт, тож він одночасно працює на продажі й на пошук. Як довести цей шлях до покупки, ми розбирали в матеріалі про конверсію інтернет-магазину, а мобільну зручність — у матеріалі про адаптивний дизайн і мобільну версію.

Коротко

PWA — це ваш сайт із надбудовою, яка робить його схожим на застосунок: іконка на екрані, повноекранний режим, часткова робота офлайн і пуш-сповіщення. Головна перевага — встановлення прямо з сайту, без магазину застосунків, реєстрації й важких завантажень, з автоматичними оновленнями.

Для переважної більшості малого бізнесу цього достатньо: каталог, замовлення, пуші й швидкий доступ закриваються однією розробкою під усі платформи, у рази дешевше за нативний застосунок. Нативний потрібен там, де ви впираєтесь у межі браузера — глибока робота з датчиками, складна графіка, важкий офлайн — або коли застосунок сам є продуктом.

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