Presentación de diseño centrado en el usuario, por Darcy Vergara

1. Metodología de Diseño Centrado en el Usuario
Darcy Vergara P.
www.darcy.cl
Noviembre - 2008

3. Usabilidad

4. Usabilidad
Arquitectura de la
Información

5. Usabilidad
Arquitectura de la
Información
Accesibilidad

7. Sicólogos

8. Sicólogos Periodistas

9. Sicólogos Periodistas
Comunicadores

10. Sicólogos Periodistas
Comunicadores
Diseñadores

11. Sicólogos Periodistas
Comunicadores
Diseñadores
Ingenieros informáticos

12. Sicólogos Periodistas
Comunicadores
Diseñadores
¿...?
Ingenieros informáticos

14. Diseño centrado en las personas
El valor de la investigación en los procesos de diseño en medios digitales

15. Diseño centrado en las personas
El valor de la investigación en los procesos de diseño en medios digitales

16. Investigación aplicada al diseño

17. Investigación aplicada al diseño
No se trata de “cientificar” el diseño sino establecer guías estratégicas, fundadas en la
investigación de usuarios y en dinámicas colaborativas
De manera de tener un encuadre metodológico que delimite los objetivos del proyecto y
permita no salirse de este marco referencial.

18. Investigación aplicada al diseño
No se trata de “cientificar” el diseño sino establecer guías estratégicas, fundadas en la
investigación de usuarios y en dinámicas colaborativas
De manera de tener un encuadre metodológico que delimite los objetivos del proyecto y
permita no salirse de este marco referencial.
¿Cómo funciona?

19. Entender y
especificar el
Identificar la contexto de
necesidad de uso
un DCU
El diseño
satisface las Especificar los
especificaciones de la requerimientos
organización y de de los usuarios
los usuarios y de la
Evaluar diseño
organización
a partir de los
requerimientos
Producir
soluciones
The interdependence of human-centered design activities
de diseño
Prototyping Social Action
Esko Kurvinen

20. Entender y
especificar el
Identificar la contexto de
necesidad de uso
un DCU
El diseño
satisface las Especificar los
especificaciones de la requerimientos
organización y de de los usuarios
los usuarios y de la
Evaluar diseño
organización
a partir de los
requerimientos
Producir
soluciones
The interdependence of human-centered design activities
de diseño
Prototyping Social Action
Esko Kurvinen

21. Entender la interacción...
Arhippainen, Tähti, 2003

22. ¿Cuál es el valor de integrar a personas (usuarios) dentro
de los procesos de diseño?

23. El valor del codiseño con los usuarios en etapas tempranas del
proyecto, radica en que ellos son los que introducen innovaciones,
detectan fallos... en fin, usan los sistemas

24. El valor del codiseño con los usuarios en etapas tempranas del
proyecto, radica en que ellos son los que introducen innovaciones,
detectan fallos... en fin, usan los sistemas
¿Pero, cómo sacarles provecho?

25. El valor del codiseño con los usuarios en etapas tempranas del
proyecto, radica en que ellos son los que introducen innovaciones,
detectan fallos... en fin, usan los sistemas
¿Pero, cómo sacarles provecho?
Stand By

26. ¿Con cuántos usuarios testar?

27. ¿Cómo nos aproximamos a ellos?
(av) AyerViernes
¿Cuantitativo o Cualitativo?
®2008 Ayerviernes S.A.

28. Triangular las fuentes
Integración metodología cuanti y cuali

29. ¿Qué triangular?
(av)
•Observación •Palabras clave •Escucha AyerViernes
• •Eyetracking •Buscador interno •Entrevistas
•Encuestas •Hablar con las personas que hablan con las
personas
®2008 Ayerviernes S.A.

30. (av) AyerViernes
¿Pero, cómo sacarles provecho?
®2008 Ayerviernes S.A.

31. no hay que
Por el contrario de lo que se pueda creer,
escucharlos, sino que hay que observarlos...
Los focus groups, NO son pruebas de usabilidad
Los usuarios no son diseñadores ni los diseñadores no son usuarios

32. Entonces...
•Aprovecharnos de todo lo que nos puedan decir y mostrar los usuarios, no sólo
verbalmente, sino que que también no verbalmente; gestos, actitudes,
frustraciones y sus ojos (integración cuali-cuanti).

34. Oportunidad:

35. Oportunidad:
•Entender el comportamiento del usuario digital

36. Oportunidad:
•Entender el comportamiento del usuario digital
•Crear nuevas fuentes de conocimiento

37. Oportunidad:
•Entender el comportamiento del usuario digital
•Crear nuevas fuentes de conocimiento
•Innovar

