UX/UI
Perspectiva General
El proyecto consistió en crear una plataforma interna de IA generativa para empleados de NBN, con el objetivo de agilizar la creación de documentación compleja. Diseñada para enfrentar el desafío de gestionar múltiples tipos de documentos y tiempos de producción extensos, la plataforma combina asistencia de IA con plantillas predefinidas para acelerar y estandarizar los flujos de trabajo. No solo sirve al personal interno, sino también a los técnicos de campo, convirtiéndose en una herramienta valiosa para distintos roles operativos. Me encargué del diseño UX/UI del proyecto, desde mapear los flujos de usuario y crear wireframes, hasta construir el sistema completo de UI y entregar prototipos listos para los desarrolladores.



Sobre el Projecto
01. Resumen
NBN OutageRover fue un concepto que diseñé para NBN, empresa que gestiona la red nacional de banda ancha en Australia, para demostrar cómo una plataforma de IA generativa podía agilizar la creación de distintos tipos de documentación operativa e informes. El objetivo era combinar la asistencia de IA con plantillas predefinidas para acelerar y estandarizar los flujos de trabajo en diferentes roles. Lideré el diseño UX/UI de principio a fin, mapeando flujos de usuario, creando wireframes y construyendo un sistema UI completo. El concepto fue pensado para servir tanto al personal de oficina como a los técnicos de campo, ofreciendo una herramienta intuitiva y eficiente, adaptable a múltiples contextos de uso.
02. Problema
En ese momento, el proceso de documentación de NBN era manual, lento e inconsistente. Los empleados a menudo tenían que generar informes personalizados desde cero, lo que ralentizaba las operaciones y aumentaba el riesgo de errores. Esto resultaba especialmente desafiante para los técnicos de campo, que necesitaban documentación rápida y precisa mientras gestionaban interrupciones del servicio en tiempo real.
El concepto debía mostrar cómo la IA podía generar documentación estructurada y precisa rápidamente, manteniendo flexibilidad y control para el usuario. También debía ilustrar cómo el sistema podía adaptarse a distintos roles y entornos de trabajo.
Wireframes

03. Proceso de diseño
Comprender las necesidades del usuario
Analicé los flujos de documentación existentes en NBN para identificar dónde la IA y las plantillas podían generar mayor impacto. Esto incluyó tanto al personal operativo que creaba informes detallados como a los técnicos de campo que preparaban documentación rápida de interrupciones del servicio.
Flujos de usuario y wireframes
Creé flujos de usuario para distintos tipos de documentación y contextos, desde informes operativos extensos hasta actualizaciones de interrupciones en tiempo real. Cada flujo consideró cómo el contenido generado por IA podía ofrecer un borrador inicial, permitiendo que los usuarios verificaran y refinaran los detalles antes de finalizarlo. Los wireframes de baja fidelidad ayudaron a validar estos flujos y asegurar su relevancia tanto para entornos de oficina como de campo.
Sistema UI y biblioteca de componentes
Desarrollé una biblioteca de componentes UI que soporta este enfoque multi-contexto. Incluyó tipografía, elementos de formulario, selectores de plantillas, paneles de sugerencias de IA y layouts responsive para asegurar facilidad de uso en distintos dispositivos y condiciones.
Workshop

04. Solución y resultados
El concepto NBN OutageRover demostró cómo NBN podía:
Reducir el tiempo de creación de documentación mediante borradores asistidos por IA y plantillas predefinidas.
Mejorar la consistencia entre todos los tipos de documentos con formato y estructura unificados.
Ofrecer flujos de trabajo específicos según el rol, tanto para personal de oficina como para técnicos de campo.
Mejorar la usabilidad móvil para tareas críticas en el campo de trabajo.
Al presentar un diseño detallado y sensible al rol, respaldado por un sistema UI escalable, el concepto mostró un camino claro para mejorar la eficiencia operativa y la precisión en los procesos de documentación de NBN.
Diseño Final




