Guías impresas → plataforma móvil offline para 20.000 empleados
Transformar 72 guías operativas impresas en una experiencia móvil offline-first usada a diario en una organización global. Diseñadora única, responsabilidad end-to-end, entregado en 8 meses.
Transformar guías operativas impresas en una experiencia mobile
Una gran organización global dependía de 72 guías operativas impresas con procedimientos técnicos usados a diario por trabajadores y responsables en entornos exigentes. Las guías eran difíciles de navegar, costosas de mantener e impracticables de llevar y usar en campo.
El objetivo era transformar esa documentación en una aplicación mobile offline. El análisis de las 72 guías reveló una estructura consistente de 14 secciones en todas las áreas operativas, que se convirtió en la base de la arquitectura de información (una decisión deliberada para preservar la familiaridad y minimizar la curva de aprendizaje para usuarios con poca experiencia digital).
Diseñadora de Producto única, responsable del diseño end-to-end. Colaboré con el Product Owner, el Project Manager, el equipo de ingeniería, el arquitecto de sistemas y los stakeholders operativos, alineando a estos grupos en torno a un alcance de MVP técnicamente viable que aún satisfacía las necesidades del usuario. Esto requirió negociar compromisos, defender las necesidades del usuario frente a restricciones técnicas y de tiempo, y definir qué se incluiría en la primera versión y qué en iteraciones posteriores.
Colaboré con una investigadora en el testing de usabilidad. Construí el prototipo de baja fidelidad usado en las sesiones y participé directamente en el testing, traduciendo los hallazgos en decisiones de diseño. Tres de esos hallazgos modificaron el diseño directamente y están documentados en la sección de Decisiones de Diseño.
El mapeo de las 72 guías operativas reveló una estructura consistente de 14 secciones en todas las áreas. Esto se convirtió en la columna vertebral de la IA y el modelo de navegación principal, preservando el modelo mental que los usuarios ya tenían de la versión impresa.
Sesiones quincenales con el PM, ingenieros y responsables operativos definieron las prioridades del MVP y detectaron restricciones técnicas temprano, permitiendo que las decisiones de diseño contemplaran las limitaciones del sistema antes de que se convirtieran en bloqueos.
Colaboré con una investigadora para testear prototipos de baja fidelidad con empleados operativos reales. Construí el prototipo y participé en las sesiones. El testing validó el modelo de navegación y detectó tres hallazgos que modificaron el diseño final directamente.
Navegación que replica la estructura de las guías impresas
Vista empleado, 14 secciones que replican la estructura de las guías impresas. La navegación por acordeones permite escanear el mapa completo de contenido sin scrollear por los procedimientos.
Misma estructura, adaptada para mayor volumen de contenido
Vista lead, misma estructura de 14 secciones con títulos de sección agrupando los acordeones donde el volumen de contenido requirió anclas visuales adicionales. Agregado tras el testing de usabilidad con usuarios lead.
Un sistema de contenido diseñado para la densidad y el escaneo rápido
Cada guía soporta múltiples formatos de contenido en la misma pantalla: texto introductorio, destacados, listas de bullets, referencias ilustradas y secciones de detalle expandibles. La divulgación progresiva mantiene visible el resumen mientras permite expandir solo lo relevante para la tarea actual.
Resumen de guía, todas las secciones colapsadas, dando a los usuarios un mapa completo del procedimiento antes de expandir cualquier detalle.
Detalle de guía, una sección expandida mostrando el sistema de contenido completo: texto introductorio, destacado, lista de bullets con subcategorías y referencia ilustrada. Las demás secciones permanecen colapsadas.
Selección de idioma en la primera pantalla. Búsqueda diseñada para post-MVP.
Selección de idioma en la splash screen, ubicada antes de cargar cualquier contenido para que los usuarios accedan a la app en su idioma desde la primera interacción, evitando fricción en dispositivos configurados en un idioma distinto por defecto.
Búsqueda, diseñada en paralelo al MVP y planificada para la siguiente versión. Incluye estado vacío, sugerencias, búsquedas recientes, resultados con etiquetas de sección y rol, y corrección de errores tipográficos.
Las decisiones que dieron forma al producto
72 guías, contenido denso. Los acordeones permiten a los usuarios escanear la estructura completa primero y expandir solo lo necesario. Validado en testing: localización de procedimientos más rápida que navegando por niveles de pantalla.
Esto también derivó en tres decisiones de interacción específicas:
- Botón "Cerrar" al final de cada acordeón expandido, para que los usuarios no tengan que scrollear hacia arriba para colapsarlo.
- Link "Volver" al inicio y al final de cada guía, regresando a la sección previamente abierta y preservando el estado de navegación.
- Imágenes expandibles a pantalla completa para inspección de detalle en condiciones de campo.
Construida sobre la estructura que los usuarios ya conocían de las guías impresas, minimizando la curva de aprendizaje. También es operativamente flexible: las guías pueden agregarse o eliminarse sin cambios estructurales en la app.
Los íconos de navegación siempre están acompañados de etiquetas de texto por la misma razón: los usuarios con poca experiencia mobile no pueden depender del reconocimiento de íconos únicamente.
Sin ella, la app hubiera sido inaccesible para una porción significativa de los usuarios desde el primer día. No fue una mejora post-lanzamiento, sino un requisito fundamental que impulsé desde el inicio.
Las limitaciones del sistema descartaron la búsqueda en la primera versión. La navegación de 14 secciones fue diseñada específicamente para permitir encontrar procedimientos sin ella. La búsqueda completa fue diseñada en paralelo para la siguiente versión.
- Los wireframes iniciales usaban una barra de tabs inferior. Los trabajadores operativos encontraron la ubicación superior más intuitiva.
- La vista Lead incorporó títulos de sección como capa de agrupación tras comprobar en testing que el volumen de procedimientos era difícil de escanear.
- Se agregó una sección de Aprendizaje e Incorporación tras detectar en testing usuarios que necesitaban orientación antes de acceder a los procedimientos.
Imágenes optimizadas para confiabilidad offline, incluidas solo donde aportan valor de comprensión que el texto solo no puede proveer.
Las sombras y efectos de elevación también se evitaron por la misma razón: en condiciones de exterior con luz solar directa, se vuelven invisibles y agregan ruido visual sin valor funcional.
Entregado en tiempo. Usado cada día.
La aplicación fue entregada en ocho meses por una sola diseñadora y desplegada a aproximadamente 20.000 empleados, convirtiéndose en la herramienta de referencia operativa estándar de la organización.
El testing de usabilidad mostró una reducción estimada del 15% en el tiempo de localización de procedimientos, basada en el feedback de los usuarios durante sus primeras interacciones con el formato digital, una mejora significativa en entornos donde la velocidad y la precisión afectan directamente los resultados operativos. Reemplazar los manuales impresos también eliminó un costo recurrente significativo para la organización.