La charla trata sobre algunas técnicas utilizadas al diseñar sitios o aplicaciones web, en donde involucramos al usuario final para así crear mejores productos.

1. Diseño Centrado en el
Usuario y la técnica de
Card Sorting
1
Wednesday, June 27, 12

2. Modelo UCD
Diseño Centrado en el Usuario
Implica involucrar desde el
comienzo a los usuarios en el
proceso de desarrollo del sitio;
conocer cómo son, qué necesitan,
para qué usan el sitio; probar el sitio
con los propios usuarios; investigar
cómo reaccionan ante el diseño,
cómo es su experiencia de uso.
META: Responder preguntas acerca del usuario, tareas y metas para así
desarrollar y diseñar en torno al usuario.
2
Wednesday, June 27, 12

3. Modelo UCD
4 actividades principales
ISO 13407 define 4 actividades esenciales para el Diseño Centrado
en el Usuario.
•
Recopilar requerimientos - Entender y especificar el
contexto de uso
•
Especificar requerimientos - Identificar los usuarios y los
requisitos de la organización
•
Diseño - Producción de diseños y prototipos
•
Evaluación - Llevar a cabo las evaluaciones basadas en los
usuarios del sitio.
3
Wednesday, June 27, 12

4. Técnicas más utilizadas
User Centered Design
Entrevistas al usuario
Diseño Participativo
Cuestionarios / Encuestas
4
Wednesday, June 27, 12

5. Técnicas más utilizadas
User Centered Design
Focus Groups
Pruebas de Usabilidad
Card Sorting
5
Wednesday, June 27, 12

6. Entrevistas al Usuario
• Conversación con un usuario
representativo del grupo primario del sitio.
(en persona, por teléfono)
• Entender preferencias y actitudes del usuario.
Tamaño de la
Reto Resultados ¿Cuándo?
Muestra
Recopilar
Obtener opiniones
No estadísticos Bajo requerimientos y
directas
Evaluación
6
Wednesday, June 27, 12

7. Entrevistas: Supermercado
Entrevistas a personas en el
supermercado.
¿Cuándo va a super hace listas de compra?
De memoria?, en un papel?, listas
impresas?
Algunos pasan horas haciendo super
No encuentran los productos
Siempre olvidan comprar algo
Si no tienen lista, compran productos por
impulso afectando el presupuesto que
tenían para el super.
7
Wednesday, June 27, 12

8. Diseño Participativo
• Involucrar al usuario en el proceso de
diseño y en la toma de decisiones.
• Ejm. Sesión de Trabajo con: programadores,
diseñadores y el usuario para lograr un
prototipo.
Tamaño de la
Reto Resultados ¿Cuándo?
Muestra
Guiar la sesión.
Moderador No estadísticos Bajo Diseño
conocedor del tema.
8
Wednesday, June 27, 12

9. Cuestionarios /
Encuestas
• Solicitar respuestas a usuarios basados
en un conjunto definido de preguntas
• Análisis estadístico de los resultados.
Tamaño de la
Reto Resultados ¿Cuándo?
Muestra
Recopilar
Obtener una
Estadísticos Alta requerimientos y
muestra apropiada
Evaluación
9
Wednesday, June 27, 12

10. Focus Groups
• Grupo invitado de posibles o actuales usuarios
de un sitio (participantes) para compartir sus
pensamientos, sentimientos, actitudes e ideas.
• Se utilizan para obtener retroalimentación de
un diseño.
Tamaño de la
Reto Resultados ¿Cuándo?
Muestra
Cómo enfocar las
Recopilar
preguntas para No Estadísticos Bajo
requerimientos
obtener la info.
10
Wednesday, June 27, 12

11. Pruebas de Usabilidad
• Evaluar un sitio recopilando datos de las
personas que lo utilizan
• Sesiones con usuarios, dónde se les pide que
realicen una serie de tareas
Tamaño de la
Reto Resultados ¿Cuándo?
Muestra
Seleccionar las
No estadísticos Bajo Diseño y Evaluación
tareas apropiadas
11
Wednesday, June 27, 12

12. 12
Wednesday, June 27, 12

13. Card Sorting
Estructurando el contenido
según el modelo mental del usuario.
13
Wednesday, June 27, 12

14. Card Sorting
Técnica que se basa en la
observación de cómo los
usuarios agrupan y
asocian entre sí un número
predeterminado de tarjetas
etiquetadas con diferentes
categorías del sitio.
14
Wednesday, June 27, 12

15. Card Sorting
Trata de encontrar patrones,
acerca de cómo los usuarios
esperan encontrar el contenido
o la funcionalidad.
Patrones = Modelo mental
Técnica del UCD User
Centered Design
15
Wednesday, June 27, 12

16. Modelos Mentales
Comportamientos, motivaciones, filosofías
Modelo mental de una mañana típica de una persona que va a trabajar
o la escuela. www.rosenfeldmedia.com/books/mental-models
16
Wednesday, June 27, 12

17. Card Sorting...
• Es rápido
• No es costoso
• Método confiable
• Obtener puntos de vista en el
proceso de diseño de la información
• Nos da un vistazo general sobre
la estructura de la información
17
Wednesday, June 27, 12

18. Identificar tendencias
• ¿Los usuarios quieren ver la información agrupada
por temas, procesos, grupo empresarial, o el tipo
de información?
• ¿Qué tan similares son las necesidades de los
diferentes grupos de usuarios?
• ¿Cuán diferentes son sus
necesidades?
• ¿Cuántas posibles categorías
principales hay?
• ¿Qué nombres deberían tener esos grupos?
18
Wednesday, June 27, 12

