VÝVOJ SOFTVÉRU / FY INSIGHTS

Mobilná alebo webová aplikácia? Ako vybrať správne riešenie pre firmu

Mobilná aplikácia, webová platforma alebo PWA? Porovnávame možnosti, náklady, notifikácie, offline fungovanie a praktické situácie, v ktorých jednotlivé riešenia dávajú zmysel.

Filip JurčoZakladateľ FYstart s.r.o.
9 MIN ČÍTANIA
Ukážka rozhrania AutoFile, digitálneho systému z portfólia FYstartFYSTART / DIGITAL PRODUCTS
INSIGHTS FROM PRACTICESCROLL TO READ ↓
STRUČNÁ ODPOVEĎ

Webová aplikácia je často vhodnou voľbou pre firemné systémy, zákaznícke portály a produkty, ku ktorým sa používatelia potrebujú dostať jednoducho cez prehliadač. Mobilná aplikácia dáva väčší zmysel pri pravidelnom používaní v telefóne, náročnejšej integrácii so zariadením alebo pri potrebe distribúcie cez App Store a Google Play. Medzistupňom môže byť PWA. Správny výber závisí od používateľov a funkcií, nie od toho, ktorá technológia je populárnejšia.

Predstavte si, že chcete vytvoriť vlastnú aplikáciu. Máte predstavu o funkciách, možno aj prvé návrhy obrazoviek. Potom príde otázka: bude lepšie vytvoriť aplikáciu, ktorú si zákazník stiahne do telefónu, alebo systém, ktorý otvorí cez webový prehliadač? Odpoveď môže ovplyvniť rozpočet, rýchlosť vývoja aj to, ako často budú ľudia váš produkt používať. A nie vždy je tou lepšou možnosťou mobilná aplikácia.

Mobilná a webová aplikácia: aký je medzi nimi rozdiel?

Mobilná aplikácia je softvér určený pre operačný systém telefónu, najčastejšie iOS alebo Android. Používateľ si ju spravidla nainštaluje cez obchod s aplikáciami. Môže byť vytvorená natívne pre jednu platformu alebo pomocou technológií, ktoré umožňujú zdieľať kód medzi viacerými platformami.

Webová aplikácia funguje cez internetový prehliadač. Na rozdiel od bežnej prezentačnej stránky dokáže spracúvať údaje, pracovať s používateľskými účtami, zobrazovať personalizovaný obsah alebo riadiť firemné procesy. Moderná webová aplikácia sa dá pohodlne používať aj na mobile.

Samostatnou možnosťou je progresívna webová aplikácia, označovaná ako PWA. Využíva webové technológie, no podľa platformy a implementácie môže ponúknuť inštaláciu na domovskú obrazovku, offline funkcie alebo notifikácie.

Prehľadné porovnanie: webová aplikácia, mobilná aplikácia a PWA

Pri výbere pomáha porovnávať konkrétne požiadavky. Nasledujúca tabuľka zhrňuje typické rozdiely. Ide o orientačné porovnanie, nie o absolútne technické pravidlá.

Porovnanie typov aplikácií podľa ich využitia
Typ aplikácieKedy je vhodnáNa čo myslieť
Webová aplikáciaFiremné systémy, SaaS, administráciu, zákaznícke portály a služby dostupné cez odkaz.Funkcie závislé od konkrétneho zariadenia a offline režim môžu vyžadovať ďalšie riešenia.
Mobilná aplikáciaPravidelné používanie v telefóne, distribúciu cez obchody s aplikáciami a hlbšiu integráciu so zariadením.Distribúcia, testovanie na platformách, aktualizácie a požiadavky obchodov s aplikáciami.
PWAProdukty, ktoré majú zostať dostupné cez web, ale zároveň ponúknuť vybrané funkcie podobné aplikácii.Rozdielnu podporu funkcií v prehliadačoch a operačných systémoch; inštalácia nemusí fungovať rovnako všade.

Dôležité je, že rovnaký produkt môže mať aj webovú aj mobilnú časť. Zákazník používa mobilnú aplikáciu, zatiaľ čo administrátor pracuje cez webové rozhranie. Takáto kombinácia je v mnohých prípadoch prirodzenejšia než snaha dostať všetky funkcie do jedného prostredia.

Kedy je lepšou voľbou webová aplikácia?

Predstavte si firmu, ktorá potrebuje spravovať zákazky, dokumenty, cenové ponuky alebo skladové pohyby. Zamestnanci pracujú najmä na počítačoch, potrebujú tabuľky, filtrovanie, vyhľadávanie a väčšie množstvo údajov.

