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

Arquitectura de la Información: Nueva Plataforma Educativa MNAC

Optimizando la experiencia de aprendizaje para docentes y estudiantes mediante datos.

1. El Reto

El Museu Nacional d’Art de Catalunya (MNAC) necesitaba estructurar su futura plataforma educativa. El desafío no era solo organizar el contenido, sino adaptar la navegación a los modelos mentales de dos usuarios muy distintos: Laura (Docente), que busca eficiencia y recursos, y Carlos (Estudiante), que necesita claridad y acceso móvil.

2. La Investigación: Card Sorting

Para validar la estructura, realicé un estudio de Card Sorting Híbrido con 10 usuarios. El objetivo era descubrir cómo agrupan la información realmente, evitando imponer la estructura organizativa del museo.

Hallazgos Clave: Los datos revelaron tres patrones de comportamiento que definieron la arquitectura final:

• ✅ Consenso en el Descubrimiento (90%): Los usuarios agruparon masivamente el Buscador, el Catálogo y las Exposiciones. No ven diferencia entre «buscar» y «navegar»; todo es explorar.

• ⚠️ El Conflicto del «Foro» (30%): El término «Foro Docente» generó confusión y quedó aislado en las agrupaciones. Esto indicó que el término era ambiguo o percibido como obsoleto.

• Lógica Logística: Horarios, Entradas y Mapas se agruparon consistentemente separados del contenido artístico, validando una sección exclusiva para la visita física.

3. La Solución: Árbol de Contenidos

Basándome en estos datos, diseñé una arquitectura de navegación mixta que separa la experiencia pública (descubrimiento) de la privada (gestión).

Versión pdf. Link

4. Decisiones Estratégicas de Diseño

El Museu Nacional d’Art de Catalunya (MNAC) necesitaba estructurar su futura plataforma educativa. El desafío no era solo organizar el contenido, sino adaptar la navegación a los modelos mentales de dos usuarios muy distintos: Laura (Docente), que busca eficiencia y recursos, y Carlos (Estudiante), que necesita claridad y acceso móvil.

La nueva arquitectura se sustenta en tres pilares de UX:

• Meta-navegación Unificada (Ley de Hick): Unifiqué el acceso para docentes y alumnos en un solo botón de «Área Personal». El sistema redirige automáticamente según el rol, reduciendo la carga cognitiva y previniendo errores de elección.

• Re-Etiquetado (Labeling): Cambié términos institucionales por acciones de usuario:

  • De «Colección» → a «Explora el Arte».

  • De «Tienda» → a «Objetos y Regalos».

  • De «Foro» → a «Red de Docentes» (ubicado ahora en el área privada para mayor relevancia).

• Contexto como Infraestructura: Se creó una distinción clara entre el «lugar» de consumo (web pública) y el «lugar» de trabajo (área privada), facilitando que el docente utilice la web como una herramienta diaria.