Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Card Sorting

Card Sorting

In this talk we go through what card sorting is, its methods and variations, how to conduct a card sorting session and how to analyze the data we get from it.

We shared this talk on the IxDA Montevideo Meetup:
http://www.meetup.com/Interaction-design-Uruguay/events/125019622/

Vero Rebagliatte

July 17, 2013
Tweet

More Decks by Vero Rebagliatte

Other Decks in Design

Transcript

  1. Card Sorting
    Vero Rebagliatte

    View full-size slide

  2. Vero Rebagliatte
    @rebagliatte

    View full-size slide

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

    View full-size slide

  4. 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

    View full-size slide

  5. It’s a user-centered design method

    View full-size slide

  6. 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

    View full-size slide

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

    View full-size slide

  8. 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

    View full-size slide

  9. It’s inexpensive

    View full-size slide

  10. It’s quick to execute

    View full-size slide

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

    View full-size slide

  12. Card sorting methods

    View full-size slide

  13. 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.

    View full-size slide

  14. 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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  20. 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.

    View full-size slide

  21. 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.

    View full-size slide

  22. 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

    View full-size slide

  23. 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.

    View full-size slide

  24. • 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.

    View full-size slide

  25. 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

    View full-size slide

  26. 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.

    View full-size slide

  27. harvest
    strawberries

    View full-size slide

  28. harvest
    strawberries
    pick
    strawberries

    View full-size slide

  29. Non-parallel exposition structures

    View full-size slide

  30. Planting
    Corn

    View full-size slide

  31. 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

    View full-size slide

  32. Analyzing Results

    View full-size slide

  33. Capture the data

    View full-size slide

  34. In a whiteboard or table for a small sample

    View full-size slide

  35. In a spreadsheet for bigger sample sizes

    View full-size slide

  36. Esta es la que usan en boxes and arrows

    View full-size slide

  37. 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)

    View full-size slide

  38. 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.

    View full-size slide

  39. 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.

    View full-size slide

  40. 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

    View full-size slide

  41. 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.

    View full-size slide

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

    View full-size slide

  43. 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.

    View full-size slide

  44. 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

    View full-size slide

  45. Thanks! Questions?
    @rebagliatte

    View full-size slide