Běžecká mobilní aplikace · Mobilní produkt
Důvěrná spolupráce
Když musí mobilní aplikace držet tempo.
V existující běžecké aplikaci v React Native jsme přepracovali vybrané obrazovky a opravili chyby na iOS i Androidu. Spolupráce je důvěrná.
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
- 01Před opravou chyby jsme nejprve zopakovali chování, které ji vyvolalo.
- 02U vybraných obrazovek bylo potřeba zkontrolovat rozložení i ovládání na obou platformách.
- 03Redesign se týkal vybraných částí, nikoli celé aplikace.
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
Aplikace už měla vlastní logiku a uživatelé ji znali. Před úpravami jsme proto potřebovali pochopit stávající technická rozhodnutí a vybrané uživatelské postupy.
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 rozložení informací a dotykové prvky. Cílem bylo zpřehlednit další krok bez změny logiky celého produktu.
Zachovali jsme části, které už fungovaly. Změny se soustředily na místa, kde rozhraní ztěžovalo používání.
“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
Opravy chyb začínaly spolehlivým zopakováním problému. Po změně kódu jsme ověřovali celý dotčený postup včetně neočekávaných stavů.
Kontrola zahrnovala také návrat na obrazovku a stav, ve kterém ji uživatel najde. U opravy jsme sledovali, zda neovlivnila další části aplikace.
“Nejlepší oprava je ta, které si uživatel nemusí vůbec všimnout.”
04
Jeden rytmus na iOS i Androidu
React Native umožnil sdílet velkou část řešení, ale každá platforma má vlastní detaily. Kontrolovali jsme rozložení, dotykové chování a okrajové stavy na iOS i Androidu.
Obě verze měly zachovat stejnou logiku ovládání a přitom respektovat chování dané platformy.
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 projít i stavy, které s ní souvisejí.
- 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
Předané úpravy pokryly vybrané obrazovky a chyby ve stávající aplikaci. Rozsah spolupráce nezahrnoval vytvoření celého produktu.
“Ne každá dobrá spolupráce potřebuje velké gesto. Někdy stačí, že produkt běží jistěji.”
