Introducción

En esta actividad para realizar el objetivo final que era generar un árbol de navegación para una nueva plataforma que nos ha encargado el MNAC, hemos realizado un card sorting.

Antes de nada, debemos retomar la actividad anterior donde teníamos definidos unos escenarios y journeys que nos plantean una serie de contenidos que nuestra aplicación deberá tener.

Este ejercicio nos ilustra para poder generar un inventario de contenidos que deberemos ordenar para que nuestro usuario pueda acceder a ellos con facilidad.

No entraremos en detalle al inventario que sería algo muy extenso, además la herramienta UXTweak que es la que utilizaremos para el Card Sorting, tan solo nos permite tener 20 elementos a categorizar.

Card Sorting

Introducción

Empecemos por el principio, un card sorting es un ejercicio que nos facilita entender el mapa mental de nuestros usuarios, qué categorías tienen en mente cuando buscan un elemento concreto. El ejemplo que mejor ilustra esto es el del supermercado ¿Dónde buscaran la leche de soja? Esto nos permite acercarnos lo máximo posible o encontrar el patrón más recurrente.

Este ejercicio puede ser de 3 maneras diferentes:

• Cerrado: El usuario tiene N elementos a ordenar en categorías que nosotros proponemos.

• Abierto: No existen categorías, tan solo mostramos los elementos que deben ordenar y el propio usuario genera sus categorías.

• Mixto: Básicamente es un híbrido de estos dos. Nosotros presentamos las categorías que creemos, pero el usuario si no le encaja nos puede crear una nueva.

Personalmente el que más me gusta es el tercero. Creo que tiene lo bueno de ambos. Al mostrar las categorías que reflejan el modelo que estamos trabajando, el usuario se «esfuerza» en buscar lugar a las tarjetas, pero también dejamos una puerta abierta a nuevas opciones que no teníamos en mente.

Por lo tanto, este es el modelo que hemos escogido para realizar este ejercicio y este se ha realizado en la plataforma UXTweak.

Creación del Card Sorting

Para realizar nuestro Card Sorting, he creído interesante hacer un cuestionario previo, donde recogemos algún dato más del usuario para entender el sesgo de cada una de las respuestas.

Tras el formulario, el usuario accede al panel del propio ejercicio del que estamos hablando con las tarjetas y las categorias que hemos propuesto:

Resultado del Card Sorting

Árbol de navegación

Un árbol de contenidos es una representación jerárquica que organiza y estructura la información de forma clara y lógica. El objetivo de este es facilitar la navegación del usuario ofreciendo una estructura que favorece a la comprensión del sistema de forma intuitiva y eficiente para este.

El card sorting realizado es una pieza clave en la definición de este ya que nos permite traducir un listado abstracto de contenidos o funcionalidades que detectamos en la actividad anterior a una estructura comprensible y sobretodo, alineada con la forma de pensar de nuestros usuarios y como se relacionan con esta información.

Gracias a observar cómo los usuarios agrupan estas cards se han podido identificar patrones de asociación. Estos patrones facilitan la creación de categorías principales, secundarias, etc…mucho más coherentes para el público al que nos estamos dirigiendo.

Por lo tanto tras realizar el card sorting hemos podido realizar las siguientes acciones:

• Definir las secciones principales del árbol.

• Establecer relaciones lógicas entre contenidos y funcionalidades.

• Identificar agrupaciones que responden a los modelos mentales de nuestros usuarios.

• Reducir la complejidad estructural.

En este sentido, el card sorting ha actuado como un puente entre el inventario de contenidos y la arquitectura final, asegurando que el árbol no responde únicamente a una lógica interna del sistema, sino a una organización comprensible, usable y centrada en el usuario.

Resultado del árbol de navegación

El árbol de contenidos que hemos generado, muestra una estructura de 4 grandes bloques:

• Búsqueda: La simplificación en la búsqueda de las obras es un bloque principal, aunque simple.

• Movimientos artísticos:  Los grandes movimientos artísticos de Cataluña.

• Colección y obra del museo:  En este apartado nos centramos en el contenido del museo y qué obras dispone y profundizar sobre ellas.

• Recursos educativos: Esta sección es la que se centra en los tipos de usuarios que tenemos.

Durante toda la estructura como un ente presente y que aumenta o vitamina cada una de las secciones, tenemos el «Asistente IA» con capacidad de resolver dudas, generar resúmenes, comparar obras o crear material didáctico.

El bloque «Mi espacio» refuerza la personalización de la plataforma, permitiendo al usuario gestionar su información, guardar referentes/favoritos y mantener un seguimiento de su actividad, lo que contribuye a una experiencia más personalizada.

En conjunto,  considero que esta estructura favorece simplicidad pero no por ello ausencia de claridad, reduciendo la complejidad cognitiva y reforzando una experiencia educativa coherente, accesible y alineada con los modelos mentales de los usuarios. Además, la oportunidad de añadir el asistente en mi humilde opinión, ofrece una experiencia única por cada uno de los usuarios.

Conclusión

En el primer punto se detectaron necesidades o situaciones que nuestros usuarios enfrentan, lo que da pie a esta actividad. Para darles respuesta, comenzamos a aterrizando todo el inventario de contenidos que debemos organizar.
¿Por qué el Card Sorting? Todos nosotros tenemos nuestros sesgos y el diseñador también, sobre todo nosotros nos podemos ver opacados por nuestro sesgo de puntos ciegos el cual nos arroja constantemente de manera subconsciente un mapa mental cuando estamos diseñando nuestros productos. Es aquí cuando un card sorting te arroja una realidad que quizá tú la percibas de una manera totalmente diferente.
Nuestros usuarios tienen su propia realidad y cada grupo de ellos tiene su propio mapa mental y seguramente tu contexto no tiene nada que ver con ellos.
Una vez estos realizan el ejercicio, puedes empezar a ver patrones comunes entre muchos perfiles diferentes y el resultado de este (ayudado por los resultados que ofrece la plataforma) te ayuda a realizar una estructura mucho más transversal.
Es aquí donde con estos datos obtenidos podemos empezar a armar nuestra arquitectura de la información que lo visualizamos con el árbol de navegación que hemos expuesto.
Ahora podemos decir con cierta seguridad que nuestro árbol de navegación refleja de manera más cercana la forma en que nuestros usuarios piensan y organizan la información.
Obviamente, no garantiza que sea perfecto, pero nos da la confianza de que estamos más alineados con sus necesidades y expectativas que si lo hubiéramos diseñado solo desde nuestra perspectiva.

Bibliografia

Hinton, A. (2014). Understanding Context: Environment, Language, and Information Architecture. O’Reilly Media.

UOC. Card-sorting. UOC Design Toolkit. Enlace:  https://design-toolkit.recursos.uoc.edu/es/card-sorting/

Miro. Qué es card-sorting. Miro. Enlace:  https://miro.com/es/investigacion-diseno/que-es-card-sorting/

NoSoloUsabilidad. Card sorting: qué es, sus tipos y cómo se usa. NoSoloUsabilidad. Enlace:  https://www.nosolousabilidad.com/articulos/cardsorting.htm

ESDesignBarcelona. Card sorting UX. ESDesignBarcelona. Enlace: https://www.esdesignbarcelona.com/actualidad/diseno-web/card-sorting-ux

Vera, R. Card sorting: Comprender cómo piensan las personas sobre el contenido. Medium. Enlace: https://medium.com/idachile/card-sorting-comprender-c%C3%B3mo-piensan-las-personas-sobre-el-contenido-afdfaa13f960