Bežecká mobilná aplikácia · Mobilný produkt
Dôverná spolupráca
Keď musí mobilná aplikácia držať tempo.
V existujúcej bežeckej aplikácii v React Native sme upravili vybrané obrazovky a opravili chyby na iOS aj Androide. Spolupráca je dôverná.
Informácie
- Typ projektu
- Mobilná aplikácia
- Platforma
- iOS a Android
- Naša úloha
- Nešlo o nový produkt od nuly. V existujúcej React Native aplikácii sme prekreslili vybrané obrazovky a upravili ich správanie na iOS aj Androide.
- Stav
- Dôverná spolupráca
Technológie
- React Native
- iOS
- Android
Čo sa dozviete
- 01Pred opravou chyby sme najprv zopakovali správanie, ktoré ju vyvolalo.
- 02Vybrané obrazovky potrebovali kontrolu rozloženia aj ovládania na oboch platformách.
- 03Redizajn sa týkal vybraných častí, nie celej aplikácie.
Rytmus produktu
Jedna návšteva pripraví ďalší krok.
Aplikácia spájala prípravu, samotný tréning a návrat k progresu do jedného opakovateľného toku. Tento pohľad je zjednodušený a anonymizovaný.
- 01
Pripraviť sa
Používateľ vidí, čo ho čaká, a rozumie nasledujúcemu tréningu.
- 02
Rozbehnúť sa
Počas aktivity zostáva pozornosť na jasných krokoch, nie na ovládaní.
- 03
Zhodnotiť
Po dokončení sa výsledok vracia v čitateľnom a pokojnom súhrne.
- 04
Pokračovať
Stav a progres dávajú ďalšej návšteve zrozumiteľné pokračovanie.
01
Vstup do rozbehnutého produktu
Aplikácia už mala vlastnú logiku a používatelia ju poznali. Pred úpravami sme preto potrebovali pochopiť existujúce technické rozhodnutia a vybrané používateľské toky.
Súkromná spolupráca preto začala mapovaním vybraných tokov a konkrétnych miest, kde mohol redizajn alebo zásah do kódu priniesť najväčší úžitok bez narušenia známeho používania.
02
Redizajn tam, kde používateľ váhal
Na vybraných obrazovkách sme upravili rozloženie informácií a dotykové prvky. Cieľom bolo sprehľadniť ďalší krok bez zmeny logiky celého produktu.
Zachovali sme časti, ktoré už fungovali. Zmeny sa sústredili na miesta, kde rozhranie sťažovalo používanie.
“Dobrý redizajn nemení smer. Odstraňuje váhanie po ceste.”
Zjednodušená architektúra
Jedna skúsenosť, spoločný mobilný základ.
Aj cielená zmena obrazovky prechádzala viacerými vrstvami. Rozhranie, zdieľaná logika, služby a obe platformy museli držať rovnaký rytmus.
- 01
Produktová skúsenosť
- Plán
- Aktívny tréning
- Progres
- 02
Zdieľané React Native jadro
- Navigácia
- Predvídateľný stav
- Opakovateľné UI
- 03
Aplikačné služby
- Hranica účtu
- Výmena dát
- Prevádzková spätná väzba
- 04
Natívne doručenie
- iOS
- Android
Zjednodušený a anonymizovaný pohľad. Nezobrazuje interné systémy ani skutočné produktové dáta.
03
Opravy pod povrchom
Opravy chýb začínali spoľahlivým zopakovaním problému. Po zmene kódu sme overovali celý dotknutý tok vrátane nečakaných stavov.
Kontrola zahŕňala aj návrat na obrazovku a stav, v ktorom ju používateľ nájde. Pri oprave sme sledovali, či neovplyvnila ďalšie časti aplikácie.
“Najlepšia oprava je tá, ktorú používateľ nemusí vôbec spozorovať.”
04
Jeden rytmus na iOS aj Androide
React Native umožnil zdieľať veľkú časť riešenia, no každá platforma má vlastné detaily. Kontrolovali sme rozloženie, dotykové správanie a hraničné stavy na iOS aj Androide.
Obe verzie mali zachovať rovnakú logiku ovládania a pritom rešpektovať správanie danej platformy.
Ako sme postupovali
Zasahovať presne, nie prepisovať všetko.
Produkt už ľudia používali. Chránili sme preto to, čo fungovalo, a sústredili sa na miesta, kde mohla byť skúsenosť jasnejšia a spoľahlivejšia.
- 01
Pochopiť tok
Zmapovať vybrané cesty a aktuálne správanie.
- 02
Nájsť trenie
Určiť, kde hierarchia, interakcia alebo samotný kód brali ľuďom istotu.
- 03
Redizajnovať cielene
Zachovať známe správanie a spresniť iba potrebné miesta.
- 04
Zopakovať a opraviť
Spoľahlivo vyvolať chybu, opraviť príčinu a prejsť aj stavy, ktoré s ňou súvisia.
- 05
Overiť obe platformy
Skontrolovať rozloženie, dotykové správanie a hraničné stavy na iOS aj Androide.
05
Lepší základ pre ďalšie verzie
Odovzdané úpravy pokryli vybrané obrazovky a chyby v existujúcej aplikácii. Rozsah spolupráce nezahŕňal vytvorenie celého produktu.
“Nie každá dobrá spolupráca potrebuje veľké gesto. Niekedy stačí, že produkt beží istejšie.”
