Card Sorting Vero Rebagliatte

Vero Rebagliatte @rebagliatte

Forecast

Forecast • Definition • Card sorting methods • Variations • Preventing biases • Analyzing results • Hands on!

Definition

Card sorting is a user-centered design method for increasing a system’s findability. The process involves sorting a series of cards, each labeled with a piece of content or functionality, into groups that make sense to users or participants. - Donna Spencer

It’s a user-centered design method

Helps to create or revise hierarchical organizations En general se usa para determinar que hacer con 3 piezas de IA super importantes: navegación, menu principal y taxonomías

It’s performed by users No managers, no diseñadores, usuarios finales

It allows us to get their mental models La idea es encontrar patrones sobre como ellos esperan encontrar contenidos o funcionalidades, como llaman a las cosas en su dominio. A estos patrones se les llama modelos mentales

It’s inexpensive

It’s quick to execute

It’s established Hace casi 20 años que lo usan y sigue vigente

Card sorting methods

Basic Se toman elementos a clasificar y se los escribe en tarjetas. Estos elementos pueden ser: ítems de navegacion, features, conceptos, piezas de contenido, imágenes, etc. A veces vale la pena escribir al dorso de la tarjeta informacion complementaria para que no quede duda de lo que la tarjeta representa. Elegir los usuarios representativos tambien es importante. Se puede hacer individualmente o en grupos de hasta 4 personas. El método consiste en darle un set de tarjetas a los usuarios y pedirles que las ordenen de forma que tengan sentido para ellos. También se les pide que piensen en voz alta mientras lo hacen.

Open Luego de agrupar las tarjetas el usuario tiene que asignarle un nombre a cada grupo. Por eso se dice que es generativo. Si es moderado se le pide que describa al grupo, sino se le pide solo que lo nombre

Closed El usuario tiene que agrupar los conceptos en un set de categorías pre definidas. Por eso se dice que es evaluativo

Moderated Con una persona presente. Esto permite obtener muchos datos cualitativos.

Unmoderated Sin una persona presente con herramientas de card sorting remoto.

Variations

Open with a limited number of categories Para evitar que se tengan n tarjetas y n categorías

Open with successive card sorts Card sorts sucesivos, así se logra que los usuarios agrupen todo en categorias mas abarcativas, menos particulares

Reverse or tree testing Dado un set de tarjetas pre-agrupados, se pide al usuario que los ‘navegue’, buscando una tarjeta en particular. A esto también se le llama tree testing.

Preventing biases Tenemos que prevenir parcialidades. Es importante el contenido de las tarjetas sea lo mas imparcial posible, no dejando en evidencia el modelo mental del diseñador/investigador.

It's easy to bias study participants, whether in user testing or in card sorting, if they focus on matching stimulus words instead of working on the underlying problem. - Jacob Nielsen

Example En el area de la agricultura. Tenemos diferentes cultivos: frutilla, frambuesa, maiz y trigo. Y también diferentes actividades: plantación cultivo y cosecha.

• Planting ◦ Corn ◦ Raspberries ◦ Strawberries ◦ Wheat • Growing ◦ Corn ◦ Raspberries ◦ Strawberries ◦ Wheat • Strawberries ◦ Planting ◦ Growing ◦ Harvesting • Wheat ◦ Planting ◦ Growing ◦ Harvesting IA #1 IA #2 Como investigadores llegamos a éstas estructuras y a partir de ellas generamos las tarjetas.

Si le damos estos dos sets de tarjetas al usuario, es obvio que el Set A va a llevar a una estructura como IA#2 y el set B va a llevar a una estryctura como la representada en IA#1

Solution: Synonyms and non-parallel structures Hay que hacer lo opuesto a lo que hacemos en usabilidad, trancarlos a drede para hacerlos pensar, no solo asociar palabras o estructuras paralelas.

Synonyms

harvest strawberries

harvest strawberries pick strawberries

Non-parallel exposition structures

Planting Corn

Planting Corn Wheat planting Esto viola las guías de escritura para la web, que dicen que las estructuras de exposicion paralela son mas fáciles de escanear

Analyzing Results

Capture the data

In a whiteboard or table for a small sample

In a spreadsheet for bigger sample sizes

Esta es la que usan en boxes and arrows

Find the dominant organization scheme Luego de encontrar la estructura dominante hay que ajustar los términos para que tengan consistencia entre sí. Card Sorting nos va a ayudar a entender, generar y validar estructuras pero no hace todo el trabajo por nosotros. Si queremos visualizar los outputs obtenidos a través de este metodo también podemos... (siguiente slide)

Use cluster analysis software to visualize the data Esto nos va a permitir generar visualizaciones de los datos obtenidos. Pero no se asusten! Muchas herramientas de card sorting remoto ya hacen esto por nosotros. A continuación vamos a ver unos ejemplos de Optimal Card Sort. Al final de la presentación dejamos un link a la herramienta.

Similarity matrix En la matriz de similaridad se evalúan las tarjetas de a pares. Cuántas veces se agruparon juntos dos tarjetas dadas. Eso genera como zonas de calor.

Standarization Grid La grilla de estandarización uestra la distribución de las tarjetas en las categorías definidas por el investigador. El número muestra las veces que se clasificó la tarjeta en cada categoría

Dendogram El dendograma es un diagrama en forma de árbol que ilustra clusters de datos. Representa porcentajes, x porcentaje de usuarios esta de acuerdo con esta forma de agrupar las cosas. La palabra dendograma viene del griego, dendron es arbol, grama es dibujo.

PCA - Participant Centric Analysis El PCA devuelve los árboles completos con los que la gente coincidió más. Los más aceptables.

Conclusion Card Sorting nos va a ayudar a entender, generar y validar estructuras pero no hace todo el trabajo por nosotros. Nosotros somos responsables de generar una arquitectura de la información apropiada y lograr que el usuario encuentre lo que busca y entienda lo que encuentra.

References and Tools • http://boxesandarrows.com/card-sorting-a-definitive-guide/ • http://www.interaction-design.org/encyclopedia/card_sorting.html • http://www.nngroup.com/articles/card-sorting-how-many-users-to-test/ • http://www.nngroup.com/articles/card-sorting-terminology-matches/ • http://www.amazon.com/exec/obidos/tg/detail/-/0596000359/ref=nosim/ boxesandarrows-20 • http://www.optimalworkshop.com/optimalsort.htm

Thanks! Questions? @rebagliatte