VIAC AKO NI(c)K · Veřejná mobilní aplikace
Když napsat znamená udělat první krok.
Společně s HexaTech jsme přepracovali aplikaci VIAC AKO NI(c)K od serveru po obrazovky rozhovoru. Přidali jsme indikátor psaní a přílohy, přibyl i nouzový odchod. Běží stabilně na iOS i Androidu.
Cesta k rozhovoru
Jeden klidný tok od přezdívky po bezpečný odchod.
Nový design vede člověka registrací a výběrem konzultanta až do rozhovoru. Nikde se neztratí. Rychlé odpovědi a přílohy zůstávají v kontextu chatu, bezpečné ukončení také.
Diagram posuňte vodorovně.
- 01
Registrace
Krátký vstup s přezdívkou a jasným pokračováním.
- 02
Výběr konzultanta
Dostupná podpora je čitelná ještě před otevřením chatu.
- 03
Rozhovor
Klidný rytmus konverzace drží zprávy s časem a stav psaní.
- 04
Rychlé akce
Odpovědi a přílohy zůstávají po ruce bez opuštění rozhovoru.
- 05
Bezpečný odchod
Ukončení je viditelnou součástí celého toku.
Informace
- Typ projektu
- Veřejná mobilní aplikace
- Platforma
- iOS a Android
- Naše role
- Aplikace už běžela. Spolu s HexaTech jsme překreslili vybrané části rozhraní a doplnili nové funkce. Chyby v kódu jsme opravili taky.
- Partner
- HexaTech s.r.o.
Technologie
- Flutter
- Dart
- iOS
- Android
Co se dozvíte
- 01Jak upravit rozhraní, aby při citlivém tématu nerušilo.
- 02Jak zlepšovat stabilitu jedné aplikace ve Flutteru na dvou platformách.
- 03Jak rozdělit odpovědnost mezi Rise a partnerský tým.
01
První krok
VIAC AKO NI(c)K nabízí mobilní vstup do rozhovoru s konzultantem. Když člověk aplikaci otevře v náročné chvíli, další krok musí být jasný.
02
Rozhraní, které neruší
Přepracovali jsme vybrané části rozhraní a barevnosti, aby se snadněji četly a během rozhovoru působily konzistentně.
“U citlivé služby je klidné rozhraní součástí funkčnosti.”
03
Společně s HexaTech
Na aplikaci jsme pracovali společně s HexaTech s.r.o. Flutter a Dart poskytovaly základ pro iOS a Android a změny jsme průběžně koordinovali s partnerským týmem.
04
Stabilnější základ
Vedle redesignu jsme opravovali kód a chyby ovlivňující chování aplikace. Cílem bylo omezit pády a zlepšit komunikaci i konzistenci mezi platformami.
05
V obou obchodech
Aplikace ve Flutteru je dostupná v App Store i Google Play. Veřejné odkazy vedou přímo na verze pro iOS a Android.
Architektura aplikace
Jeden zážitek. Čtyři jasné odpovědnosti.
Mobilní obrazovky, společné Flutter jádro, komunikační hranice a doručení na dvě platformy zůstávají oddělené, ale tvoří jeden produkt.
Co drží mobilní tok pohromadě
Jedna cesta napříč obrazovkami
Obrazovky jsme navrhli jako jeden souvislý mobilní tok.
Společný základ ve Flutteru
Společné chování zůstalo v jednom základu Flutter a Dart.
Síť mimo vizuální vrstvu
Komunikaci jsme oddělili od vizuální vrstvy.
Návrat bez ztráty kontextu
Obnovu spojení jsme řešili bez ztráty orientace v rozhovoru.
Stejný tok na iOS i Androidu
Stejný tok jsme ověřovali na iOS i Androidu.
Diagram posuňte vodorovně.
- 01
Mobilní rozhraní
Rozhovor navazuje na registraci a výběr podpory, dohromady drží jeden srozumitelný celek.
- 02
Společné jádro
Flutter a Dart drží znovupoužitelné chování pro obě platformy.
- 03
Komunikační hranice
Mimo obrazovky zůstávají řízené požadavky s odpovědmi a návrat po výpadku.
- 04
Dvě platformy
Jedna mobilní služba se doručuje na iOS i Android.
Vývojový cyklus
Redesign pokračoval až po ověřené vydání.
Vizuální změna byla jen první vrstvou. Stabilizace kódu, komunikace, obnova spojení a ověření na obou platformách práci uzavíraly.
Diagram posuňte vodorovně.
- 01
Redesign
Registrace a výběr podpory sjednocené až do rozhovoru.
- 02
Stabilita kódu
Opravy chování ve společném základu aplikace.
- 03
Komunikace a obnova
Čitelné odpovědi a návrat do rozhovoru po výpadku.
- 04
Ověření platforem
Stejný tok a výsledek na iOS i Androidu.
- 05
Vydání
Jedna udržovaná mobilní služba v obou obchodech.
Verze 1 → Verze 2
Klidnější a stabilnější rozhovor než dřív
Novou verzi jsme přepracovali od komunikace se serverem až po obrazovky rozhovoru. Posuvník ukazuje původní rozhraní vedle toho, co dnes v aplikaci vidí děti i konzultanti.
Potáhni
Co jsme vytvořili
- Indikátor psaní ukazuje, že konzultant odpovídá
- Posílání fotek a souborů přímo v rozhovoru
- Nouzový odchod pro okamžité opuštění aplikace
- Čitelné bubliny, které rozliší dítě a konzultanta
Co jsme zlepšili
- Stabilita a méně pádů na iOS i Androidu
- Jednotný a klidnější vzhled rozhovoru
- Čitelné zprávy namísto interních přezdívek
- Přepracované rychlé odpovědi pro citlivé chvíle
- Spolehlivější chování při slabém připojení