38. Oportunidad:
•Entender el comportamiento del usuario digital
•Crear nuevas fuentes de conocimiento
•Innovar
•Liderar y no estar supeditado a los Alertbox de Nielsen

39. Pero...
¿qué hacer si no tengo laboratorio, ni usuarios?
! sólo casos extremos

40. Pero...
¿qué hacer si no tengo laboratorio, ni usuarios?
! sólo casos extremos
Agudizar el sentido común y tomar un genérico...

41. Pero...
¿qué hacer si no tengo laboratorio, ni usuarios?
! sólo casos extremos
Casi nunca tomo
no leo, hojeo
decisiones óptimas
Me las arreglo
Odio los banners como puedo

42. Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies

43. Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies
Aprovecharnos de las convenciones

44. Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies
Aprovecharnos de las convenciones
No hay nada más claro y efectivo que un
link azul subrayado

45. Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies
Aprovecharnos de las convenciones
No hay nada más claro y efectivo que un
link azul subrayado
No tratar de reinventar la rueda
Al menos, no sin usuarios

46. Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies
Aprovecharnos de las convenciones
No hay nada más claro y efectivo que un
link azul subrayado
No tratar de reinventar la rueda
Al menos, no sin usuarios
NO sacar conclusiones fuera de contexto

50. (av)
¿Qué y cuando probar con usuarios?
• Indagaciones estratégicas
• Card Sorting
• Prueba de Wireframes
• Testeo de Maquetas
• Producto final
®2008 Ayerviernes S.A.

51. (av)
¿Qué y cuando probar con usuarios?
• Indagaciones estratégicas
• Card Sorting
• Prueba de Wireframes
• Testeo de Maquetas
• Producto final
®2008 Ayerviernes S.A.

52. (av)
¿Qué y cuando probar con usuarios?
• Indagaciones estratégicas
• Card Sorting
• Prueba de Wireframes
• Testeo de Maquetas
• Producto final
®2008 Ayerviernes S.A.

53. (av)
¿Qué y cuando probar con usuarios?
• Indagaciones estratégicas
• Card Sorting
• Prueba de Wireframes
• Testeo de Maquetas
• Producto final
®2008 Ayerviernes S.A.

54. (av)
¿Qué y cuando probar con usuarios?
• Indagaciones estratégicas
• Card Sorting
• Prueba de Wireframes
• Testeo de Maquetas
• Producto final
®2008 Ayerviernes S.A.

55. Arquitectura de la Información
®2008 Ayerviernes S.A.

56. Proceso vs Producto

57. ¿Arquitectura de la
Información?
Orden de la información
Beneficio para los usuarios
Encontrabilidad de los contenidos
Calidad de los contenidos
Convertir datos en contenidos digitales.

58. Pero...
Conjugar muchas y
diferentes visiones

59. Pero...
Conjugar muchas y
diferentes visiones

60. (av)
¿Cómo?
Funcionalidad y contenido.
Necesidades de la organización.
Necesidades del público (usuarios).
Sistemas de organización.
Navegación.
Rotulado.
Búsqueda.
®2008 Ayerviernes S.A.

61. investigar la organización
(cuáles son los objetivos de la organización)

62. investigación de usuarios
empatía = modelos mentales
®2008 Ayerviernes S.A.

63. resultados de las investigaciones...
técnicas
índices de contenido
card sorting
definir jerarquías
®2008 Ayerviernes S.A.

64. índices de contenido
card sorting
definir jerarquías
®2008 Ayerviernes S.A.

65. índices de contenido
card sorting
definir jerarquías

66. índices de contenido
card sorting
definir jerarquías
Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos

67. Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos
Agrupación Contenido fundamental
por tema
por función Opciones necesarias
por jerarquía
Etiquetado o rotulaciones

68. Resultado...

69. Resultado...

70. ®2008 Ayerviernes S.A.

71. Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos
®2008 Ayerviernes S.A.

72. Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos
®2008 Ayerviernes S.A.

73. ®2008 Ayerviernes S.A.

74. Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos
®2008 Ayerviernes S.A.

75. Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos
®2008 Ayerviernes S.A.

76. recursos
La biblia de la AI, Information Architecture for the World Wide Web
Information Architecture Glossary (Whitepaper) de Kat Hagedorn.
Information Architecture: Blueprints for the Web (Paperback) de
Christina Wodtke.
The Elements of User Experience: User-Centered Design for the Web
de Jesse James Garrett.
No me hagas pensar de Steve Krug.
Designing Web Usability: The Practice of Simplicity de Jakob Nielsen.

77. Gracias ;)
Darcy Vergara P.
darcy.cl