Technology
9
 min read
September 17, 2020

Mobilná aplikácia vs. responzívny a mobilný web

Martin Macík
Business Manager

Je lepšia mobilná aplikácia, alebo web?

Index

Klienti sa nás občas pýtajú, prečo by si mali nechať vytvoriť mobilnú aplikáciu, keď už majú responzívny web alebo prečo by si mali dať vytvoriť aplikáciu, keď si môžu predsa urobiť mobilnú webstránku. Dôvodov je hneď niekoľko, a preto sme spísali porovnanie jednotlivých riešení, ktoré vám pomôžu pri rozhodovaní.

mobilna-aplikacia-vs-responzivna-webstrank

Čo je to responzívny dizajn?

Responzívny web design stránky zabezpečuje optimálne zobrazenie webových stránok na rôznych typoch zariadeniach (počítač, tablet, smartphone). Rozloženie prvkov na stránke sa mení v závislosti na veľkosti použitého displeja. Výhodou je existencia iba jednej verzie webových stránok. Administrátor alebo majiteľ webstránok robí všetky úpravy na jednom mieste a to bez ohľadu na cieľové zariadenie. Responzívny dizajn sa v skratke postará o to, aby sa vaša webstránka správne zobrazovala na každom zariadení.

ukazka-responzivneho-webu-boston-globe

Ukážka responzívneho webu

Výhody responzívneho webu

  • Menej náročná na prenos dát oproti klasickému webu, niekedy až 1/2 oproti klasickej webstránke.
  • Webstránka je optimalizovaná pre mobilné zariadenia z hľadiska používateľského rozhrania a použiteľnosti.
  • Nižšia obstarávacia cena ako mobilný web, responzívny web je len jeden web (jeden frontend).
  • Možnosť mať niekoľko úrovní responzívnosti, napríklad:
    1) desktop s veľkým displejom,
    2) notebook alebo tablet na šírku,
    3) tablet na výšku,
    4) veľký mobil alebo mobil na šírku,
    5) malý mobil.
    Takýto web je optimalizovaný pre rôzne veľkosti displejov a pre rôzne zariadenia, ktorým sa dokáže prispôsobiť.
  • Automaticky sa adaptuje aj na nové zariadenia, ktoré pri vývoji webu ešte ani neexistovali.
  • Vďaka jednej URL pre každú stránku je responzívny web SEO optimálny.

Nevýhody responzívneho webu

  • Väčší prenos dát ako pri mobilnej verzii webstránky. Responzívne stránky sa nenačítavajú tak rýchlo ako čisto mobilné verzie, ale stále rýchlejšie ako klasický web.
  • Zvyčajne nemá možnosť prepnúť sa do klasického zobrazenia.
  • Server zakaždým poskytuje vždy rovnaký obsah všetkým zariadeniam. Obsah, ktorý server používateľovi odosiela sa neprispôsobuje používateľovi s mobilným zariadením. Pokiaľ chcete napríklad pri e-shope na mobilných zariadeniach zobrazovať zjednodušené menu, server poskytne obidve vytvorené menu, ale prehliadač zobrazí len jedno z nich.

Čo je to mobilná webstránka?

V prípade mobilnej webstránky sa na mobilných zariadeniach zobrazuje iná - mobilná - verzia webstránky ako na notebookoch alebo na desktope. Samotný web na strane servera rozpozná, na akom zariadení sa budú stránky zobrazovať a podľa toho nechá zobraziť jednu alebo druhú verziu webu. Zvyčajne sa medzi verziami dá prepínať kliknutím na "zobraziť mobilnú verziu", alebo "zobraziť klasicky". Jedná sa o samostatne existujúcu verziu tých istých stránok.

ukazka-mobilneho-webu

Ukážka mobilnej webstránky

Výhody mobilnej webstránky

  • Pri mobilnej webstránke sa prenáša po internete podstatne menej dát ako pri klasickom webe a načítavanie je tým pádom oveľa rýchlejšie. Napríklad až 10x menej dát ako pri klasickej webstránke.
  • Je (mal by byť) lepšie optimalizovaný pre mobilné zariadenia z hľadiska používateľského rozhrania a použiteľnosti.
  • Môže poskytovať možnosť prepnutia do klasického zobrazenia.
  • Možnosť poskytovať odlišný obsah na mobile a v PC.
  • Poskytuje možnosť navrhnúť iba určitú časť webstránky ako mobilnú verziu. Znamená to, že môžete mať napr. iba úvod ako mobilnú verziu a zvyšok môže byť klasický web. Ušetríte tým financie, ale nie je to veľmi používateľsky prístupné.

Nevýhody mobilnej webstránky

  • Vyššia obstarávacia cena ako pri klasickej alebo responzívnej webstránke.
  • Musíte nechať vyrobiť vlastne dva weby. To znamená, že je potrebné navrhnúť, graficky spracovať a naprogramovať dve rozdielne používateľské rozhrania a na konkrétnom zariadení nechať zobraziť len jedno z nich.
  • Častá chybovosť rozoznávania zariadení. Napr. keď sa vám na tablete zobrazí mobilný web, nie je to najkrajší pocit.

