Aplicación móvil de ciberseguridad / INCIBE
- Señal · #81CEED
- Principal · #3052A0
- Seguro · #29F2A6
- Tinta · #1D1D1B
- Superficie · #EEF0F4
Mi contribución
Definición de pautas de producto y negocio y diseño de las pantallas para cliente respetando el sistema existente. La librería visual fue creada por otro equipo.
Procesos, decisiones, pantallas y componentes propios · se omiten documentación privada de partes interesadas, cohortes restringidas, datos reales de clientes y enlaces a archivos internos · «VaultDefense» es el nombre del archivo de trabajo. El sistema visual y la librería son de otro equipo; aquí no se atribuyen.
Pantallas de cliente y decisiones
Pantallas construidas respetando el sistema visual creado por otro equipo.
Pantalla realInicio · estado del sistemaUn estado legible antes que las cifras: primero «qué significa», después el detalle. Pantalla realDetalle de amenazaAnálisis técnico visible pero subordinado a una acción clara y a un estado ya resuelto. Pantalla realAlertas y anomalíasFiltros por criticidad y etiquetas de severidad con texto, para no depender solo del color.
Flujo de confianza y comprensión
Recorrido de la experiencia tal y como está documentada en el caso.
Pantalla
Acceso
- Qué hace la app, en una frase
- Acceso con credenciales
- Ayuda visible desde el inicio
Entrar sin fricción y saber dónde estoy.
Qué debe comprender
Para qué sirve la app antes de usarla.
Qué incertidumbre se reduce
«No sé si esto es para mí».
Siguiente paso claro
Ver el estado general.
Estructura de pantalla reconstruida · sin datos de usuarios ni incidentes reales
Validación y adopción
Cómo se habilita el uso- Problema de producto
La base técnica era sólida, pero la comprensión y la confianza frenaban el uso.
- Decisión de diseño/producto
Reordenar el flujo para que cada pantalla diga qué pasa, por qué importa y cuál es el siguiente paso.
- Qué debía facilitar
Que una persona no técnica pudiera situarse, confiar en la señal y actuar.