SIAC
Rediseño de plataforma de monitoreo para 20.347 activos críticos en tiempo real.
Un dashboard operativo que unifica dispositivos IoT, alarmas, seguimiento de activos y gestión de usuarios en una interfaz oscura, técnica y de alta densidad informativa.
Contexto
SIAC es una plataforma de monitoreo en tiempo real diseñada para operaciones industriales de gran escala. Unifica el estado de más de 20.000 activos críticos —cámaras, sensores, gateways, maquinaria y personal— en un solo dashboard operativo.
El problema
El sistema anterior cumplía su función técnica, pero no acompañaba la velocidad que la operación exigía. Estados poco diferenciados, tokens visuales inconsistentes y una jerarquía confusa hacían que los operadores tardaran más de lo necesario en interpretar una alerta crítica.
Fricciones detectadas
- Estados de dispositivos con colores similares y poco contraste.
- Falta de micro-feedback: acciones sin respuesta visual inmediata.
- Densidad de información sin jerarquía clara.
- Navegación entre alarmas, mapa y activos poco fluida.
Investigación
Hice una auditoría UX sobre el producto en uso. Revisé los flujos reales de los operadores, los tokens de diseño actuales y los puntos donde se tomaban decisiones críticas. El objetivo no era reemplazar todo, era eliminar lo que obstaculizaba la operación.
Acciones de research
- Auditoría de tokens de color y estados operativos.
- Mapeo de flujos de alarmas, seguimiento y gestión de usuarios.
- Revisión de densidad UI y jerarquía tipográfica.
- Identificación de puntos sin feedback visual.
Proceso
Diseñé un sistema de tokens propio alineado a estados operativos reales. Reorganicé la interfaz para que la información más importante se leyera primero, las acciones frecuentes estuvieran al alcance y cada interacción diera una respuesta visual inmediata.
Decisiones clave
- Definición de tokens siac-* para cada estado operativo.
- Tema oscuro industrial con contraste optimizado.
- Componentes reutilizables para KPIs, tablas, mapas y alarmas.
- Micro-animaciones con Framer Motion para feedback y performance percibida.
La solución
Rediseñé 8 vistas interconectadas que mantienen un mismo lenguaje visual. El dashboard da una lectura inmediata del estado general, el mapa permite localizar cualquier incidente, las alarmas se gestionan en pocos pasos y la administración de usuarios simplifica el control de permisos.
Funcionalidades destacadas
- Monitoreo en tiempo real con actualización automática.
- Mapa interactivo con pines de estado y reproducción de CCTV simulada.
- Gestión de alarmas con resolución y generación de reportes.
- Timeline de eventos con metadatos técnicos.
- IAM con roles, departamentos y permisos por zonas y cámaras.
Impacto
El nuevo SIAC reduce el tiempo de respuesta, aumenta la tasa de resolución y permite procesar miles de alertas con claridad operativa. Los operadores pasan menos tiempo interpretando la interfaz y más tiempo resolviendo incidentes.
Reflexión
SIAC me recordó que en productos operativos el diseño se mide por lo que no pasa: errores de interpretación, demoras en la respuesta, alertas pasadas por alto. Una interfaz clara no solo se ve mejor: hace que la operación sea más confiable.