VIAC AKO NI(c)K · Öffentliche mobile Anwendung
Wenn Schreiben den ersten Schritt bedeutet.
Gemeinsam mit HexaTech haben wir die App VIAC AKO NI(c)K überarbeitet, vom Server bis zu den Gesprächsbildschirmen. Dazu kamen Schreibanzeige, Anhänge und Notausgang. iOS und Android laufen stabil.
Weg zum Gespräch
Ein ruhiger Ablauf vom Nicknamen bis zum sicheren Verlassen.
Das Redesign führt ohne unnötige Umwege durch Registrierung, Auswahl einer Beratungsperson und Gespräch. Schnellantworten, Anhänge und sicheres Beenden bleiben direkt im Chat-Kontext.
Diagramm horizontal verschieben.
- 01
Registrierung
Ein kurzer Einstieg mit Nicknamen und einem klaren nächsten Schritt.
- 02
Auswahl der Beratungsperson
Verfügbare Unterstützung ist schon vor dem Öffnen des Chats klar erkennbar.
- 03
Gespräch
Nachrichten, Zeit und Schreibstatus halten das Gespräch leicht nachvollziehbar.
- 04
Schnellaktionen
Antworten und Anhänge bleiben erreichbar, ohne das Gespräch zu verlassen.
- 05
Sicheres Verlassen
Das Beenden ist ein sichtbarer Bestandteil des gesamten Ablaufs.
Informationen
- Projekttyp
- Öffentliche mobile Anwendung
- Plattform
- iOS und Android
- Unsere Rolle
- Die App lief bereits. Gemeinsam mit HexaTech haben wir ausgewählte Teile der Oberfläche neu gezeichnet, neue Funktionen ergänzt und Fehler im Code behoben.
- Partner
- HexaTech s.r.o.
Technologie
- Flutter
- Dart
- iOS
- Android
Was Sie erfahren
- 01Wie sich ein ruhiger Ablauf für einen sensiblen öffentlichen Dienst gestalten lässt.
- 02Wie sich eine Oberfläche auf iOS und Android barrierefrei halten lässt.
- 03Wie sich eine mobile Anwendung mit einem Partnerteam koordinieren lässt.
01
Projekt
VIAC AKO NI(c)K ist ein öffentliches Projekt, verfügbar über eine iOS- und Android-App. In einem sensiblen Kontext muss jeder Schritt verständlich sein, ohne zusätzliche Unsicherheit.
02
Herausforderung
Ein öffentlicher mobiler Dienst muss geräteübergreifend zuverlässig funktionieren und zugleich für Menschen klar bleiben, die ihn in einer schwierigen Situation öffnen.
“Bei einem sensiblen Dienst ist eine ruhige Oberfläche Teil der Funktionalität.”
03
Rise und HexaTech
Gemeinsam mit HexaTech haben wir an der Entwicklung der mobilen Anwendung für iOS und Android mitgewirkt. Die Anwendung nutzt Flutter und Dart, auf der Serverseite kommt PHP zum Einsatz.
04
Zentrale Entscheidungen
Wir haben klare Schritte, gut lesbare Oberflächen und ein konsistentes Verhalten auf beiden mobilen Plattformen in den Vordergrund gestellt.
05
Ergebnis
Das Ergebnis ist eine öffentliche iOS- und Android-Anwendung, die für den täglichen Gebrauch in einem sensiblen Kontext gestaltet ist.
Anwendungsarchitektur
Ein Erlebnis. Vier klare Verantwortlichkeiten.
Mobile Ansichten, gemeinsamer Flutter-Kern, Kommunikationsgrenze und Bereitstellung auf zwei Plattformen bleiben getrennt und bilden dennoch ein Produkt.
Was den mobilen Ablauf zusammenhält
Ein Weg über alle Ansichten
Wir gestalteten die Ansichten als einen zusammenhängenden mobilen Ablauf.
Eine gemeinsame Flutter-Basis
Gemeinsames Verhalten blieb in einer Flutter- und Dart-Basis.
Netzwerklogik außerhalb der Oberfläche
Wir trennten die Kommunikation von der visuellen Schicht.
Wiederverbinden ohne Kontextverlust
Die Wiederverbindung blieb ohne Verlust des Gesprächskontexts möglich.
Derselbe Ablauf auf iOS und Android
Wir prüften denselben Ablauf auf iOS und Android.
Diagramm horizontal verschieben.
- 01
Mobile Oberfläche
Registrierung, Auswahl der Unterstützung und Gespräch bilden ein verständliches Ganzes.
- 02
Gemeinsamer Kern
Flutter und Dart halten wiederverwendbares Verhalten für beide Plattformen.
- 03
Kommunikationsgrenze
Gesteuerte Anfragen, Antworten und Wiederherstellung bleiben außerhalb der Ansichten.
- 04
Zwei Plattformen
Ein mobiler Dienst wird für iOS und Android bereitgestellt.
Entwicklungszyklus
Das Redesign reichte bis zur geprüften Veröffentlichung.
Die visuelle Änderung war nur die erste Schicht. Codestabilität, Kommunikation, Wiederverbindung und Prüfung auf beiden Plattformen vervollständigten die Arbeit.
Diagramm horizontal verschieben.
- 01
Redesign
Registrierung, Auswahl der Unterstützung und Gespräch vereinheitlichen.
- 02
Codestabilität
Verhaltenskorrekturen in der gemeinsamen Anwendungsbasis.
- 03
Kommunikation und Wiederherstellung
Klare Antworten und Rückkehr zum Gespräch nach einem Verbindungsverlust.
- 04
Plattformprüfung
Derselbe Ablauf und dasselbe Ergebnis auf iOS und Android.
- 05
Veröffentlichung
Ein gepflegter mobiler Dienst in beiden Stores.
Version 1 → Version 2
Ein ruhigeres, stabileres Gespräch als zuvor
Die neue Version haben wir vom Server bis zu den Gesprächsbildschirmen überarbeitet. Der Regler zeigt die ursprüngliche Oberfläche neben dem, was Kinder und Berater heute in der App sehen.
Ziehen
Was wir neu gebaut haben
- Eine Schreibanzeige zeigt, dass der Berater antwortet
- Fotos und Dateien direkt im Chat senden
- Ein Notausgang, um die App sofort zu verlassen
- Klare Sprechblasen, die Kind und Berater unterscheiden
Was wir verbessert haben
- Stabilität und weniger Abstürze auf iOS und Android
- Ein einheitliches, ruhigeres Erscheinungsbild des Gesprächs
- Lesbare Nachrichten statt interner Benutzernamen
- Überarbeitete Schnellantworten für sensible Momente
- Zuverlässigeres Verhalten bei schwacher Verbindung
