VIAC AKO NI(c)K · Aplicación móvil pública
Cuando escribir significa dar el primer paso.
Junto con HexaTech renovamos la app VIAC AKO NI(c)K, del servidor a las pantallas de conversación. Añadimos indicador de escritura, adjuntos y salida de emergencia. Va estable en iOS y Android.
Camino hacia la conversación
Un flujo tranquilo desde el apodo hasta una salida segura.
El rediseño guía por el registro, la selección del consultor y la conversación. Las respuestas rápidas, los adjuntos y la salida segura permanecen en el chat.
Desplaza el diagrama horizontalmente.
- 01
Registro
Una entrada breve con apodo y un siguiente paso claro.
- 02
Selección del consultor
El apoyo disponible se entiende antes de abrir el chat.
- 03
Conversación
Los mensajes, el tiempo y el estado de escritura mantienen la conversación fácil de seguir.
- 04
Acciones rápidas
Las respuestas y los adjuntos quedan a mano sin salir de la conversación.
- 05
Salida segura
Finalizar la sesión es una parte visible de todo el flujo.
Información
- Tipo de proyecto
- Aplicación móvil pública
- Plataforma
- iOS y Android
- Nuestro papel
- La aplicación ya funcionaba. Junto con HexaTech rediseñamos partes seleccionadas de la interfaz, añadimos nuevas funciones y corregimos errores del código.
- Socio
- HexaTech s.r.o.
Tecnología
- Flutter
- Dart
- iOS
- Android
Lo que aprenderá
- 01Cómo diseñar un flujo tranquilo para un servicio público sensible.
- 02Cómo mantener una interfaz accesible en iOS y Android.
- 03Cómo coordinar una aplicación móvil con un equipo asociado.
01
Proyecto
VIAC AKO NI(c)K es un proyecto público disponible a través de una aplicación para iOS y Android. En un contexto sensible, cada paso debe ser comprensible y la interfaz no debe añadir incertidumbre.
02
Reto
Un servicio móvil público debe funcionar de forma fiable en distintos dispositivos y, al mismo tiempo, seguir siendo claro para quienes lo abren en una situación difícil.
“En un servicio sensible, una interfaz tranquila forma parte de la funcionalidad.”
03
Rise y HexaTech
Junto con HexaTech, ayudamos a desarrollar la aplicación móvil para iOS y Android. La aplicación usa Flutter y Dart, con PHP en el servidor.
04
Decisiones clave
Priorizamos pasos claros, interfaces legibles y un comportamiento coherente en ambas plataformas móviles.
05
Resultado
El resultado es una aplicación pública para iOS y Android diseñada para el uso diario en un contexto sensible.
Arquitectura de la aplicación
Una experiencia. Cuatro responsabilidades claras.
Las pantallas móviles, el núcleo Flutter compartido, el límite de comunicación y la entrega a dos plataformas permanecen separados y forman un solo producto.
Cómo mantuvimos el sistema legible
- 01
Diseñamos las pantallas como un flujo móvil conectado.
- 02
El comportamiento compartido permaneció en una base Flutter y Dart.
- 03
Separamos la comunicación de la capa visual.
- 04
Gestionamos la reconexión sin perder el contexto de la conversación.
- 05
Verificamos el mismo flujo en iOS y Android.
Desplaza el diagrama horizontalmente.
- 01
Interfaz móvil
Registro, selección de apoyo y conversación forman un conjunto claro.
- 02
Núcleo compartido
Flutter y Dart mantienen comportamiento reutilizable para ambas plataformas.
- 03
Límite de comunicación
Solicitudes, respuestas y recuperación controladas permanecen fuera de las pantallas.
- 04
Dos plataformas
Un servicio móvil se entrega en iOS y Android.
Ciclo de desarrollo
El rediseño continuó hasta una versión verificada.
El cambio visual fue solo la primera capa. La estabilidad del código, la comunicación, la reconexión y la verificación en ambas plataformas completaron el trabajo.
Desplaza el diagrama horizontalmente.
- 01
Rediseño
Unificación del registro, la selección de apoyo y la conversación.
- 02
Estabilidad del código
Correcciones de comportamiento en la base compartida.
- 03
Comunicación y recuperación
Respuestas claras y regreso a la conversación tras una pérdida de conexión.
- 04
Verificación de plataformas
El mismo flujo y resultado en iOS y Android.
- 05
Lanzamiento
Un servicio móvil mantenido en ambas tiendas.
Versión 1 → Versión 2
Una conversación más tranquila y estable que antes
Renovamos la nueva versión desde el servidor hasta las pantallas de conversación. El control deslizante muestra la interfaz original junto a lo que hoy ven los niños y los consultores.
Arrastra
Lo que creamos
- Un indicador de escritura muestra que el consultor responde
- Envío de fotos y archivos directamente en el chat
- Una salida de emergencia para salir de la app al instante
- Burbujas legibles que distinguen al niño del consultor
Lo que mejoramos
- Estabilidad y menos fallos en iOS y Android
- Un aspecto unificado y más tranquilo en la conversación
- Mensajes legibles en lugar de nombres de usuario internos
- Respuestas rápidas rediseñadas para momentos delicados
- Un comportamiento más fiable con conexión débil
Un objetivo parecido, adaptado a sus necesidades