Aplikácia ponúka niečo navyše a to nie len technicky

Technické výhody mobilných aplikácií oproti mobilnému a responzívnemu webu sú zrejmé, napríklad v podobe lokálnych alebo push notifikácií, ktoré udržia používateľa v kontakte s aplikáciou a vaším biznisom. Ich výhoda spočíva aj v spôsobe, akým používatelia aplikácie využívajú. Používateľ si mobilnú aplikáciu zapne kľudne aj niekoľkokrát za deň na pár sekúnd alebo minút a vykoná za krátky čas to najdôležitejšie. Takýto používateľ nepotrebuje všetky funkcie, ktoré máte na webe, pretože tie sa mu aj tak lepšie robia na počítači. Preto by mobilná aplikácia nemala byť klonom materského webu, ale mala by poskytovať obmedzenú sadu funkcií tak, aby čo najlepšie zodpovedala spôsobu používania mobilnej aplikácie.

Aplikácie môžu podporovať Váš biznis aj nepriamo

Niektoré firmy nám hovoria, že pre ich biznis sa mobilné aplikácie jednoducho nehodia. Vo veľkom počte prípadov to je pravda, ale je dobre si uvedomiť, že mobilné aplikácie nemusia slúžiť ako priama "podpora" vašej existujúce služby a brandu. Skvelý príklad je  obchod so stavebninami. Asi nikto nemôže očakávať, že by človek z fachu nakupoval stavebniny cez mobilnú aplikáciu. Avšak všetko sa môže zmeniť vo chvíli, keď si firma chce udržať existujúcich zákazníkov alebo prilákať nových a príde na trh s "kalkulačkou materiálu", ktorá dokáže rýchlo spočítať približnú cenu a množstvo materiálu pre konkrétnu stavebnú prácu. Takúto dobre urobenú aplikáciu môžu začať používať aj ľudia, ktorí doposiaľ nie sú vašimi zákazníkmi. V aplikácii môžete mať zakomponované odkazy na vašu firmu a ani sa nenazdáte a máte nového zákazníka.

Mobilná aplikácia vs. responzívny a mobilný web

Mobilná aplikácia

+ Je vytvorená pre konkrétny operačný systém
+ Vie pracovať v offline režime
+ Aplikácie sú používané často, ale v krátkych úsekoch
+ Z marketingového hľadiska je ikonka mobilnej aplikácie stále na očiach
+ Je spravidla rýchlejšia ako mobilná verzia webu (appka pracuje v prirodzenom kóde daného OS)
+ Dizajn aplikácie zodpovedá rozhraniu operačného systému
+ Dokáže lepšie využiť funkcie telefónu (fotoaparát, GPS, gyroskop)
+ Býva spoľahlivejšia
+ Jednoduchá monetizácia - mobilné aplikácie je možné predávať v obchodoch s aplikáciami a ľahko tak generujú firme zisk

- Býva drahšia ako vytvorenie mobilného webu (pozri si náš článok Koľko stojí mobilná aplikácia)
- Vzhľadom na množstvo platforiem a časté aktualizácie je vývojovo ďaleko zložitejšia

Mobilný a responzívny web

+ Vývoj nie je tak náročný ako vývoj mobilnej aplikácie, preto býva aj cena nižšia
+ Univerzálnosť využitia
+ Jednoduchý distribučný kanál
- Používateľský dojem a komfort pri používaní
- Mnoho funkcií telefónu nemožno touto formou ovládať

- Spoľahlivosť a rýchlosť
- Mobilný a responzívny web je pre stáleho používateľa horšie prístupný

Zhrnutie na záver

Mobilný a responzívny web nie je to isté, čo mobilná aplikácia a  rozhodne by sa ho nemala snažiť nahradiť. V mobilnej aplikácii by mal byť taký obsah, ktorý používateľ chce používať z mobilu a aplikácia by mu ho mala servírovať čo možno najpohodlnejšie. Rozdeľovanie funkcií medzi aplikáciu a web je veľmi dobrá vec a je to vždy lepšie, keď používateľ využíva vaše služby na viac ako jednej platforme. Ak sa používateľovi bude aplikácia dobre používať, bude sa do nej vracať. Rozdiel vo využívaní mobilnej aplikácie a webu na mobile môžeme vidieť na nasledovnom grafe.

native-mobile-app-vs-mobile-web

Čas strávený v mobilných aplikáciach vs. na mobilnom webe (Zdroj: Prezentácia Luke Wroblewski)

Like what you see?
Join our newsletter.

Great! Welcome to newsletter.
Oops! Something went wrong while submitting your email.
High quality content once a month. No spam, we promise.
Your personal data is processed in accordance with our Memorandum on Personal Data Protection.

Páči sa vám náš content?
Odoberajte newsletter.

Great! Welcome to newsletter.
Oops! Something went wrong while submitting your email.
Vaše osobné údaje sú spracované v súlade s našim Memorandom na ochranu osobných údajov.