Taller Diseño Centrado al Usuario (CUDI)
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Taller Diseño Centrado al Usuario (CUDI)

  • 4,147 views
Uploaded on

Taller de Diseño Centrado al Usuario que impatiremos en la Reunión CUDI Primavera 2013 en Querétaro, QRO.

Taller de Diseño Centrado al Usuario que impatiremos en la Reunión CUDI Primavera 2013 en Querétaro, QRO.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
4,147
On Slideshare
4,145
From Embeds
2
Number of Embeds
1

Actions

Shares
Downloads
44
Comments
0
Likes
4

Embeds 2

https://twitter.com 2

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 3. Diseño Centrado al Usuario Mario A Moreno Rocha Carlos Alberto Martínez Sandoval sirpeto@gmail.com, carlosmtz@outlook.com UsaLab Laboratorio de Usabilidad Universidad Tecnológica de la MixtecaMonday, April 15, 13
  • 2. 3. Diseño Centrado al Usuario Carlos Alberto Martínez Sandoval Mario Alberto Moreno Rocha UsaLab Laboratorio de Usabilidad Universidad Tecnológica de la Mixteca 2Monday, April 15, 13
  • 3. Objetivo del taller: acercar al participante del taller al proceso completo de un desarrollo y evaluación centrado al usuario, a través de teoría y práctica. CUDI 2013 3Monday, April 15, 13
  • 4. Estructura del Taller Primera Parte: conocimiento teórico Segunda Parte: ejercicios prácticos Revisaremos la teoría básica de la Realizaremos ejercicios en el que usabilidad y los beneficios de un pondremos en práctica actividades que desarrollo centrado al usuario. aprendimos durante la primera parte del Conoceremos las ventajas de la taller. Definiremos una solución inicial usabilidad y el proceso de de obtenerla. centrada al usuario utilizando técnicas útiles para todos. Una hora Tres horas y media CUDI 2013 4Monday, April 15, 13
  • 5. Primera Parte: conocimiento teórico CUDI 2013 5Monday, April 15, 13
  • 6. ¿Quiénes somos? Universidad Tecnológica de la Mixteca (perteneciente al SUNEO) La nuestra es una universidad de tecnología, buscando el desarrollo a través de la excelencia académica, la investigación científica y la promoción al desarrollo social. La Interacción Humano-Computadora es uno de los aspectos claves para alcanzar nuestros objetivos. www.utm.mx CUDI 2013 6Monday, April 15, 13
  • 7. ¿Quiénes somos? UsaLab Laboratorio de Usabilidad Fundado en el año 2001, es el primer y único laboratorio de su tipo ofreciendo servicios de estudios de usabilidad a la industria, desde la universidad Clientes importantes Concursos académicos Investigación y enseñanza www.usalab.com.mx CUDI 2013 7Monday, April 15, 13
  • 8. ¿Quiénes somos? UsaLab Laboratorio de Usabilidad Fundado en el año 2001, es el primer y único laboratorio de su tipo ofreciendo servicios de estudios de usabilidad a la industria, desde la universidad Clientes importantes Concursos académicos Investigación y enseñanza www.usalab.com.mx CUDI 2013 8Monday, April 15, 13
  • 9. ¿Quiénes somos? UsaLab Laboratorio de Usabilidad Fundado en el año 2001, es el primer y único laboratorio de su tipo ofreciendo servicios de estudios de usabilidad a la industria, desde la universidad Clientes importantes Concursos académicos Investigación y enseñanza www.usalab.com.mx CUDI 2013 9Monday, April 15, 13
  • 10. a) Poniendo el mal ejemplo ... CUDI 2013 10Monday, April 15, 13
  • 11. compranet.gob.mx (Safari) CUDI 2013 11Monday, April 15, 13
  • 12. Resolución 800x600 CUDI 2013 12Monday, April 15, 13
  • 13. Compranet (IE 800x600) CUDI 2013 13Monday, April 15, 13
  • 14. Compranet (IE 1024x768) CUDI 2013 14Monday, April 15, 13
  • 15. Poniendo el mal ejemplo CUDI 2013 15Monday, April 15, 13
  • 16. ¿por qué? No encontramos fácilmente la información que buscamos Para utilizar el portal, es necesario leer primero la ayuda Especifica una resolución incorrecta, además de que sólo se visualiza correctamente en un navegador La satisfacción del usuario al interactuar con la página es baja (no logra sus objetivos) CUDI 2013 16Monday, April 15, 13
  • 17. TE DIJE QUE PUSIERAS ATENCIóN al taller de usabilidad CUDI 2013 17Monday, April 15, 13
  • 18. Usabilidad ISO 9241 “Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar tareas específicas a usuarios específicos en un contexto de uso específico” CUDI 2013 18Monday, April 15, 13
  • 19. Beneficios de la usabilidad Los beneficios de la usabilidad • Reducción de tiempos y incluyen: costos de desarrollo • Mejora en la productividad • Reducción en costos de mantenimiento • Reducción en costos de capacitación y soporte • Mejora en la satisfacción de los clientes • Mejora en ventas y ganancias Fuente: UXPA Website 2012 CUDI 2013 19Monday, April 15, 13
  • 20. b) metodologías de desarrollo CUDI 2013 20Monday, April 15, 13
  • 21. Modelos de desarrollo Modelo de Cascada • Secuencia de pasos de ingeniería de software • El cliente no es el usuario Modelo de Espiral • Continúa si la retroalimentación de cada paso es positiva CUDI 2013 21Monday, April 15, 13
  • 22. CUDI 2013 22Monday, April 15, 13
  • 23. CUDI 2013 23Monday, April 15, 13
  • 24. más modelos de desarrollo Modelo de Prototipos • Construcción de modelos ejecutables • El prototipo se puede convertir en el sistema en sí Diseño Centrado al Usuario • Garantiza la usabilidad CUDI 2013 24Monday, April 15, 13
  • 25. CUDI 2013 25Monday, April 15, 13
  • 26. CUDI 2013 26Monday, April 15, 13
  • 27. c) diseño centrado al usuario (UCD) CUDI 2013 27Monday, April 15, 13
  • 28. diseño centrado al usuario (UCD) 28 User Centered Design (Norman & Draper, 86)Monday, April 15, 13
  • 29. d) implementación de ucd CUDI 2013 29Monday, April 15, 13
  • 30. ¿Cómo lograrlo? User Centered Design (UCD) Norman & Draper ’86 CUDI 2013 30Monday, April 15, 13
  • 31. ¿Cómo lograrlo? Análisis de Requerimientos User Centered Design Personas (UCD) Focus Group Card Sort Estudios Contextuales Norman & Draper ’86 CUDI 2013 31Monday, April 15, 13
  • 32. ¿Cómo lograrlo? Análisis de Requerimientos User Centered Design Personas (UCD) Focus Group Card Sort Estudios Contextuales Guías de Diseño de GUI Wireframing Experiencia pasada Norman & Draper ’86 CUDI 2013 32Monday, April 15, 13
  • 33. ¿Cómo lograrlo? Análisis de Requerimientos User Centered Design Personas (UCD) Focus Group Card Sort Estudios Contextuales Guías de Diseño de GUI Evaluaciones Expertas Wireframing Mago de Oz Experiencia pasada Pruebas de usabilidad Norman & Draper ’86 CUDI 2013 33Monday, April 15, 13
  • 34. Break! 10 minutos CUDI 2013 34Monday, April 15, 13
  • 35. Segunda Parte: ejercicio práctico CUDI 2013 35Monday, April 15, 13
  • 36. y ahora ... 36Monday, April 15, 13
  • 37. e) definición de usuarios, tareas y contexto 37Monday, April 15, 13
  • 38. Para cualquier desarrollo centrado al usuario ... Usuarios Tareas Contexto focus group estudios personas card sort contextuales* CUDI 2013 38Monday, April 15, 13
  • 39. Usuarios ¿Quién(es) van a hacer uso de nuestro sistema? CUDI 2013 39Monday, April 15, 13
  • 40. Tareas ¿Qué actividades debe realizar nuestro sistema? CUDI 2013 40Monday, April 15, 13
  • 41. Contexto ¿Cuál es el contexto (entorno) de uso que tendrá nuestro sistema? CUDI 2013 41Monday, April 15, 13
  • 42. 42Monday, April 15, 13
  • 43. D)nuestro ejemplo: hoteles.com 43Monday, April 15, 13
  • 44. 44Monday, April 15, 13
  • 45. Instrucciones: dividir el grupo y definir tres (cuatro) tipos de usuarios que utilizarían Hoteles.com para planear sus vacaciones de verano. Cada equipo definirá Usuarios, Tareas y Contexto como se indica a continuación. Al final, cada equipo presentará sus resultados a todo el taller. 45Monday, April 15, 13
  • 46. 1. Definición del usuario (Persona) - 15 minutos Definir el usuario que usará Hoteles.com para planear sus próximas vacaciones En base a la definición que hemos hecho, cada equipo definirá a su usuario por medio de una discusión en su equipo Para ésto, utilizamos una técnica llamada Personas en que se desarrolla un personaje ficticio que representa típicamente un grupo de usuarios. CUDI 2013 46Monday, April 15, 13
  • 47. ING. EFRÉN “REDBULL” RIVAS ADMINISTRADOR DE SISTEMAS NADASOFTWARE CARACTERÍSTICAS ATRIBUTOS: 27 AÑOS, MASCULINO, SOLTERO ORIENTADO A METAS PARA LOGRAR OBJETIVOS PARA LA ORGANIZACIÓN ING EN SISTEMAS UNITEC, 2007 LÍDER DE OPINIÓN Y DE SU EQUIPO DE TRABAJO, ESTÁ EN LÍNEA 20 O MÁS HORAS AL DÍA, LE LLAMAN “GURÚ” CONEXIÓN T1 EN EL TRABAJO, INFINITUM EN SU OBSESIONADO EN PRESERVAR LA SEGURIDAD CASA, RED IUSACEL BAM EN TODOS LADOS DE SU RED Y DE CONTAR CON LAS ÚLTIMAS VERSIONES DE SO LINUX Y DE APLICACIONES PASA LA MAYOR PARTE DEL TIEMPO EN BLOGS GRATUTITAS PARA ADMINISTRACIÓN DE DE SU ÁREA, ADEMAS REDES SOCIALES COMO SERVIDORES FACEBOOK Y TWITTER; ENVÍA CORREOS TODO EL DÍA Y EN SU BLACKBERRY RECIBE NOTICIAS SÓLO HABLA EN ACRÓNIMOS DE SU SERVICIOS NO LE INTERESA OTRA COSA FUERA DE SU DESARROLLA SUS PROPIAS APLICACIONES TRABAJO PERO NADA MÁS EL LAS PUEDE UTILIZAR PIENSA QUE SU TRABAJO NO ES VALORADO, FRASE: PERO LE GUSTA DONDE ESTÁ “CUÁL SERÁ LA PRÓXIMA RED SOCIAL QUE SUBSTITUYA A GOOGLE+?” 47Monday, April 15, 13
  • 48. 2. Definición de tareas (Focus Group y Card Sort) - 25 minutos Definir tres Tareas principales para su usuario que necesitará en sus vacaciones Para el Focus Group, cada uno de nosotros definirá las tres tareas principales que piense necesite su usuario Para el Card Sort, cada uno de nosotros definirá en los Post-Its los nombres con los cuales piensen las Tareas aparecerán como Opciones en una aplicación móvil CUDI 2013 48Monday, April 15, 13
  • 49. Focus Group - 15 minutos 49Monday, April 15, 13
  • 50. Card Sort - 10 minutos CUDI 2013 50Monday, April 15, 13
  • 51. 3. Definición de contexto (Estudio Contextual*) - 15 minutos Definir el Contexto (entorno) en donde sus Usuarios realizarán las Tareas definidas anteriormente Observar a los usuarios dentro del contexto de uso, para determinar las características que afectarían al sistema a desarrollar. Se utilizan métodos de observación derivadas de la psicología conductual CUDI 2013 51Monday, April 15, 13
  • 52. Cultura como un iceberg (Kohls, 1995) 1. Los usuarios usan y atesoran la tecnología en su vida diaria. 2. Los usuarios no han visto la tecnología que se pretende utilizar. 3. Aunque desconocen la tecnología propuesta, no existe un rechazo, sino una aproximación cuidadosa a ella, despertando mucho interés. 4. Los usuarios prefieren el uso de un teclado virtual a uno físico (esto descarta el uso de dispositivos periféricos físicos). 5. La utilización de videos para instrucción es factible, además del uso de audífonos 52Monday, April 15, 13
  • 53. Estudio Contextual - 15 minutos 53Monday, April 15, 13
  • 54. 4. Presentación de resultados - 10 minutos Presentar los resultados obtenidos hasta el momento al resto del taller, explicando las principales razones que les hicieron tomar las decisiones Se motivará a una breve discusión entre equipos ;) CUDI 2013 54Monday, April 15, 13
  • 55. Presentación de resultados - 10 minutos CUDI 2013 55Monday, April 15, 13
  • 56. OTro break! 10 minutos CUDI 2013 56Monday, April 15, 13
  • 57. f) evaluación con el usuario 57Monday, April 15, 13
  • 58. Evaluación con usuarios CUDI 2013 58Monday, April 15, 13
  • 59. Instrucciones: cada equipo saldrá a reclutar dos usuarios de acuerdo con el perfil descrito en sus Personas. Mientras tanto, Carlos Alberto mostrará la configuración del equipo para realizar pruebas de usabilidad en el taller 59Monday, April 15, 13
  • 60. Líder (1) Facilitadores (1) Observadores (3) Reclutadores (3) Técnicos (2) 60Monday, April 15, 13
  • 61. una aventura gráfica en 12 pasos ... 61Monday, April 15, 13
  • 62. 1. facilitador recibe al usuario y lo invita a pasar a la sala de espera 62Monday, April 15, 13
  • 63. 2. lo invita a sentarse ante la computadora donde realizará las tareas 63Monday, April 15, 13
  • 64. 3. el facilitador explica el objetivo general de las pruebas de usabilidad 64Monday, April 15, 13
  • 65. 4. el facilitador realiza el cuestionario para asegurase que el perfil es el correcto, así como para romper el hielo 65Monday, April 15, 13
  • 66. 5. le explican al usuario la técnica de “Think Aloud Protocol” para que exprese todo lo que está pensando en todo momento 66Monday, April 15, 13
  • 67. 6. el facilitador pregunta al usuario si tiene alguna duda 67Monday, April 15, 13
  • 68. 7. el facilitador le pide al usuario que comienze la prueba! 68Monday, April 15, 13
  • 69. 8. el usuario trabaja en su primer escenario 69Monday, April 15, 13
  • 70. 9. el usuario dice lo que piensa y los observadores toman nota 70Monday, April 15, 13
  • 71. 10. la prueba continúa, escenario por escenario, en el tiempo determinado para la prueba 71Monday, April 15, 13
  • 72. 11. una vez terminados los escenarios, o el tiempo, el facilitador da por terminada la prueba 72Monday, April 15, 13
  • 73. 12. el facilitador agradece al usuario su participación y lo encamina a la salida, donde le dará su dinero o regalos por la prueba 73Monday, April 15, 13
  • 74. Recomendaciones Trate a los usuarios con cuidado • Háganlos sentir bien, confortables, trátenlos con respeto • Los están ayudando a probar el producto. Pueden dudar, pueden batallar, la prueba tiene la intención de observar la interacción, sea buena o mala Sea neutral • Sea neutral, está para ver y escuchar, no para guiar las respuestas del usuario • No exprese opinones negativas ni positivas (vgr.- “qué piensa Vd?” “estoy interesado en lo que haría si ...” CUDI 2013 74Monday, April 15, 13
  • 75. Más recomendaciones Cuándo ayudar y cuándo no • Si Vd decide ayudar al participante, debe terminar el escenario. (“le agradezco mucho lo que ha hecho, aprendimos mucho de ésto. Porqué no avanzamos a otra tarea?”) Buenas notas, malas notas • buena nota: hizo click en Investigación en vez de Academia • mala nota: se equivocó al dar click, se confundió de links CUDI 2013 75Monday, April 15, 13
  • 76. Lunch time! CUDI 2013 76Monday, April 15, 13
  • 77. g) diseño de una interface móvil para hoteles.com CUDI 2013Monday, April 15, 13
  • 78. diseño de una interface móvil para hoteles.com Diseño de ‣Interfaces de usuario (Experiencia previa) CUDI 2013 78Monday, April 15, 13
  • 79. Diseño de Interfaces (Wireframing) - 25 minutos Diseñar las interfaces móviles de Hoteles.com para su usuario Se utilizan plantillas para el desarrollo de las interfaces de usuario. Estas plantillas se pueden encontrar en internet Las interfaces se desarrollan por parejas, aportando su conocimiento previo para el desarrollo de prototipos en base a las evaluaciones realizadas con anterioridad CUDI 2013 79Monday, April 15, 13
  • 80. Wireframing - 25 minutos 80Monday, April 15, 13
  • 81. 5. Presentación de resultados - 10 minutos Presentar las interfaces desarrolladas en base a su Usuario, Tareas y Contextos desarrolladas al resto del taller, explicando las principales razones que les hicieron tomar las decisiones Se motivará a una breve discusión entre equipos ;) CUDI 2013 81Monday, April 15, 13
  • 82. Presentación de resultados - 10 minutos CUDI 2013 82Monday, April 15, 13
  • 83. i) finalmente ... conclusiones ;)Monday, April 15, 13
  • 84. Conclusiones CUDI 2013 84Monday, April 15, 13
  • 85. Conclusiones El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el trabajo de todo tipo de usuarios. La usabilidad es el grado en el cuál una interface de usuario puede ser usada por un usuario específico para una tarea específica dentro de un contexto de uso específico. El Diseño Centrado al Usuario (UCD) nos permite desarrollar aplicaciones que sean eficaces, eficientes y que tengan una alta satisfacción para el usuario. A través de la definición de usuarios, tareas y contexto, se pueden desarrollar interfaces con usabilidad ;) CUDI 2013 85Monday, April 15, 13
  • 86. Taller de Interfaces Humano-Computadora: Una aproximación al desarrollo de interfaces centradas al usuario Mario Alberto Moreno Rocha sirpeto@gmail.com UsaLab Laboratorio de Usabilidad www.usalab.com.mx 86Monday, April 15, 13
  • 87. gracias mil! 87Monday, April 15, 13