El documento presenta varias técnicas para el diseño centrado en el usuario, incluyendo entrevistas, diarios de uso, observación contextual, storyboards, personas y wireframes. Enfatiza la importancia de comprender a los usuarios a través de la investigación antes de diseñar, así como mantener su presencia durante todo el proceso a través de técnicas como personas y escenarios. También destaca la necesidad de trabajar en colaboración con los clientes con el objetivo común de proporcionar una buena experiencia al usuario final.

1. ¡hola!

2. david de prado, dnx, investigación,
diseño, innovación, compartir nuestra
experiencia

3. diseño para la red: el
usuario

4. diseño para los
usuarios: la red

5. algunas ideas clave

6. el diseño empieza y
termina con los
usuarios

7. nosotros no somos
los usuarios

8. simpatía escucha
compasión honestidad
flexibilidad diseño

9. objetivos
tarea

10. Entorno
Objetivos
tarea

11. edad dificultades
sexo habilidades
intereses Objetivos dispositivo
necesidades ambiente
dudas tiempo
lugar miedos
Tarea

12. objetivos
edad dificultades
sexo habilidades
intereses dispositivo
necesidades ambiente
dudas tiempo
lugar miedos
tarea

13. Entorno
objetivos
tarea

14. edad
objetivos
negocio
sexo jefes
intereses estructura
necesidades medios
dudas tiempo
lugar miedos
tarea

15. objetivos, estructura, usuario, belleza, proceso,
medios, jefe, negocio, consistencia, estándares,
resultados, tendencia heurísticos

16. ich weiss nicht. Ich mag
lorem ipsum sit amet
es nicht

17. comprender prototipar

18. prototipar comprender

19. uno de los trabajos
de diseño es
comprender

20. métricas cliente
Otros sites

21. Existen multitud de técnicas: instrumentos, coste, resultados.
grupos
entrevistas
diadas
triadas
cultural probes
diarios de uso
observación contextual
etnografías
card sorting
test de usuarios
encuestas Craig Jewell
http://www.flickr.com/photos/craigjewell/492576188

22. existen multitud de técnicas: instrumentos, coste, resultados.
Swiss/+/
http://www.flickr.com/photos/swissbusiness/2553552960/

23. extrañamiento
!"#$%&'%()%*)+)*,-)-%-&% .%
• !"#$%&$'()#*&+*&,-$&$.&/"01+1"%&
• 23#*34%"%&$'4%"5*&+*&,-$&%$.-+4"&#*)61"3*&
• 7*%8%$36$%.$&#*3&+*&,-$&$.&#*3*#16*&
Se pueden obtener grandes resultados haciendo cosas
sencillas
Swiss/+/
http://www.flickr.com/photos/swissbusiness/2553552960/

24. entrevista
¿existe algo más sencillo y barato que preguntarle a
alguien?

25. entrevista
una conversación guiada en la que habla (mucho) más el
entrevistado que el entrevistador.

26. do’s
• vete siempre con una guía y un tiempo fijo.
• recuerda que estás conversando con alguien.
• buscaconocer no sólo el uso, sino a la persona y su
contexto de uso.
• céntrate más en los hechos que en las opiniones.
• recuerda que el análisis es ir más allá de las palabras.

27. don’ts
• tú no eres el protagonista.
• no induzcas las respuestas.
• no demuestres tu conocimiento.
• no te rindas.

28. triadas de pares
desentrañando las relaciones sociales en el uso
de las tecnologías

29. triadas de pares
una dinámica de grupo con tres personas que tienen una
relación personal/profesional.

30. triadas: desentrañando las relaciones sociales en el uso de la
tecnología

31. triadas: desentrañando las relaciones sociales en el uso de la
tecnología

32. do’s
• llévate una guía.
• busca las diferencias entre los distintos tipos de usuarios.
• ¿quéimplicaciones tiene la relación en el uso de la
tecnología?
• si
quieres que la tecnología sea un estímulo, primero haz
pruebas individuales y luego la grupal

33. don’ts
• noes una entrevista o un test, es una dinámica de
grupo.
• esfundamental que su relación sea igualitaria, no
jerárquica.

34. diarios de uso
conociendo contextos reales y la intimidad de la
interacción

35. diarios de uso
diario de un usuario (físico u online) centrándose en el
uso de un dispositivo, servicio o aplicación.

36. diarios de uso: conociendo contextos reales y la intimidad de la
interacción

37. diarios de uso: conociendo contextos reales y la intimidad de la
interacción

38. do’s
• ten muy claros tus objetivos.
• daindicaciones explícitas de cómo es la
dinámica, formato y rutinas.
• plantéalestareas sencillas y claras: ni muy
concretas, ni muy generales.
• determinacuál es el medio (papel, internet)
para que te entreguen sus entradas.
• necesitancontar con un dispositivo de
recogida audiovisual común: móvil.

