EPIC iO — Investigación UX y wireframes de RemoteVision
Trabajo de investigación UX y wireframing en etapa temprana para la plataforma RemoteVision de EPIC iO: definición de su estructura, roles de usuario y arquitectura de información para evolucionar herramientas de monitoreo heredadas hacia un sistema moderno y escalable.
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
RemoteVision fue una fase exploratoria de UX para la futura plataforma de monitoreo de EPIC iO, pensada para unificar y modernizar WirelessWindows, el producto heredado de la empresa. El objetivo era definir la arquitectura de información del sistema y producir wireframes funcionales que pudieran guiar los esfuerzos futuros de diseño y desarrollo.
Como diseñador UX, lideré la investigación, el mapeo de la arquitectura de información y la creación de wireframes de baja fidelidad para establecer una base documentada que permitiera escalar el producto hacia una solución moderna y cohesionada.
Resumen del proyecto
Plazo y equipo
2025
Diseñador UX (fase de investigación y wireframing)
Herramientas y metodología
Wireframe, FigJam
Análisis heurístico, mapeo de arquitectura de información, wireframing de baja fidelidad
Entregables clave
- • Mapa de arquitectura de información que define la estructura y las relaciones del producto
- • Wireframes de baja fidelidad que cubren la navegación central y los flujos de interacción
- • Modelo de uso por rol para los equipos de cliente y de uNOC
- • Documentación de UX para los equipos de implementación futuros
Métricas de rendimiento
Durante mi participación no se recopilaron métricas cuantitativas de desempeño, ya que el proyecto se mantuvo en la fase de investigación y diseño estructural.
Se planearon evaluaciones futuras para validar la usabilidad, la eficiencia y la optimización de los flujos de tareas una vez que el desarrollo llegara a la implementación.
Planteamiento del problema
El proyecto enfrentó tres retos principales:
- Fragmentación heredada: WirelessWindows carecía de una agrupación lógica entre los módulos de monitoreo, dispositivos y analítica.
- Sin base de diseño: no existía documentación previa ni una estructura de UX que guiara la modernización.
- Múltiples contextos de uso: la misma interfaz atendía a clientes externos y a operadores internos del uNOC, con necesidades contrapuestas.
Desafío
El principal reto fue producir un modelo de UX claro y escalable sin recursos visuales previos, datos de usuarios ni flujos definidos: crear orden a partir de un sistema no documentado, manteniendo la flexibilidad para su evolución técnica futura.
Sin referencias de diseño existentes ni métricas de uso, el proyecto requirió reconstruir la lógica del sistema desde cero, identificar las relaciones funcionales y proponer una estructura capaz de crecer con el producto.
Enfoque
Siguiendo una metodología de investigación y estructuración:
- Análisis heurístico: evaluación del entorno existente de WirelessWindows para identificar patrones y limitaciones.
- Reconstrucción de flujos: mapeo de las relaciones y dependencias del sistema con FigJam.
- Wireframes de baja fidelidad: creación de wireframes en Balsamiq Mockups que representan la navegación esencial y la lógica de layout.
- Mapeo de dependencias: documentación de las relaciones funcionales entre módulos, alertas y dashboards.
- Brief de recomendaciones UX: recopilación de oportunidades de escalabilidad, diseño responsivo y dirección futura del diseño.
Solución
Se definió una nueva arquitectura de información que unificó todas las áreas de la plataforma en seis módulos principales: Overview, Events, Devices, Analytics, Reports y Settings.
- Separación de las experiencias de usuario para las operaciones de cliente y de uNOC, alineadas con los roles y niveles de acceso reales.
- Propuesta de un patrón de navegación actualizado que reemplaza las barras laterales heredadas con menús de nivel superior para mejorar la escalabilidad y la claridad del espacio de trabajo.
- Estructura modular que permite el crecimiento futuro sin comprometer la usabilidad.
Resultado: un paquete completo de wireframes y arquitectura de información listo para la siguiente fase de diseño de interfaz.
Resultados
Se entregó un paquete completo de wireframes UX y arquitectura de información, listo para la siguiente fase de diseño de interfaz.
El proyecto clarificó la jerarquía del producto y sus relaciones centrales para los equipos multidisciplinarios, estableciendo una base de UX documentada para un ecosistema de monitoreo escalable.
A la fecha de esta publicación, el proyecto permanece en la etapa de investigación y wireframing; se desconoce su estado actual de implementación.
Conclusión clave
Incluso sin datos ni madurez de diseño, una estructura de UX temprana y una documentación clara pueden transformar la ambigüedad en un blueprint estratégico para el crecimiento del producto.
Este proyecto demostró que establecer bases sólidas de arquitectura de información y wireframes funcionales puede generar un valor significativo antes de que comience el diseño visual, ofreciendo una hoja de ruta clara para los equipos de implementación futuros.