Alfredo Cisneros — Diseñador Senior UX/UI, Estratega de Producto y Director Técnico Saltar al contenido principal

AlsoEnergy PowerNOC — Plataforma de centro de operaciones de red

Estrategia UX, evaluación heurística y arquitectura de wireframes para el monitoreo de energía renovable

Diseño UX
AlsoEnergy Inc.
2019
2016-2019
Estratega UX, Diseñador UI
Volver a casos de estudio

Análisis heurístico y diseño estructural

Esta fase definió la arquitectura UX de RemoteVision mediante heurísticas, aportes de las partes interesadas y mapeo de recorridos. Los hallazgos dieron forma a la arquitectura de información y a los wireframes en Balsamiq refinados en FigJam, produciendo una estructura validada lista para la implementación de UI.

Resumen del proyecto

AlsoEnergy Inc. Logo

PowerNOC es la plataforma de centro de operaciones de red (NOC) de AlsoEnergy, un sistema que los equipos de operaciones usan para monitorear el desempeño de la energía solar y renovable, detectar anomalías, realizar el triaje de fallas y coordinar resoluciones en sitio en grandes portafolios nacionales.

Un NOC, en este contexto, es un centro neurálgico donde ingenieros y analistas supervisan activos energéticos en tiempo real, dan seguimiento a la salud de la producción, responden a las alertas del sistema y sostienen los compromisos de nivel de servicio.

PowerNOC se desarrolló originalmente para uso interno de las operaciones de monitoreo y soporte de AlsoEnergy, atendiendo múltiples portafolios de grandes clientes en Estados Unidos. La visión a largo plazo era convertirlo en un producto comercial de marca blanca que otros proveedores de energía y centros de monitoreo pudieran desplegar para sus propias flotas.

Mi rol se enfocó en construir la estrategia UX base, realizar una evaluación heurística integral, reestructurar los flujos de trabajo y diseñar la arquitectura de wireframes que después guio al equipo interno de ingeniería durante la implementación. La plataforma terminó adoptándose internamente, con mi framework de UX como estructura central del despliegue operativo.

Resumen del proyecto

Plazo y equipo

2016-2019

Estratega e investigador UX, equipo de ingeniería, analistas de operaciones de AlsoEnergy

Herramientas y metodología

Balsamiq Mockups, Figma, Sketch

Evaluación heurística (Nielsen + principios de carga cognitiva), mapeo de flujos de trabajo, reestructuración de la arquitectura de información, wireframing, agrupación de datos y mapeo de prioridades, recomendaciones de diseño

Entregables clave

  • • Reporte integral de evaluación heurística
  • • Mapas de flujos de trabajo para detección y triaje de fallas
  • • Arquitectura de información reestructurada
  • • Arquitectura de wireframes para dashboards, listas de fallas, flujos de operador y analítica
  • • Recomendaciones de diseño y lineamientos de implementación

Métricas de rendimiento

80%

Mayor claridad y priorización de las alertas críticas

(validado con comentarios de operadores internos)

40–50%

Reducción estimada del esfuerzo de triaje

(con base en la comparación heurística frente a los flujos heredados)

100%

Transición hacia el monitoreo colaborativo

(implementado en un entorno NOC multipantalla)

Planteamiento del problema

El flujo de monitoreo heredado en AlsoEnergy dependía de una herramienta de escritorio para un solo operador, que nunca se diseñó para operaciones colaborativas en tiempo real. A medida que crecieron los portafolios de monitoreo, este modelo de uso individual se convirtió en un cuello de botella: la visibilidad de los datos se limitaba a una pantalla, las alertas eran difíciles de priorizar y no existía una conciencia situacional compartida dentro del equipo.

La empresa necesitaba una plataforma moderna de centro de operaciones de red (NOC) capaz de escalar a grandes entornos físicos: múltiples pantallas de 75" o más, layouts multipantalla, widgets modulares y vistas configurables por portafolio. El reto era pasar de una estación de trabajo individual y privada a un sistema colectivo a escala de sala, donde varios operadores pudieran trabajar juntos, monitorear eventos en paralelo y mantener un entendimiento compartido del estado del sistema.

Desafío

