Este documento presenta la metodología de diseño centrado en el usuario (DCU). Explica que el DCU se enfoca en el usuario y sus necesidades a lo largo de todo el proceso de diseño. Describe las cuatro fases del DCU: conocer a los usuarios, entender sus objetivos, generar soluciones de diseño, y evaluar los diseños mediante pruebas de usuario. También detalla varias técnicas del DCU como test de usuarios, evaluaciones heurísticas, entrevistas, personas y escenarios, cardsorting, y prototipado.

1. Metodología de trabajo DCU, Diseño Centrado en el Usuario David Gil Ripoll

3. TécnicasTest de usuarios Evaluación heurística Entrevistas, encuestas Personas-escenarios Cardsorting Arquitectura de información Eyetracking Prototipado

5. Eficiencia: Una vez que conocen el funcionamiento cuánto tardan en realizar las tareas.

7. Satisfacción: Cuando termina de usarlo, cómo de agradable y sencillo le ha parecido al usuario.Vistas estas variables, ¿qué método pensáis que puede ser bueno para verificarlas?. Mediante los Test de usuarios, que veremos posteriormente.

8. Metodología de trabajo DCU. Introducción ¿Qué es?. Ni más ni menos que situar al usuario en el centro del diseño de un dispositivo o aplicación. La idea no es nueva, es de 1955, donde Henry Dreyfuss popularizó el concepto cuando diseñó los teléfonos para Bell Telephones y utilizó las opiniones de los usuarios en los modelos en los que trabajaba.

9. Metodología de trabajo DCU. Introducción ¿Es usabilidad lo mismo que DCU?  No exactamente ¿Cuál es la diferencia? La usabilidad es un atributo de la calidad del diseño final, mientras que la DCU es el camino para alcanzar y mejorar la usabilidad del producto. O sea se, la usabilidad es el que, mientras que la DCU es el cómo; diseñar algo usable es perfecto pero no significa necesariamente que se haya conseguido aplicando la DCU. El DCU es un proceso en el que las decisiones están dirigidas por y hacia el usuario y los objetivos que pretende satisfacer el producto, y donde la usabilidad del diseño es evaluada y mejorada en el proceso.

10. Metodología de trabajo DCU. Introducción Hay cuatro grandes fases de la metodología: Conocer a las personas que utilizarán el producto Saber cuáles son los objetivos que tienen y tendrán los usuarios (y los clientes) Generar soluciones de diseño Evaluación de los diseños a través de test de usuarios

12. Benchmarking

13. Entrevistas

14. Personas-escenarios

15. Prototipado ágil

16. LowFidelity

17. HighFidelity

18. FocusGroup

19. Diseño Gráfico

20. Piloto

21. Test de usuarios

22. Eyetracking

23. Piloto público

24. CardSorting

25. Arquitectura de Información

27. Metodología de trabajo DCU. Técnicas Evaluación heurística Debido al coste que puede suponer realizar test de usuarios, muchas veces los clientes optan por realizar análisis heurísticos, que consisten en que varios expertos analicen un diseño o página web para encontrar los problemas de usabilidad acordes a una serie de requisitos como por ejemplo legibilidad, contraste, navegación, tipo de enlaces, consistencia, etc, proponiendo una solución. Páginas donde conseguir información sobre requisitos de usabilidad: De la home: http://www.useit.com/homepageusability/guidelines.html En general de una web: http://www.userfocus.co.uk/resources/guidelines.html Listado de heurísticos: http://www.useit.com/papers/heuristic/heuristic_list.html Recursos: http://www.intergraphicdesigns.com/tools/test-usabilidad-web/

30. Metodología de trabajo DCU. Técnicas Personas-escenarios Es un método que pretende indagar sobre la posible audiencia del sitio. Se realiza mediante una ficha donde se explicita la identidad de un personaje inventado pero con necesidades, actitudes y comportamientos basados en hechos reales de los usuarios potenciales o reales del sitio web a diseñar.

31. Metodología de trabajo DCU. Técnicas Personas-escenarios ¿Por qué creéis que puede ser bueno utilizar este método? Porque se consigue que el usuario esté en todo momento en nuestra cabeza, para cumplir los objetivos o necesidades que van a tener estos usuarios en la web que se realice.

32. Metodología de trabajo DCU. Técnicas CardSorting Consiste en solicitar a un grupo de usuarios (adecuados al target objetivo de la web) que agrupen los conceptos representados en tarjetas por similitud. Gracias a estas agrupaciones podremos tener una aproximación a la futura arquitectura de información. Se puede hacer abierto o cerrado. En el abierto los usuarios pueden agrupar las categorías libremente , mientras que en el cerrado ya están creados los grupos y se pide al usuario que ubique cada concepto en un grupo concreto.

33. Metodología de trabajo DCU. Técnicas CardSorting Las pruebas de CardSorting se pueden hacer de forma manual (cualitativa) con usuarios in-situ mediante tarjetas o bien mediante herramientas online (cuantitativa) como: Optimanlsort: http://www.optimalworkshop.com Websort: http://websort.net/

35. Se mejora la futura experiencia de usuario y la probabilidad de que vuelva otra vez.

36. Se anticipa la posible escalabilidad futura del contenido.

38. Visio

40. Metodología de trabajo DCU. Técnicas Eyetracking La información que nos proporcionan los mapas de calor de los eyetracking nos dirá si los diseños o maquetas que hemos realizado son correctos o bien los elementos que creíamos que serían utilizados no lo son y los usuarios han obviado. A partir de las conclusiones se modificarán los diseños para optimizar la usabilidad.

41. Metodología de trabajo DCU. Técnicas Prototipado ¿Qué es eso del prototipado y los prototipos?... Son visiones esquemáticas de una interfaz, donde se sitúan los elementos básicos de una página como el logo, el menú de navegación, el buscador, pie, zonas destacadas, etc, sin elementos gráficos. También llamados Wireframes. ¿En qué momento se realizan? Arquitectura de Información Wireframe Diseño

43. Porque “obliga” a pensar cómo se va a comportar la página en cuanto a navegación, contenido, funcionalidades y espacios de interacción, de la forma más usable posible

44. Porque permite al diseñador tener libertad para diseñar los elementos de la página, a partir de una estructura usable.¿Qué paginas hay que prototipar? La home y las páginas interiores vs plantillas

46. Buenas prácticas de benchmarking

47. Arquitectura de información

49. Axure

50. Pencil

51. Visio

52. Cacoo

54. Metodología de trabajo DCU. Técnicas

55. ¡Gracias! David Gil Ripoll dgil@king-eclient.com