Arquitectura de la Información: Nueva Plataforma Educativa MNAC

Diseñando el Sistema de Navegación del MNAC

El Reto: Transformar un museo en un aula digital

El Museu Nacional d’Art de Catalunya (MNAC) nos planteó un desafío ambicioso: crear una plataforma que no solo muestre obras, sino que enseñe a través de ellas. Pero, ¿de qué sirve tener el mejor contenido educativo si el usuario no sabe cómo llegar a él?

En esta fase del proyecto, mi objetivo ha sido definir el Sistema de Navegación. He diseñado los flujos de interacción para asegurar que nuestros dos arquetipos principales —Laura (docente que busca recursos) y Carlos (estudiante que busca aprender)— puedan cumplir sus objetivos sin fricción.

1. Aprendiendo de los líderes (Benchmark)

Antes de trazar los caminos, analicé cómo resuelven la navegación dos referentes del sector para incorporar sus mejores prácticas y, sobre todo, evitar sus errores de usabilidad.

Museo del Prado: La gestión de colecciones

Analicé su flujo de «Guardar obra».

• El Acierto: Permiten guardar obras con un solo clic sin interrumpir la navegación. Una interacción fluida ejemplar.

• El Error: Una vez guardado el contenido, el usuario se siente perdido. El acceso al perfil personal está oculto y es poco intuitivo.

• Mi decisión de diseño: Para el MNAC, he separado la navegación pública de la privada. El acceso al «Área Personal» estará siempre visible en la esquina superior (Meta-navegación), garantizando que el usuario siempre sepa dónde están sus herramientas.

  

Google Arts & Culture: La exploración inmersiva Analicé su jerarquía de descubrimiento.

• El Acierto: Usan una «divulgación progresiva» excelente. Guían al usuario de lo general («Explorar») a lo particular («Autor») paso a paso.

• El Error: El uso de etiquetas ambiguas como «Historias» genera incertidumbre. ¿Es un video? ¿Un texto?

• Mi decisión de diseño: Apostar por la claridad semántica. En mis flujos utilizo etiquetas descriptivas como «Itinerario Educativo» o «Ficha Técnica» para que el estudiante sepa qué formato va a consumir antes de hacer clic.

2. Diseñando la Experiencia (Diagramas de Flujo)

A partir de la investigación, he diseñado cuatro flujos de navegación que resuelven los «puntos de dolor» críticos de nuestros usuarios.

Flujo 1: Búsqueda eficiente para docentes

El problema: Los docentes pierden tiempo filtrando bases de datos complejas. La solución: Un flujo optimizado que permite a Laura llegar desde la Home hasta un recurso específico del Renacimiento en solo 3 pasos, utilizando categorías unificadas y filtros visuales.

Flujo 2: Creación y gestión de contenidos

El problema: La dificultad para organizar recursos propios en plataformas institucionales. La solución: Un camino claro hacia el «Área Personal». Este flujo valida la arquitectura propuesta, permitiendo a la docente crear, nombrar y guardar una colección propia («Recorrido Temático») para compartir con sus alumnos.

Flujo 3: Aprendizaje autónomo y asistido

El problema: Los estudiantes necesitan respuestas rápidas y contexto mientras estudian. La solución: Integración de un Buscador con IA. Este flujo muestra una navegación no lineal donde Carlos puede resolver una duda específica y saltar inmediatamente a las obras relacionadas para guardarlas en su perfil.

Flujo 4: Accesibilidad e inclusión

El problema: Barreras de entrada para usuarios con dispositivos limitados o dificultades visuales. La solución: He situado las herramientas de Configuración (como el Selector de Nivel de Lectura) en el primer nivel de la navegación. El flujo demuestra cómo el usuario adapta la interfaz antes de empezar a consumir el contenido.

Conclusiones y Siguientes Pasos: De la Estructura a la Experiencia

Este proyecto ha logrado algo fundamental: traducir necesidades abstractas en comportamientos tangibles. Hemos demostrado que la Arquitectura de la Información no es solo organizar contenido, sino diseñar el tiempo y la atención del usuario.

El Insight Principal: La gran lección de esta etapa es que el contexto define la navegación. Al separar radicalmente los espacios de «Exploración» (público/inmersivo) de los de «Gestión» (privado/utilitario), hemos resuelto la fricción histórica entre disfrutar del arte y trabajar con él. Hemos validado que una plataforma puede servir a dos usuarios —el turista curioso y el docente metódico— si se les ofrecen puertas de entrada distintas pero conectadas.

Hacia dónde vamos (Próximos Pasos): Con los flujos de navegación definidos, el esqueleto del sistema es sólido. Para llevar este proyecto a la realidad (MVP), la hoja de ruta sugiere:

1. Prototipado de Baja/Media Fidelidad: Traducir estos diagramas lógicos a wireframes para definir la distribución visual de elementos críticos como el «Buscador IA» y la «Meta-navegación».

2. Test de Guerrilla: Validar con 5 usuarios reales si las etiquetas como «Itinerario Educativo» generan la expectativa correcta antes del clic.

3. Diseño de Micro-interacciones: Definir cómo el sistema comunica el éxito al guardar una obra (feedback visual), un punto clave detectado en nuestro análisis de referentes.

En definitiva, hemos transformado el MNAC de un repositorio estático a un ecosistema educativo vivo, donde la tecnología no es una barrera, sino el puente invisible que conecta al visitante con el conocimiento.

Consulta el trabajo completo aquí.

Definición de la Organización y del Etiquetado – Museu Nacional d’Art de Catalunya MNA © 2025 by Ivan Sierra is licensed under Creative Commons Attribution 4.0 International