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

EPIC iO — DeepEdge: UX centrada en las personas para vigilancia con IA en el dispositivo

Diseño de una experiencia táctil intuitiva para dispositivos de vigilancia con IA en el borde. Mediante análisis heurístico, wireframing e iteración centrada en el usuario, el proyecto entregó una interfaz mínima, eficiente y lista para el campo, optimizada para pantallas embebidas pequeñas.

Diseño UX
EPIC iO Technologies
2024
Por definir
Diseñador UX/UI
Volver a casos de estudio

Implementación del sistema de interfaz

Así se traduce el sistema de diseño en interfaces reales, con énfasis en claridad, escalabilidad y usabilidad.

Resumen del proyecto

EPIC iO Technologies Logo

DeepEdge es la interfaz de videovigilancia con IA en el dispositivo de EPIC iO, diseñada para paneles táctiles compactos integrados en sistemas de borde. El objetivo era rediseñar la interfaz heredada del firmware para convertirla en una interfaz compacta y optimizada para uso táctil, capaz de operar completamente sin conexión y de mantener claridad y velocidad en entornos críticos de monitoreo.

Este proyecto representó el giro de EPIC iO hacia una UX centrada en las personas en sistemas embebidos, donde la simplicidad visual, el flujo intuitivo y la resiliencia técnica son vitales para la operación en campo.

El proyecto se enfocó en repensar cómo los operadores interactúan con las unidades de monitoreo desplegadas en campo, optimizando cada acción —desde la configuración del dispositivo hasta la analítica en vivo— mediante un lenguaje de diseño táctil adaptado a las restricciones físicas y ambientales del hardware de borde.

Resumen del proyecto

Plazo y equipo

2024

Lead UX/UI Designer — discovery, arquitectura de información y definición estructural

Herramientas y metodología

Wireframe, FigJam, Internal hardware emulator

Investigación UX, evaluación heurística, mapeo de recorridos de usuario, wireframing, diseño de interacción

Entregables clave

  • • Auditoría heurística de la interfaz existente del firmware
  • • Lógica de navegación rediseñada para las tareas clave (monitoreo, configuración del dispositivo, configuración del modelo de IA)
  • • Wireframes de baja fidelidad y flujos interactivos para el control por gestos
  • • Principios visuales y de movimiento para la retroalimentación en tiempo real y los estados de error
  • • Prototipo de validación de usabilidad probado en dispositivos de ingeniería

Métricas de rendimiento

Las mejoras de usabilidad se observaron de forma cualitativa durante las revisiones internas: los primeros prototipos mostraron una navegación más clara y una finalización de tareas más rápida en los dispositivos embebidos, a la espera de una validación cuantitativa en fases futuras de producción.

Planteamiento del problema

La interfaz existente de DeepEdge se había adaptado de un sistema de escritorio y no estaba diseñada para entornos táctiles. Los operadores en campo enfrentaban barreras de usabilidad, entre ellas:

  • Layouts densos y áreas táctiles pequeñas: precisión de interacción limitada en condiciones de campo.
  • Poca visibilidad bajo luz directa: inconsistencias de contraste que afectaban la legibilidad.
  • Flujos de varios pasos: acciones básicas del dispositivo, como reiniciarlo o configurar zonas de IA, requerían demasiados pasos.
  • Falta de mecanismos de retroalimentación: los usuarios no podían confirmar si los comandos se ejecutaban correctamente.

El reto fue reconstruir la interfaz con una lógica de pantalla táctil embebida, optimizando cada píxel y cada interacción para lograr claridad y eficiencia táctil.

Desafío

El proyecto enfrentó varios retos críticos:

  • Diseñar para un espacio de pantalla reducido manteniendo la paridad funcional completa.
  • Adaptar el lenguaje de diseño general de EPIC iO a un contexto condicionado por el hardware.
  • Asegurar legibilidad y capacidad de respuesta en condiciones de mucha luz o en exteriores.
  • Equilibrar desempeño y riqueza de la experiencia con recursos de hardware limitados.

Enfoque

Siguiendo una metodología de diseño integral:

  1. Evaluación heurística: apliqué un framework heurístico adaptado a móvil para identificar brechas de navegación, retroalimentación y consistencia en la interfaz actual del firmware.
  2. Flujos de tareas y arquitectura de información: mapeé el flujo completo del usuario —configurar, monitorear, calibrar y reiniciar—, reduciendo las operaciones críticas de cinco a dos pasos.
  3. Wireframing y diseño de interacción: usé Balsamiq para wireframes de baja fidelidad y después refiné la lógica táctil y el mapeo de gestos en FigJam. Prototipé acciones rápidas, confirmaciones modales y paneles con desplazamiento.
  4. Principios de diseño visual: desarrollé una paleta adaptable en modo oscuro, iconos grandes y alertas codificadas por color para permitir la operación con guantes y reducir la fatiga visual.
  5. Validación y pruebas: realicé pruebas con el equipo de ingeniería usando emuladores de dispositivo y hardware físico para confirmar la sensibilidad táctil y la capacidad de respuesta.

Solución

La interfaz rediseñada de DeepEdge introdujo un layout basado en tarjetas centrado en la claridad, la accesibilidad y el minimalismo:

  • Navegación compacta de nivel superior con acceso rápido a las funciones clave del dispositivo.
  • Atajos sensibles al contexto para el monitoreo en tiempo real y el control de la IA.
  • Zonas táctiles amplias con espaciado generoso para lograr precisión al tacto.
  • Jerarquía visual de alto contraste con un estilo oscuro adaptable.
  • Animaciones de retroalimentación e indicadores de progreso para la ejecución de comandos.

El resultado fue un modelo cohesionado de UX embebida, optimizado para la eficiencia y la confiabilidad en campo.

Resultados

Durante mi participación, el proyecto DeepEdge aún no llegaba a producción completa, ya que el equipo seguía validando el desempeño del hardware y la integración del firmware.

Sin embargo, las fases de discovery y diseño produjeron bases clave que guiaron los esfuerzos de desarrollo posteriores:

  • Definición de una arquitectura de información y un modelo de navegación completos para entornos de pantalla táctil pequeña.
  • Entrega de prototipos de baja y alta fidelidad validados internamente por los equipos de ingeniería.
  • Creación de un marco de diseño que después se retomó como referencia para otros dispositivos de borde e IoT de EPIC iO.
  • Documentación de heurísticas de usabilidad y patrones de interacción para apoyar la implementación y el QA futuros.

Conclusión clave

Diseñar para dispositivos embebidos exige una mentalidad distinta: una que priorice la ergonomía táctil, las restricciones ambientales y la retroalimentación inmediata por encima de lo decorativo.

DeepEdge demostró que, cuando la UX se adapta a las realidades del hardware, incluso las pantallas pequeñas pueden ofrecer claridad, control y confianza en contextos críticos.

¿Le resultó interesante este caso de estudio?