Portafolio · Laboratorio IA

AI-Driven Security Dashboard

Rediseño de un dashboard de seguridad complejo en una experiencia clara y accionable, donde la IA prioriza lo que realmente importa y guía la decisión del usuario.

Rol
Senior Product Designer
Enfoque
UX · Design System · IA
Sector
Ciberseguridad
AI-Driven Security Dashboard — pantallas finales del producto

El Reto

Un dashboard complejo que abrumaba al usuario

El dashboard original mostraba una gran cantidad de datos sin una jerarquía clara. Los responsables de seguridad tenían que interpretar métricas, campañas y comportamientos de riesgo sin saber por dónde empezar ni qué era realmente urgente.

El objetivo fue transformar esa complejidad en una experiencia clara y escaneable, capaz de guiar la atención del usuario paso a paso y ayudarle a centrarse en lo que de verdad importa.

Problemas Detectados

Tres barreras que dificultaban la acción

Sobrecarga de información

Demasiados datos compitiendo al mismo nivel generaban ruido visual y aumentaban la carga cognitiva del usuario.

Experiencia pasiva

El producto mostraba información, pero no sugería qué hacer con ella. El usuario debía interpretarlo todo por su cuenta.

Poco enfoque en negocio

No conectaba las métricas con el impacto real en la seguridad ni con las decisiones que aportaban valor.

La Propuesta

Separar prioridades para impulsar enfoque y acción

Rediseñé la estructura para separar prioridades y guiar la atención del usuario. Un asistente con IA destaca los problemas más críticos y sugiere las siguientes acciones, mientras la información se organiza por niveles: visión general, categorías de prioridad y análisis en profundidad.

De esta forma el dashboard deja de ser un panel pasivo para convertirse en una herramienta que orienta la decisión y acelera la respuesta.

Estructura del layout del dashboard y decisiones de diseño

Decisiones de Diseño

Cuatro decisiones clave

Asistente de prioridades con IA

La tarjeta del asistente destaca los problemas más críticos y sugiere las siguientes acciones para ayudar al usuario a actuar más rápido.

Vista general de métricas clave

Métricas de alto nivel que muestran el estado actual de un vistazo, con tendencias claras y variaciones.

Categorías de prioridades

Tarjetas con código de color que agrupan las áreas clave por tipo para entender rápidamente dónde enfocar.

Análisis en profundidad

Tres secciones principales que permiten analizar, actuar y monitorizar el progreso con detalle.

Flujo de Usuario

De la alerta a la acción

El flujo acompaña al usuario a lo largo de todo el ciclo: el asistente identifica los elementos críticos, el usuario aplica las acciones sugeridas y el sistema confirma que la postura de seguridad se ha actualizado.

  • El asistente con IA identifica los problemas más importantes.
  • El usuario aplica las acciones prioritarias sugeridas.
  • El sistema procesa y prioriza los problemas más críticos.
  • Se confirma la mejora de la postura de seguridad.

Impacto Esperado

Menos ruido, más decisiones

Tiempo de decisión
Reducido
Adopción
Mayor
Posicionamiento
Diferenciación

Una jerarquía más clara reduce la carga cognitiva y acelera las decisiones de los equipos de seguridad. El enfoque en la acción mejora la adopción del producto, la IA aporta diferenciación competitiva y la arquitectura queda preparada para evolucionar con nuevas funcionalidades.

Aprendizaje

El diseño no es mostrar datos, es facilitar decisiones

Este proyecto reforzó una idea clave para mí:

Un buen dashboard no muestra más información, sino la información correcta en el momento adecuado.

La IA no sustituye el criterio del diseñador: lo amplía, ayudando a priorizar y a convertir un panel complejo en una herramienta que guía al usuario hacia la acción sin comprometer la profundidad ni el control.

Herramientas

Stack utilizado

  • Figma
  • Design System
  • IA generativa
  • Prototipado
  • UX Research
Scroll al inicio