V takomto prípade môže byť webová aplikácia praktickejšia. Zamestnanec otvorí adresu systému, prihlási sa a pokračuje v práci. Nie je potrebné vytvárať samostatné mobilné rozhranie, pokiaľ ho pracovné procesy nevyžadujú.

  • Interné firemné informačné systémy, kde sa pracuje s veľkým množstvom údajov.
  • SaaS platformy, ktoré majú byť dostupné z rôznych typov zariadení.
  • Administrátorské rozhrania na správu produktov, objednávok, klientov a dokumentov.
  • Zákaznícke portály, do ktorých používateľ vstupuje len občas.
  • Nové projekty, pri ktorých chcete najskôr overiť záujem a základné používanie produktu.

Webové riešenie môže zároveň jednoduchšie sprístupniť funkcie novému zákazníkovi. Často stačí poslať odkaz. To je užitočné najmä pri produktoch, ktoré ľudia používajú príležitostne a nemajú dôvod inštalovať ďalšiu aplikáciu.

Kedy má zmysel investovať do mobilnej aplikácie?

Mobilná aplikácia sa oplatí zvažovať najmä vtedy, keď má telefón dôležité miesto v samotnom používaní produktu. Nie iba preto, že majiteľ firmy chce mať svoje logo v App Store.

  • Používateľ s produktom pracuje pravidelne, často niekoľkokrát za týždeň alebo denne.
  • Dôležité sú rýchle a pohodlné interakcie priamo v telefóne.
  • Produkt potrebuje špecifické funkcie zariadenia alebo ich spoľahlivé fungovanie na vybraných platformách.
  • Mobilná aplikácia je dôležitým distribučným kanálom a používatelia ju očakávajú v App Store alebo Google Play.
  • Používateľská skúsenosť má byť výrazne prispôsobená konkrétnemu mobilnému operačnému systému.

Dobrým príkladom je služba, cez ktorú používateľ pravidelne komunikuje, prijíma nové dopyty, sleduje aktualizácie alebo vykonáva opakované úkony. Ak sa k nej vracia každý deň, pohodlie mobilnej aplikácie môže mať významnú hodnotu.

Netreba však predpokladať, že všetky funkcie mobilnej aplikácie budú fungovať bez internetu. Offline režim je samostatná technická požiadavka a musí byť navrhnutý a otestovaný.

Čo je PWA a môže nahradiť klasickú mobilnú aplikáciu?

PWA, teda Progressive Web App, je webová aplikácia rozšírená o funkcie, ktoré ju dokážu priblížiť klasickej aplikácii. Za určitých podmienok si ju používateľ môže pridať na domovskú obrazovku a spúšťať bez bežného rozhrania prehliadača.

Častým argumentom proti PWA bývajú notifikácie. To však už nie je také jednoduché. Apple podporuje webové push notifikácie pre webové aplikácie pridané na domovskú obrazovku od iOS 16.4. Podpora je viazaná na konkrétne podmienky a súhlas používateľa.

Ani offline používanie nie je výhradne vlastnosťou natívnych aplikácií. PWA môže ukladať vybrané dáta a súbory na používanie bez pripojenia. Rozsah toho, čo bude offline naozaj fungovať, závisí od architektúry aplikácie.

  • PWA sa môže hodiť pri zákazníckom portáli, katalógu alebo jednoduchšom rezervačnom systéme.
  • Používateľ môže mať rýchly prístup cez URL bez tradičného procesu inštalácie.
  • Dostupnosť niektorých funkcií zariadenia je potrebné preveriť pre konkrétne prehliadače a platformy.
  • Ak je cieľom plnohodnotná distribúcia cez obchody s aplikáciami, treba osobitne posúdiť príslušné pravidlá a technické možnosti.

React Native, Flutter alebo natívny vývoj?

Keď sa firma rozhodne pre mobilnú aplikáciu, prichádza ďalšia otázka: treba vyvíjať samostatne pre iOS a Android, alebo použiť jeden technologický základ pre obe platformy?

React Native a Flutter patria medzi známe možnosti cross-platform vývoja. Umožňujú zdieľať významnú časť aplikácie medzi platformami. To môže zjednodušiť vývoj aj následnú správu produktu, ale nevylučuje prácu špecifickú pre iOS alebo Android.

Natívny vývoj môže byť vhodný tam, kde projekt potrebuje špecifické možnosti platformy, pokročilé integrácie so zariadením alebo veľmi presné ovládanie správania aplikácie.

Dva projekty, dve odlišné potreby

Predstavme si dve situácie. V prvej chce firma prevádzkovať interný systém na evidenciu zákaziek. Zamestnanec doň zapisuje informácie, generuje dokumenty, filtruje údaje a pripravuje cenové ponuky. V druhej situácii vzniká zákaznícka služba, ku ktorej sa používateľ opakovane vracia cez telefón.

V prvom prípade môže dávať zmysel začať webovou aplikáciou. V druhom môže byť hlavnou súčasťou produktu mobilná aplikácia. Ani jeden prístup nie je všeobecne lepší. Každý rieši inú situáciu.

