VoltAI — Reduciendo el impacto financiero
y la carga cognitiva en la agroindustria mediante IA.

El Problema:
La "Ceguera de Datos"

Estructurando el caos
antes del primer wireframe

Antes de abrir la herramienta de diseño y trazar el primer wireframe, el verdadero reto fue estructurar el caos. Un diseño visual atractivo es inútil si la infraestructura de datos no tiene sentido para la ingeniería de la planta.

Para resolver esto, modelé la arquitectura de la información basándose en un Gemelo Digital esquemático, categorizando la información de la siguiente manera:

// Telemetría en tiempo real — CNP-04 · 2026-06-13T15:55:02Z
{
  "timestamp": "2026-06-13T15:55:02Z",
  "facility_id": "PACKING_SAN_FELIPE",
  "area_id": "EMBALAJE_LINEA_SUR",
  "device_metadata": {
    "asset_id": "CNP-04",
    "model": "Pneumatic-Industrial-V2",
    "last_maintenance": "2026-04-10"
  },
  "telemetry_sensors": {
    "energy_consumption_kwh": 145.8,
    "current_amperage": 215.2,
    "pressure_bar": 4.1,
    "surface_temperature_c": 82.5
  },
  "ai_analytics_layer": {
    "operating_efficiency_score": 0.62,
    "anomaly_detected": true,
    "predicted_failure_hours": 14.5,
    "financial_risk_hourly_usd": 1250.00
  }
}

Diseñando para la Carga Cognitiva

En entornos industriales de alta presión, el diseño visual debe estar subordinado a la claridad operativa. Antes de definir componentes en pantalla, era fundamental entender quién utilizaría VoltAI, bajo qué nivel de estrés, y cuáles eran las limitaciones físicas de su entorno de trabajo. El éxito del producto no dependía de la estética, sino de mitigar la "Ansiedad de la Automatización" frente a la Inteligencia Artificial.

2

Contexto de Uso

Environment Mapping

Diseñar para este sector exige salir de la suposición del "usuario en un entorno tranquilo". Las decisiones de accesibilidad y contraste de VoltAI se fundamentaron en el siguiente entorno físico:

Plataforma

Desktop-First

Carlos no monitorea datos complejos desde un móvil. Trabaja en una sala de control con múltiples monitores de 24 pulgadas, lo que permite un layout de alta densidad de información. El móvil se reserva estrictamente para notificaciones de emergencia Push.

Entorno Físico

Alta presión y distracción

Opera desde una oficina acristalada dentro de la misma planta de procesamiento. Expuesto a ruido de fondo constante (compresores, grúas), interrupciones por radio y presión directa de los supervisores de turno.

Exigencia UX

Lectura Periférica

Carlos necesita captar el estado general de la planta por el "rabillo del ojo". Los colores no cumplen una función estética, sino normativa: el rojo vibrante se reserva exclusivamente para riesgos críticos e inminentes.

Insight de contexto

El entorno dicta la interfaz. El operador no está aislado; está sujeto a interrupciones constantes y ruido de fondo. Por esto, la interfaz debe soportar la "visión periférica", utilizando el color rojo exclusivamente para alertas críticas que atraviesen el ruido ambiental.

El Viaje Interactivo y
Protocolos de Seguridad

User Flow

En el diseño de software para misiones críticas, mapear el escenario ideal (Happy Path) es solo la mitad del trabajo. Para validar la arquitectura y la estrategia de IA Explicable, tracé el flujo de mayor fricción y riesgo financiero para el packing: evitar una multa por sobreconsumo eléctrico en tiempo real, contemplando qué sucede si el factor humano falla.

En un entorno industrial real, los usuarios se levantan al baño, ignoran las pantallas o necesitan tomar el control manual. El sistema no puede depender de una interacción perfecta. Para proteger el negocio, diseñé las siguientes ramificaciones lógicas:

De la Arquitectura al Esqueleto Visual

Lo-Fi Wireframes

Con la arquitectura de datos definida, el siguiente paso fue estructurar la distribución espacial (Layout) antes de aplicar la capa visual. Se optó por un diseño de tres columnas para priorizar la navegación pasiva, el control espacial interactivo y la proactividad de la IA.

De Telemetría a Decisiones Críticas

Con la arquitectura de datos definida, el reto visual era claro: diseñar un centro de control que redujera la carga cognitiva del operador, permitiéndole trabajar en un entorno de alto estrés sin cometer errores.

Se optó por un sistema de diseño estructurado en Dark Mode Industrial. Esta no fue una decisión puramente estética, sino funcional: en salas de control, los fondos oscuros previenen la fatiga visual de los turnos largos, permitiendo que los colores semánticos (Verde para salud, Rojo para alertas) capturen instantáneamente la visión periférica del usuario.

Antes de visualizar el panel general, cada componente individual fue diseñado para asistir al operador y mitigar el riesgo operativo:

1

Ubicación Espacial Rápida

El Gemelo Digital

En plantas industriales enormes, saber exactamente dónde ocurre el problema es vital. El esquema arquitectónico mapea los nodos IoT en tiempo real y, ante una anomalía, entrega la telemetría dura (89.5 kWh y 3.8 Bar) directamente sobre la ubicación física del motor afectado.

2

Navegación Contextual

El Árbol de Activos

Para evitar el ruido visual, el menú lateral reacciona al contexto. Ante una alerta, expande automáticamente la línea de producción afectada y resalta el equipo defectuoso, mientras que los componentes sanos pasan a un segundo plano visual.

3

Generando Confianza

El Gráfico Predictivo XAI

Para que un humano confíe en una recomendación automatizada, necesita entender el razonamiento de la máquina (Explainable AI). El gráfico proyecta el impacto a futuro: muestra cómo el consumo histórico se dispara y calcula que, si no se interviene, el límite del contrato se romperá en exactamente 14 minutos.

4

Ejecución Segura

Panel de Acciones e Insights

Aplicando la Ley de Hick, bloqueamos otras interacciones bajo presión y ofrecemos una solución unificada. El diseño traduce la acción técnica a su impacto de negocio (ahorro de $12,500 USD). El botón de ejecución principal es inconfundible, asegurando una respuesta rápida y libre de errores.

Al ensamblar estos componentes, VoltAI entrega dos vistas maestras que dirigen la atención del usuario de manera dinámica, pasando del monitoreo pasivo a la gestión activa de crisis.

Estado Normal — Monitoreo Pasivo y Control Global

En condiciones operativas estables, la interfaz transmite tranquilidad. El árbol de activos se mantiene colapsado (en verde), y el panel central muestra el comportamiento energético de toda la planta. Mientras la curva de consumo general (400.2 kWh) fluya bajo la línea de penalización, el operador solo supervisa.

Estado Crítico — Intervención y Foco

El sistema muta cuando se detecta la anomalía en el compresor. La vista global se abandona para hacer un zoom al problema, desplegando el panel lateral de Insights y guiando la visión del operador directamente hacia el botón de resolución para mitigar el riesgo financiero.

UX como Herramienta Financiera

El diseño de VoltAI demuestra que, en entornos industriales B2B, la experiencia de usuario no se trata de estética, sino de eficiencia operativa y mitigación de riesgos. Al reducir el tiempo de diagnóstico de minutos a segundos y ofrecer acciones unificadas a través del panel de Insights, el diseño impacta directamente en la última línea del negocio (bottom line).