19. tipos de card sorting
Card Sorting Abierto
• Se da el contenido del sitio
sin grupos pre-establecidos
• Es útil cuando se está
estructurando sitios o
productos nuevos
19
Wednesday, June 27, 12

20. tipos de card sorting
Card Sorting Cerrado
• Se da el contenido del sitio
con los grupos primarios
• Es útil cuando se quiere
agregar nuevo contenido a
una estructura existente
• Es útil para obtener
información adicional luego de
un Card Sorting abierto
20
Wednesday, June 27, 12

21. Ventajas
Pruebas de Card Sorting
• Simple. Es fácil para el que los organiza y los
participantes
• Barato. Puede usar “index cards” o “post its”,
marcadores
• Rápidos de realizar.
• Técnica establecida (+10 años por muchos
diseñadores)
• Involucra al usuario
• Provee una buena base para estructurar
un sitio o producto
21
Wednesday, June 27, 12

22. Desventajas
Pruebas de Card Sorting
• No considera tareas del usuario.
• Los resultados pueden variar.
• Analizar los resultados puede demorar.
• Puede captar características superficiales
22
Wednesday, June 27, 12

23. 23
Wednesday, June 27, 12

24. Card Sorting
Fácil Es un reto
Tamaño del Sitio Pequeño Grande
Homogéneo (Ejm. Heterogéneo (Ejm.
Tipo de contenido Catálogos, Servicios, Intranets, sitios del
Productos) gobierno)
Los participantes
Complejidad del Es complejo o
entienden la mayor parte
Contenido especializado
del contenido
24
Wednesday, June 27, 12

25. Preparando la
prueba
1. Seleccionar el Contenido
2. Seleccionar los Participantes
3. Preparar las Tarjetas
25
Wednesday, June 27, 12

26. Contenido
• Contenido en línea existente
• Aplicaciones y Procesos
• Contenido potencial a futuro
26
Wednesday, June 27, 12

27. Participantes
• Individual o en grupos
• 7 a 10 (individual)
• 5 grupos de 3 participantes
• Asegurarse que son una representación del
grupo de usuarios que utilizará el sitio o
producto
27
Wednesday, June 27, 12

28. Tarjetas
3” x 5” (10cm x 15cm)
28
Wednesday, June 27, 12

29. Tarjetas
Detrás de cada tarjeta se puede incluir: 24 Seguros Colectivos
- Descripción corta
Información acerca de seguros de salud
- Una imagen pequeña (en caso de contenido complejo) para colaboradores.
- Combinación de letras y números
29
Wednesday, June 27, 12

30. La prueba
Wednesday, June 27, 12

31. El analisis
• Encontrar patrones en los
diferentes grupos de usuarios
• ¿En cuáles categorías cada
tarjeta aparece? ¿con qué
frecuencia?
Encontrar áreas de diferencias:
* Contenido que los participantes no han
entendido bien
* Contenidos que podrían pertenecer a más
de una categoría
* Caminos alternos para llegar al mismo
contenido
Donna Spencer http://www.rosenfeldmedia.com/books/cardsorting/blog/card_sort_analysis_spreadsheet/
Joe Lamantia http://www.boxesandarrows.com/view/analyzing_card_sort_results_with_a_spreadsheet_template
31
Wednesday, June 27, 12

32. El analisis
Donna Spencer http://www.rosenfeldmedia.com/books/cardsorting/blog/card_sort_analysis_spreadsheet/
Joe Lamantia http://www.boxesandarrows.com/view/analyzing_card_sort_results_with_a_spreadsheet_template
32
Wednesday, June 27, 12

33. Herramientas
On line Card Sorting
http://www.optimalworkshop.com http://websort.net
Pruebas: remotas (en línea)
Pruebas: físicas (en persona)
Desktop Application
33
Wednesday, June 27, 12

34. Optimal Sort
Participant - Centric
Analysis (PCA)
Diferentes estrategias
populares de la
agrupación y utilizar
esta información para
diseñar nuestra AI.
34
Wednesday, June 27, 12

35. Card Sorting
En línea
• No hay límites para participantes
• Lo configuras, invitas y te vas a la playa
• Son baratos de realizar
• Saber “el porqué” de algunas agrupaciones, se
hace difícil
• Resultados cuantitativos
35
Wednesday, June 27, 12

36. Card Sorting
En persona
• Escala limitada. Tiempo y presupuesto
• Resultados cualitativos (“feelings”), moderador.
• Muchos participantes, requerirá analizar más
data.
36
Wednesday, June 27, 12

37. En resumen...
El Card Sorting es una forma rápida y fácil,
de saber cómo el usuario final piensa que debe
estar organizado el contenido de tu sitio web.
No es la técnica definitiva para lograr una buena
AI, es recomendable combinar con otras
técnicas adicionales de Investigación
de Usuarios.
Wednesday, June 27, 12

38. Enlaces recomendados
Card Sorting: A Definitive Guide
http://www.boxesandarrows.com/view/
card_sorting_a_definitive_guide
Card Sorting: Usability.gov
http://www.usability.gov/methods/
design_site/cardsort.html
www.iainstitute.org
www.boxesandarrows.com
www.useit.com
www.usabilityprofessionals.org
www.optimalworkshop.com
Wednesday, June 27, 12

39. Enfoque Usuario
Nuestros servicios de consultoría le ayudarán no sólo a mejorar visualmente su
producto, si no también la facilidad de uso y la experiencia de sus clientes.
Para mayor información, visite: www.enfoqueusuario.com
39
Wednesday, June 27, 12