Vyvíjet mobilní aplikaci pro interní systém? To obvykle znamená týdny schvalování, samostatné verze pro iOS i Android, náročnou údržbu a nutnost instalace přes App Store. My jsme to vzali jinak.
Mobilní verzi aplikace Změnových listů jsme pro Správu železnic postavili jako PWA – progresivní webovou aplikaci, která funguje jako nativní appka, ale běží v prohlížeči. Bez zbytečných překážek. A přesně tam, kde je potřeba: na stavbě, v terénu, na cestách.
Změnové listy slouží k digitálnímu zpracování všech změn, které nastanou v průběhu stavebních projektů – například při změně typu materiálu, konstrukčních úpravách nebo posunech termínů. Uživatelé v ní mohou změny zadávat, připomínkovat i schvalovat, a to v právně závazné podobě a s přehlednou historií všech kroků.
Správa železnic od počátku počítala s tím, že pracovníci v terénu budou k systému přistupovat z mobilních zařízení. Původně se zvažovalo řešení pomocí klasického „tlustého klienta“, ale vývojový tým LinkSoftu přišel s efektivnějším návrhem: PWA.
„Distribuce klasických mobilních aplikací (přes App Store nebo Google Play) je náročná – vyžaduje registrace, schvalování, certifikaci... a je složitější provádět aktualizace. PWA je jednodušší – funguje v prohlížeči, ale chová se jako nativní aplikace.“
Robert Klauber, projektový manažer, LinkSoft
PWA aplikace sdílí backend s desktopovou verzí systému. Není tak potřeba vyvíjet samostatnou aplikaci od nuly, ale jen přizpůsobit frontend pro mobilní prostředí – pro dotykové ovládání, menší obrazovky a odlišné uživatelské chování. Výsledkem je výrazná úspora času i nákladů.
„Díky PWA jsme nemuseli vyvíjet dvě samostatné aplikace – pro mobil a desktop. Využili jsme stejný backend, frontend jsme postavili na Next.js a přizpůsobili ho pro mobilní rozhraní. Vývoj nativní aplikace by nám mohl trvat pět až šestkrát déle.”
David Orolin, senior architekt, LinkSoft
Uživatel si může aplikaci jednoduše přidat na plochu mobilu, spouštět ji v plnoobrazovkovém režimu a používat i offline. PWA navíc zvládne přístup ke kameře, GPS nebo notifikacím – a to vše bez nutnosti publikace v App Storech.
Protože většina uživatelů Změnových listů pracuje s aplikací na desktopu, mobilní verze neměla sloužit jako plnohodnotná náhrada, ale doplňkový nástroj – zejména pro náhled a kontrolu v terénu. Zároveň nelze k mobilní aplikaci navrhovat jako zmenšenou verzi desktopu. Z pohledu UX je třeba k ní přistupovat jako k samostatnému nástroji a přizpůsobit logiku zobrazení i práci s daty.
„Uživatelé nepotřebují vědět všechno, ale rychle najít to důležité. Pracovali jsme proto s důrazem na přehlednost, jednoduchost a okamžitou orientaci. Na mobilu potřebujete přehled, rozkliknout detail, schválit a jít dál. Ne zatěžující design, ale funkční a intuitivní rozhraní.“
Lucie Kleskeň Remeňová, UX designérka, LinkSoft
Mobilní zobrazení klade vysoké nároky na čitelnost. Grafy jsme zjednodušili tak, aby bylo klíčové sdělení vidět na první pohled. Tabulky jsme převedli do karet – každá zobrazuje pouze to nejdůležitější a nabízí možnost rozkliknutí.
Rozhraní jsme navrhli univerzálně – tak, aby spolehlivě fungovalo napříč různými zařízeními a velikostmi displejů. Klíčovým rozhodnutím bylo umístit akční tlačítka pro schvalování nahoru, mimo dosah palce. Díky tomu se uživatel nejdřív seznámí s obsahem a samotné schválení proběhne až jako vědomý, záměrný krok – bez rizika, že by na tlačítko omylem ťukl dříve.
*Veškeré uvedené hodnoty jsou ilustrační
*Veškeré uvedené hodnoty jsou ilustrační
“Díky těmto úpravám jsme vytvořili mobilní rozhraní, které se uživatelské přívětivosti desktopu plnohodnotně vyrovná. Ukazujeme jen to, co uživatel opravdu potřebuje, v rozsahu, který na menší obrazovce dává smysl. Není to zjednodušený výtah, ale promyšlená mobilní alternativa, která respektuje kontext použití a nároky na přehlednost.”
Lucie Kleskeň Remeňová, UX designérka, LinkSoft
PWA je ideální cestou, pokud potřebujete rychlé, dostupné a efektivní mobilní řešení – bez složitostí spojených s vývojem nativní aplikace. V případě Změnových listů jsme ukázali, že i složitý firemní nástroj může mít přívětivé rozhraní pro mobil a fungovat spolehlivě přímo v terénu.
| Kritérium | PWA aplikace | Nativní aplikace (iOS / Android) |
|---|---|---|
| Distribuce | Okamžitá, přes odkaz nebo QR kód | Nutné publikovat do App Store / Google Play |
| Instalace | Volitelná – „přidat na plochu“ | Povinná instalace z obchodu |
| Aktualizace | Automatické při načtení | Vyžadují stažení nové verze |
| Vývoj a údržba | Jeden frontend, nižší náklady | Dva vývojové směry, vyšší náklady |
| Offline režim | Možný díky cache a service workerům | Plně podporovaný |
| Přístup k funkcím zařízení | Omezený, ale dostatečný (kamera, GPS, notifikace) | Plný (vč. senzorů, Bluetooth) |
| UX | Velmi podobný nativní aplikaci | Nativní vzhled a chování |
| Kompatibilita | Funguje na všech moderních prohlížečích | Specifická pro každou platformu |
| Bezpečnost a správa | Sdílený backend, jednotná kontrola | Vyžaduje specifické nastavení pro každou verzi |
Pomůžeme vám navrhnout takové řešení, které bude dávat smysl nejen technologicky, ale hlavně z pohledu vašich uživatelů.
