VIAC AKO NI(c)K · Verejná mobilná aplikácia
Keď napísať znamená urobiť prvý krok.
Spolu s HexaTech sme prepracovali mobilnú aplikáciu VIAC AKO NI(c)K od servera po obrazovky rozhovoru. Pridali sme indikátor písania, prílohy aj núdzový odchod. Beží stabilne na iOS aj Androide.
Cesta k rozhovoru
Jeden pokojný tok od prezývky po bezpečný odchod.
Nový dizajn vedie človeka cez registráciu, výber konzultanta a rozhovor bez zbytočných odbočiek. Rýchle odpovede, prílohy a bezpečné ukončenie zostávajú priamo v kontexte chatu.
Diagram posuňte vodorovne.
- 01
Registrácia
Krátky vstup s prezývkou a jasným pokračovaním.
- 02
Výber konzultanta
Dostupná podpora je čitateľná ešte pred otvorením chatu.
- 03
Rozhovor
Správy, čas a stav písania držia pokojný rytmus konverzácie.
- 04
Rýchle akcie
Odpovede a prílohy zostávajú poruke bez opustenia rozhovoru.
- 05
Bezpečný odchod
Ukončenie je viditeľnou súčasťou celého toku.
Informácie
- Typ projektu
- Verejná mobilná aplikácia
- Platforma
- iOS a Android
- Naša úloha
- Aplikácia už bežala. Spolu s HexaTech sme prekreslili vybrané časti rozhrania, doplnili nové funkcie a opravili chyby v kóde.
- Partner
- HexaTech s.r.o.
Technológie
- Flutter
- Dart
- iOS
- Android
Čo sa dozviete
- 01Ako upraviť rozhranie tak, aby pri citlivej téme nerušilo.
- 02Ako zlepšovať stabilitu jednej Flutter aplikácie na dvoch platformách.
- 03Ako deliť zodpovednosť medzi Rise a partnerský tím.
01
Prvý krok
VIAC AKO NI(c)K ponúka mobilný vstup do rozhovoru s konzultantom. Keď človek aplikáciu otvorí v náročnej chvíli, ďalší krok musí byť jasný.
02
Rozhranie, ktoré neruší
Prepracovali sme vybrané časti rozhrania a farebnosti, aby sa ľahšie čítali a pôsobili konzistentne počas celého rozhovoru.
“V citlivej službe má rozhranie pomôcť začať, nie pýtať si pozornosť.”
03
Spolu s HexaTech
Na aplikácii sme pracovali v spolupráci s HexaTech s.r.o. Flutter a Dart držali spoločný základ pre iOS a Android, zatiaľ čo úpravy sme priebežne zosúlaďovali s partnerským tímom.
04
Stabilnejší základ
Popri redizajne sme robili opravy kódu a odstraňovali chyby, ktoré ovplyvňovali správanie aplikácie. Cieľom bolo obmedziť pády a zlepšiť komunikáciu aj konzistentnosť medzi platformami.
05
V oboch obchodoch
Výsledkom je Flutter aplikácia dostupná v App Store aj Google Play. Verejné odkazy vedú priamo na iOS a Android verziu.
Architektúra aplikácie
Jedna skúsenosť. Štyri jasné zodpovednosti.
Mobilné obrazovky, spoločné Flutter jadro, komunikačná hranica a doručenie na dve platformy zostávajú oddelené, no tvoria jeden produkt.
Čo drží mobilný tok pokope
Jedna cesta cez obrazovky
Obrazovky sme navrhli ako jeden súvislý mobilný tok.
Spoločný Flutter základ
Spoločné správanie zostalo v jednom Flutter a Dart základe.
Sieť mimo vizuálnej vrstvy
Komunikáciu sme oddelili od vizuálnej vrstvy.
Návrat bez straty kontextu
Obnovu spojenia sme riešili bez straty orientácie v rozhovore.
Rovnaký tok na iOS aj Androide
Rovnaký tok sme overovali na iOS aj Androide.
Diagram posuňte vodorovne.
- 01
Mobilné rozhranie
Registrácia, výber podpory a rozhovor tvoria jeden zrozumiteľný celok.
- 02
Spoločné jadro
Flutter a Dart držia znovupoužiteľné správanie pre obe platformy.
- 03
Komunikačná hranica
Riadené požiadavky, odpovede a návrat po výpadku zostávajú mimo obrazoviek.
- 04
Dve platformy
Jedna mobilná služba sa doručuje na iOS aj Android.
Vývojový cyklus
Redizajn pokračoval až po overené vydanie.
Vizuálna zmena bola iba prvou vrstvou. Stabilizácia kódu, komunikácia, obnova spojenia a overenie na oboch platformách uzatvárali každý krok.
Diagram posuňte vodorovne.
- 01
Redizajn
Zjednotenie registrácie, výberu podpory a rozhovoru.
- 02
Stabilita kódu
Opravy správania v spoločnom základe aplikácie.
- 03
Komunikácia a obnova
Čitateľné odpovede a návrat do rozhovoru po výpadku.
- 04
Overenie platforiem
Rovnaký tok a výsledok na iOS aj Androide.
- 05
Vydanie
Jedna udržiavaná mobilná služba v oboch obchodoch.
Verzia 1 → Verzia 2
Pokojnejší a stabilnejší rozhovor než predtým
Novú verziu sme prepracovali od komunikácie so serverom až po obrazovky rozhovoru. Posuvník ukazuje pôvodné rozhranie vedľa toho, čo v aplikácii dnes vidia deti aj konzultanti.
Potiahni
Čo sme vytvorili
- Indikátor písania ukazuje, že konzultant odpovedá
- Posielanie fotiek a súborov priamo v rozhovore
- Núdzový odchod na okamžité opustenie aplikácie
- Čitateľné bubliny, ktoré rozlíšia dieťa a konzultanta
Čo sme zlepšili
- Stabilita a menej pádov na iOS aj Androide
- Zjednotený a pokojnejší vizuál rozhovoru
- Čitateľné správy namiesto interných prezývok
- Prepracované rýchle odpovede pre citlivé chvíle
- Spoľahlivejšie správanie pri slabom pripojení