39. don’ts
• no te olvides de ellos: contacta diariamente
a través de teléfono o email.
• no lo alargues mucho: la gente se cansa.
• nominusvalores la logística. lleva horas de
seguimiento al día.

40. observación contextual
siguiendo al usuario en situaciones y contextos reales

41. observación contextual
sitúa al investigador en el contexto cotidiano del usuario
por un periodo prolongado de tiempo con el objetivo de
observar los patrones de uso de una aplicación, interfaz,
dispositivo, ...

42. observación contextual: situaciones reales, contextos reales.

43. observación contextual: situaciones reales, contextos reales.

44. do’s
• utilízala
cuando contexto del usuario puede influir
decisivamente en el uso o te es totalmente ajeno.
• busca factores ligados al contexto y momentos de
uso.
• identifica
previamente lo que esperas ver y en qué
momento.
• pregunta en los tiempos muertos.

45. prototipar:
explorar, probar,
comunicar, iterar

46. story-board
plasmando conclusiones de la comprensión y
decisiones de diseño

47. story-board
representación de contextos de uso en una serie de
escenas dibujadas en secuencia narrativa

48. See-Ming Lee
http://www.flickr.com/photos/seeminglee/931446670/

50. do’s
• utilízalo cuando necesites comunicar y consensuar.
• recuerda que estás contando una historia.
• las situaciones, interacciones, dilemas son humanas.
• incluye el perfil y entorno de los usuarios.
• plasma sus objetivos, tareas, barreras,...
• explora ideas de diseño, interacciones y experiencias
de uso.

51. don’ts
• nolo hagas después de haber
diseñado.
• nopuede ser inventado, tiene que
estar basada en hechos reales.
• nohagas una sucesión lineal de
escenas o fotografías.
• el
aspecto visual es importante,
pero la clave está en la información.

52. personas
manteniendo la presencia del usuario

53. personas
creación de un arquetipo de los usuarios a partir de los
datos de la investigación.

54. personas y escenarios: manteniendo la presencia del usuario

55. do’s
• añade todos los datos personales que puedan dar
significado al arquetipo.
• las
construimos a partir de comportamientos o
necesidades observados, no a partir de datos
sociodemográficos.
• si las creas, tenlas siempre presentes.

56. don’ts
• sin investigación es una técnica peligrosa.
• note quedes corto: construye tantas como
arquetipos puedas detectar.
• no las utilices sin escenarios.

57. prototipado en vídeo
prototipando servicios y experiencias

58. prototipado en vídeo
nos permite representar experiencias significativas
completas comunicando servicios creados de cero.

59. prototipado en vídeo: prototipando servicios y experiencias.

60. do’s
• hazte un story-board.
• no describas el servicio, muestra el servicio.
• escoge momentos de la verdad del servicio, no
detalles.
• trabajo en equipo y mucha ilusión.

61. wireframes
nuestros planos.

62. wireframes
representación esquemática del site prácticamente sin
elementos de diseño visual

63. wireframes: nuestros planos.

64. wireframes: nuestros planos.

65. wireframes: nuestros planos.

66. do’s
• papel y software, siempre.
• recuerda
los estándares web. Para romperlos si
es necesario.
• coméntalos siempre, pero lo esencial.
• recuerdaque los wireframes son una
herramienta de comunicación: diseñadores
gráficos, desarrolladores, clientes,...

67. don’ts
• no lo hagas complicado.
• notrabajes lo superfluo para los fines del
wireframe.
• hazlo bonito, pero en grayscale.
• no te olvides de las páginas de error!!

68. el cliente y el diseño
centrado en el
usuario

69. ich weiss nicht. Ich mag
lorem ipsum sit amet
es nicht
¿cómo entendernos?

70. objetivos
dificultades
edad
habilidades
sexo
dispositivo
intereses
ambiente
necesidades
tiempo
dudas tarea miedos
lugar

71. +concepto +detalle

72. cuatro ideas para
terminar

73. se puede diseñar para
los usuarios sin
contacto con los
usuarios, pero es mejor
hacerlo en contacto
con ellos.

74. no hacen falta muchos
recursos para
investigar:
-audacia.
-inteligencia.
-honestidad.

75. sustituye la
evangelización por el
trabajo conjunto con
el cliente. Mete al
usuario en su bocadillo.

76. diseña y proporciona
una buena experiencia
a tus usuarios.
cambia el mundo.

77. ¿preguntas?

78. ¡gracias!
esta presentación está en
http:/www.slideshare.net/ronsel
escribidme!
david.deprado@dnxgroup.com
http://www.twitter.com/ronsel
más sobre esto en
http://www.dnxgroup.com