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.
Ako sme držali systém čitateľný
- 01
Obrazovky sme navrhli ako jeden súvislý mobilný tok.
- 02
Spoločné správanie zostalo v jednom Flutter a Dart základe.
- 03
Komunikáciu sme oddelili od vizuálnej vrstvy.
- 04
Obnovu spojenia sme riešili bez straty orientácie v rozhovore.
- 05
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í
Podobný cieľ, riešenie podľa vás