Vo FYstart sa stretávame s oboma typmi zadaní. AutoFile ukazuje potrebu systematickej práce s firemnými údajmi. Fermeria zase potrebu premyslenej mobilnej používateľskej skúsenosti a komunikácie.

Zaujímavé je, že projekty sa môžu postupne priblížiť. Interný systém môže neskôr dostať mobilné rozhranie pre zamestnancov v teréne. A mobilná aplikácia môže potrebovať rozsiahlu webovú administráciu, cez ktorú firma spravuje obsah a používateľov.

Ako si vybrať správny typ aplikácie?

Ak ešte nemáte istotu, či potrebujete mobilnú alebo webovú aplikáciu, skúste si pred prvou konzultáciou odpovedať na niekoľko otázok. Ušetria čas a pomôžu presnejšie určiť rozsah projektu.

  • Kto bude aplikáciu používať – zamestnanci, administrátori, partneri alebo koncoví zákazníci?
  • Ako často sa používateľ do aplikácie vráti – každý deň alebo len občas?
  • Na akom zariadení bude vykonávať najdôležitejšie úkony?
  • Potrebuje produkt funkcie telefónu, offline prácu alebo konkrétny typ notifikácií?
  • Musí byť dostupný v App Store a Google Play, alebo stačí prístup cez web?
  • Má firma existujúci systém alebo API, na ktoré sa bude nový produkt napájať?
  • Čo musí vedieť prvá verzia a čo môže prísť až neskôr?

Ak sa hlavná práca odohráva na počítači a používateľ potrebuje rýchly prístup k údajom, začal by som posúdením webovej aplikácie. Ak je produkt určený predovšetkým na pravidelné používanie v telefóne, má zmysel preveriť mobilný vývoj. Ak sú požiadavky niekde medzi, do výberu by som zahrnul PWA.

A pokiaľ ešte neviete, ktoré funkcie budú zákazníci skutočne používať, najlepším ďalším krokom nemusí byť programovanie. Niekedy je rozumnejšie začať prototypom alebo menším MVP a až na základe spätnej väzby rozhodnúť o ďalšej platforme.

Často kladené otázky

Je webová aplikácia lacnejšia ako mobilná?

Často môže mať nižší počiatočný rozsah, najmä ak nepotrebuje samostatnú distribúciu cez mobilné obchody. Komplexná webová aplikácia však môže byť drahšia než jednoduchá mobilná aplikácia. Rozhodujú funkcionality, backend a integrácie.

Môže webová aplikácia fungovať aj na mobile?

Áno. Responzívnu webovú aplikáciu možno používať na telefóne cez prehliadač. PWA navyše môže ponúknuť inštaláciu na domovskú obrazovku a vybrané funkcie podobné aplikáciám.

Podporujú PWA aplikácie push notifikácie na iPhone?

Áno, za určitých podmienok. Apple podporuje Web Push pre webové aplikácie pridané na domovskú obrazovku od iOS 16.4. Vyžaduje sa správna implementácia a povolenie notifikácií používateľom.

Dá sa webová aplikácia neskôr rozšíriť o mobilnú?

Áno. Ak je systém vhodne navrhnutý a poskytuje API, mobilná aplikácia môže používať rovnakú serverovú časť a údaje. Používateľské rozhranie a niektoré funkcie však bude potrebné navrhnúť samostatne.

Je React Native alebo Flutter to isté ako webová aplikácia?

Nie. React Native a Flutter sú technológie, ktoré umožňujú vytvárať mobilné aplikácie pre viac platforiem. Webová aplikácia funguje cez prehliadač. Flutter môže cieliť aj na web, ale spôsob distribúcie a fungovania závisí od konkrétneho projektu.

Čo je vhodnejšie pre startup v prvej fáze?

Závisí od produktu. Pri mnohých startupoch je dôležitejšie rýchlo overiť hlavný používateľský problém než okamžite vytvoriť rozsiahlu aplikáciu. Niekedy stačí webové MVP, inokedy je mobilná skúsenosť základnou hodnotou celého produktu.

Použité zdroje

Informácie v článku vychádzajú z uvedených zdrojov a skúseností digitálneho štúdia FYstart.

    AUTOR ČLÁNKU

    Filip Jurčo

    Zakladateľ FYstart s.r.o. Venuje sa digitálnym produktom, vývoju softvéru a spolupráci s firmami pri návrhu riešení na mieru.

    Viac o autorovi ↗
    OD NÁPADU K REALIZÁCII

    Máte nápad?
    Poďme ho premeniť na produkt.

    Nemusíte mať pripravené technické zadanie. Stačí nám predstaviť, čo chcete vytvoriť a aký problém má aplikácia riešiť.

    Nemusíte mať pripravené technické zadanie. Stačí nám predstaviť, čo chcete vytvoriť a aký problém má aplikácia riešiť.

    Nezáväzná konzultácia ↗← Späť na blog