Běžecká mobilní aplikace · Mobilní produkt
Důvěrná spolupráce
Když musí mobilní aplikace držet tempo.
Soukromá spolupráce na existující běžecké aplikaci v React Native. Přepracovali jsme vybrané části, opravili kód, doladili chování a odstranili chyby na iOS i Androidu.
Informace
- Typ projektu
- Mobilní aplikace
- Platforma
- iOS a Android
- Naše role
- Nešlo o nový produkt od nuly. V existující React Native aplikaci jsme překreslili vybrané obrazovky a upravili jejich chování na iOS i Androidu.
- Stav
- Důvěrná spolupráce
Technologie
- React Native
- iOS
- Android
Co se dozvíte
- 01Jak udržet mobilní tok plynulý při opakovaném používání.
- 02Jak držet rozhraní přehledné na iOS i Androidu.
- 03Jak rozvíjet jednu produktovou zkušenost v React Native.
Rytmus produktu
Jedna návštěva připraví další krok.
Aplikace spojovala přípravu, samotný trénink a návrat k pokroku do jednoho opakovatelného toku. Tento pohled je zjednodušený a anonymizovaný.
- 01
Připravit se
Uživatel vidí, co ho čeká, a rozumí následujícímu tréninku.
- 02
Rozběhnout se
Během aktivity zůstává pozornost na jasných krocích, ne na ovládání.
- 03
Vyhodnotit
Po dokončení se výsledek vrací v klidném a dobře čitelném souhrnu.
- 04
Pokračovat
Stav a pokrok dávají další návštěvě srozumitelné pokračování.
01
Vstup do rozběhnutého produktu
Nevstupovali jsme na prázdnou dráhu. Aplikace už měla vlastní logiku, uživatelské návyky i technická rozhodnutí, kterým bylo potřeba nejdřív porozumět.
Soukromá spolupráce proto začala zmapováním vybraných toků a konkrétních míst, kde mohl redizajn nebo zásah do kódu přinést největší užitek bez narušení známého používání.
02
Redizajn tam, kde uživatel váhal
Na vybraných obrazovkách jsme upravili vizuální hierarchii, rozložení a dotykové prvky tak, aby další krok působil přirozeněji a důležité informace šly zachytit rychleji.
Nešlo o kompletní překreslení produktu. Redizajn byl cílený. Respektoval to, co už fungovalo, a zpřesnil místa, kde rozhraní uživatele zbytečně brzdilo.
“Dobrý redizajn nemění směr. Odstraňuje váhání po cestě.”
Zjednodušená architektura
Jeden zážitek, společný mobilní základ.
I cílená změna obrazovky procházela několika vrstvami. Rozhraní, sdílená logika, služby a obě platformy musely držet stejný rytmus.
- 01
Produktová zkušenost
- Plán
- Aktivní trénink
- Pokrok
- 02
Sdílené jádro React Native
- Navigace
- Předvídatelný stav
- Opakovaně použitelné UI
- 03
Aplikační služby
- Hranice účtu
- Výměna dat
- Provozní zpětná vazba
- 04
Nativní doručení
- iOS
- Android
Zjednodušený a anonymizovaný pohled. Nezobrazuje interní systémy ani skutečná produktová data.
03
Opravy pod povrchem
Vedle rozhraní jsme řešili konkrétní opravy kódu, nečekané stavy a bugfixy. Každý problém bylo potřeba nejprve spolehlivě zopakovat, potom opravit a ověřit v kontextu celého toku.
U často používané mobilní aplikace se kvalita skládá z detailů. Správné reakce po návratu na obrazovku, předvídatelného stavu i jistoty, že oprava jednoho místa nerozbije jiné.
“Nejlepší oprava je ta, které si uživatel nemusí vůbec všimnout.”
04
Jeden rytmus na iOS i Androidu
React Native umožnil držet velkou část zkušenosti společnou, ale každá platforma má vlastní detaily. Kontrolovali jsme rozložení, dotykové chování i hraniční stavy na iOS i Androidu.
Cílem nebylo, aby obě verze působily mechanicky stejně. Důležité bylo, aby měly stejnou logiku, stejnou míru jistoty a přirozený pocit na používaném zařízení.
Jak jsme postupovali
Zasahovat přesně, ne přepisovat všechno.
Produkt už lidé používali. Chránili jsme proto to, co fungovalo, a soustředili se na místa, kde mohla být zkušenost jasnější a spolehlivější.
- 01
Pochopit tok
Zmapovat vybrané cesty a aktuální chování.
- 02
Najít tření
Určit, kde hierarchie, interakce nebo kód snižovaly jistotu.
- 03
Redesignovat cíleně
Zachovat známé chování a zpřesnit jen potřebná místa.
- 04
Zopakovat a opravit
Spolehlivě vyvolat chybu, opravit příčinu a zkontrolovat související stavy.
- 05
Ověřit obě platformy
Zkontrolovat rozložení, dotykové chování a hraniční stavy na iOS i Androidu.
05
Lepší základ pro další verze
Výsledkem nebyl nový produkt od nuly, ale znatelně uklizená část existující aplikace. Srozumitelnější vybrané obrazovky, opravený kód a méně chyb při každodenním používání.
“Ne každá dobrá spolupráce potřebuje velké gesto. Někdy stačí, že produkt běží jistěji.”
Podobný cíl, řešení podle vás
