Your SlideShare is downloading. ×
0
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Taller HCI para CTV2011
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Taller HCI para CTV2011

744

Published on

Taller sobre el desarrollo de interfaces de usuario centradas al usuario. Taller impartido durante CTV2011.

Taller sobre el desarrollo de interfaces de usuario centradas al usuario. Taller impartido durante CTV2011.

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
744
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
22
Comments
0
Likes
2
Embeds 0
No embeds

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. Taller de Interfaces Humano-Computadora: Una aproximación al desarrollo de interfaces centradas al usuario Mario Alberto Moreno Rocha Carlos Alberto Martínez Sandoval UsaLab Laboratorio de Usabilidad Universidad Tecnológica de la MixtecaMonday, September 12, 2011
  • 2. Objetivo del taller: mostrar un panorama acerca de la Interacción Humano-Computadora y la aplicación de la usabilidad en un desarrollo de interfaces de usuario que pueda ser útil para los asistentes del taller en sus respectivas actividades. CTV2011 2Monday, September 12, 2011
  • 3. Estructura del Taller Primera Parte: conocimiento teórico Segunda Parte: ejercicio práctico Revisaremos la teoría básica de la Realizaremos un ejercicio en el que Interacción Humano-Computadora y los pondremos en práctica actividades que beneficios de un desarrollo de interfaces aprendimos durante la primera parte del gráficas centradas al usuario. taller. Diseñaremos en conjunto una Conoceremos las ventajas de la solución centrada al usuario utilizando usabilidad y la manera de obtenerla. técnicas útiles para todos. 30 minutos Una hora y media CTV2011 3Monday, September 12, 2011
  • 4. Primera Parte: conocimiento teórico CTV2011Monday, September 12, 2011
  • 5. 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 CTV2011 5Monday, September 12, 2011
  • 6. 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 CTV2011 6Monday, September 12, 2011
  • 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 CTV2011 7Monday, September 12, 2011
  • 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 CTV2011 8Monday, September 12, 2011
  • 9. No les ha pasado? 9 CTV2011Monday, September 12, 2011
  • 10. No les ha pasado? 9 CTV2011Monday, September 12, 2011
  • 11. 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” CTV2011 10Monday, September 12, 2011
  • 12. 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” CTV2011 11Monday, September 12, 2011
  • 13. No les ha pasado? CTV2011 12Monday, September 12, 2011
  • 14. No les ha pasado? 13 CTV2011Monday, September 12, 2011
  • 15. No les ha pasado? CTV2011 14Monday, September 12, 2011
  • 16. No les ha pasado? 15 CTV2011Monday, September 12, 2011
  • 17. No les ha pasado? 16Monday, September 12, 2011
  • 18. Beneficios de la usabilidad Los beneficios de la usabilidad incluyen: • Mejora en la productividad • Reducción en costos de capacitación y soporte • Mejora en ventas y ganancias • Reducción de tiempos y costos de desarrollo • Reducción en costos de mantenimiento • Mejora en la satisfacción de los clientes Fuente: UPA Website 2012 CTV2011 17Monday, September 12, 2011
  • 19. Cómo lograrlo? CTV2011 18Monday, September 12, 2011
  • 20. Cómo lograrlo? User Centered Design (UCD) CTV2011 18Monday, September 12, 2011
  • 21. Cómo lograrlo? User Centered Design (UCD) CTV2011 18Monday, September 12, 2011
  • 22. Cómo lograrlo? User Centered Design (UCD) Norman & Draper ’86 CTV2011 18Monday, September 12, 2011
  • 23. Cómo lograrlo? User Centered Design Análisis de Requerimientos (UCD) Personas Estudio Contextual Norman & Draper ’86 CTV2011 19Monday, September 12, 2011
  • 24. Cómo lograrlo? User Centered Design Análisis de Requerimientos (UCD) Personas Estudio Contextual Guías de Diseño de GUI Wireframing Experiencia pasada Norman & Draper ’86 CTV2011 20Monday, September 12, 2011
  • 25. Cómo lograrlo? User Centered Design Análisis de Requerimientos (UCD) Personas Estudio Contextual Evaluaciones Expertas Guías de Diseño de GUI Mago de Oz Wireframing Card Sort Experiencia pasada Focus Group Pruebas de usabilidad Norman & Draper ’86 CTV2011 21Monday, September 12, 2011
  • 26. Break! 10 minutos CTV2011Monday, September 12, 2011
  • 27. Segunda Parte: ejercicio práctico CTV2011Monday, September 12, 2011
  • 28. Diseño de las interfaces de un teléfono de 100 pesos Definición de ‣Usuarios (Personas) ‣Tareas (Focus Group, Card Sort) ‣Contexto (Estudio Contextual) Diseño de ‣Interfaces de usuario (Experiencia) CTV2011 24Monday, September 12, 2011
  • 29. 1. Definición del usuario (Persona) - 15 minutos Definir el usuario al que estará dirigido el teléfono de 100 pesos. Puede ser nosotros mismos o considerar las características de otro grupo de población (eg. personas mayores, personas con discapacidad, etc). Para ésto, utilizamos una técnica llamada Personas en que se desarrolla un personaje ficticio que representa típicamente un grupo de usuarios. CTV2011 25Monday, September 12, 2011
  • 30. 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+?” 26Monday, September 12, 2011
  • 31. 2. Definición de tareas (Focus Group y Card Sort) - 25 minutos Definir las tareas del teléfono de 100 pesos Para el Focus Group, cada uno de nosotros definirá las tres tareas principales que utiliza en su propio teléfono celular Para el Card Sort, cada uno de nosotros definirá en los Post-Its los nombres con los cuales piensen que la opción deberá aparecer en el teléfono CTV2011 27Monday, September 12, 2011
  • 32. Focus Group - 15 minutos 28Monday, September 12, 2011
  • 33. Card Sort - 10 minutos CTV2011 29Monday, September 12, 2011
  • 34. 3. Definición de contexto (Estudio Contextual) - 15 minutos Definir el contexto (entorno) del teléfono de 100 pesos 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. CTV2011 30Monday, September 12, 2011
  • 35. Cultura como un iceberg (Kohls, 1995) 31Monday, September 12, 2011
  • 36. Cultura como un iceberg (Kohls, 1995) 31Monday, September 12, 2011
  • 37. 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 31Monday, September 12, 2011
  • 38. Estudio Contextual - 15 minutos 32Monday, September 12, 2011
  • 39. 4. Diseño de Interfaces (Wireframing) - 25 minutos Diseñar las interfaces del teléfono de 100 pesos 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 que serán evaluados más tarde. CTV2011 33Monday, September 12, 2011
  • 40. Wireframing - 25 minutos 34Monday, September 12, 2011
  • 41. 5. Presentación de resultados - 10 minutos Presentar las interfaces de usuario del teléfono de 100 pesos Utilizando el proyector de acetatos, los participantes presentarán sus interfaces y las explicarán al resto del taller. CTV2011 35Monday, September 12, 2011
  • 42. Presentación de resultados - 10 minutos CTV2011 36Monday, September 12, 2011
  • 43. 6. Evaluación - de dos a tres días Evaluar las interfaces de usuario del teléfono de 100 pesos con los usuarios, observando su interacción y haciendo modificaciones al prototipo desarrollado con el objetivo de que tengamos un diseño más cercano a las necesidades y gustos de los usuarios. CTV2011 37Monday, September 12, 2011
  • 44. Evaluación con usuarios - otro taller ;) CTV2011 38Monday, September 12, 2011
  • 45. Conclusiones CTV2011 39Monday, September 12, 2011
  • 46. Conclusiones CTV2011 40Monday, September 12, 2011
  • 47. Conclusiones El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el trabajo de todo tipo de usuarios. CTV2011 40Monday, September 12, 2011
  • 48. 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. CTV2011 40Monday, September 12, 2011
  • 49. 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. CTV2011 40Monday, September 12, 2011
  • 50. 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 ;) CTV2011 40Monday, September 12, 2011
  • 51. Taller de Interfaces Humano-Computadora: Una aproximación al desarrollo de interfaces centradas al usuario Mario Alberto Moreno Rocha sirpeto@gmail.com Carlos Alberto Martínez Sandoval albert_0072104@hotmail.com UsaLab Laboratorio de Usabilidad www.usalab.com.mxMonday, September 12, 2011

×