PowerNOC debía evolucionar de una herramienta heredada para un solo operador a una plataforma NOC escalable a escala de sala, capaz de dar soporte a entornos de monitoreo colaborativo. El reto era diseñar un sistema que pudiera:

  • Funcionar en layouts multipantalla (más de 4 pantallas, monitores de pared de 75" o más) con visibilidad compartida y clara.
  • Ofrecer una interfaz de baja carga cognitiva para equipos que realizan el triaje de fallas de forma simultánea.
  • Proveer widgets modulares y paneles configurables, adaptables a distintos portafolios y modelos operativos.
  • Estandarizar patrones de tablas, gráficas, priorización, filtrado y estados de vista general en múltiples paneles.
  • Servir como base de UX para futuras versiones de marca blanca en organizaciones aliadas.
  • Ser viable de implementar por un equipo pequeño de ingeniería, sin sobredimensionar la solución.

Enfoque

La base de UX se construyó desde cero mediante:

  • Modelado del dominio de los flujos de trabajo del NOC, incluidas las rutinas de monitoreo, el triaje de alertas, la coordinación entre operadores y los patrones de escalamiento.
  • Mapeo operativo de cómo colaboran los equipos de NOC en grandes entornos multipantalla.
  • Arquitectura de información conceptual que define módulos, jerarquía, paneles compartidos y zonas de widgets escalables.
  • Sistemas de layout para configuraciones con múltiples pantallas, con una lógica de grilla consistente en monitores de 75" o más, muros de 4 pantallas y vistas alternativas para un solo operador.
  • Diseño modular de widgets para alertas, resúmenes de estado, desempeño de equipos y colas de triaje.
  • Wireframing de las pantallas centrales, incluidos dashboards, tableros de triaje de fallas, detalle de alertas, vistas generales de portafolio y líneas de tiempo de actividad.

Solución

La experiencia rediseñada de PowerNOC incorporó:

  • Base de sistema de diseño adaptativa: una biblioteca de componentes ligera y escalable, construida para funcionar en grandes muros de pantallas del NOC, estaciones de operador multipantalla y layouts de escritorio estándar.
  • Modelo de navegación unificado: una jerarquía estructural consistente que minimizó el cambio de contexto y permitió el monitoreo simultáneo entre equipos.
  • Jerarquía de alertas priorizada: capas visuales claras que distinguen eventos críticos, advertencias y notificaciones de rutina, optimizadas para leerse a distancia.
  • Layouts adaptables al viewport: lógica de grilla pensada para pantallas de 75" o más, configuraciones con monitores en mosaico y vistas alternativas de un solo usuario, sin sacrificar claridad.
  • Patrones alineados con accesibilidad: paletas de alto contraste, interacciones predecibles, tipografía legible y comportamientos compatibles con teclado para asegurar un uso confiable durante turnos operativos prolongados.
  • Patrones de interacción estandarizados: mecanismos compartidos de filtrado, ordenamiento y búsqueda en todas las pantallas con alta densidad de datos, para reducir la carga cognitiva y el tiempo de capacitación.
  • Flujos de documentos consistentes: un sistema unificado de acceso y visualización de documentos, que reemplazó el comportamiento fragmentado de las herramientas heredadas.
  • Preparación comercial: una arquitectura de UX lista para marca blanca, capaz de soportar futuras personalizaciones para organizaciones de monitoreo externas.

Resultados

El rediseño entregó:

  • Una arquitectura unificada de UX e interfaz, adaptable a grandes muros de pantallas del NOC, estaciones de operador con múltiples monitores y escritorios estándar.
  • Un sistema visual cohesionado y patrones de interfaz modulares que aseguran consistencia entre dashboards, paneles de triaje, herramientas de operador y vistas analíticas.
  • Mayor visibilidad de las fallas y menor carga cognitiva, lo que permite decisiones más rápidas y claras en periodos de monitoreo intenso.
  • Un sistema de diseño ligero y escalable, alineado con la accesibilidad y las necesidades operativas en tiempo real, que soporta futuros despliegues de marca blanca.
  • Una base lista para producción que el equipo de ingeniería implementó con éxito pese a los recursos limitados, dando lugar a una plataforma interna estable para operaciones de energía renovable a nivel nacional.

Conclusión clave

En plataformas operativas de alto riesgo, la claridad y la estructura importan más que el refinamiento visual. Definir desde el inicio los flujos de trabajo correctos, las prioridades de datos y patrones de interfaz escalables permite que equipos pequeños de ingeniería entreguen experiencias multipantalla confiables que sostienen la toma de decisiones colectiva. Una buena base de UX e interfaz se convierte en el verdadero motor de la eficiencia operativa y de la expansión futura del producto.

¿Le resultó interesante este caso de estudio?