Monday, October 10, 2011
Taller de Interfaces Humano-Computadora:                Una aproximación al desarrollo de interfaces centradas al usuario ...
Objetivo del taller: mostrar un panorama acerca de la Interacción            Humano-Computadora y la aplicación de la usab...
Estructura del Taller                Primera Parte: conocimiento teórico          Segunda Parte: ejercicio práctico       ...
Primera Parte:            conocimiento teórico                                   UNSIS 2011Monday, October 10, 2011
Quiénes somos?                Universidad Tecnológica de la                Mixteca (perteneciente al SUNEO)               ...
Quiénes somos?                UsaLab Laboratorio de Usabilidad                Fundado en el año 2001, es el primer y      ...
Quiénes somos?                UsaLab Laboratorio de Usabilidad                Fundado en el año 2001, es el primer y      ...
Quiénes somos?                UsaLab Laboratorio de Usabilidad                Fundado en el año 2001, es el primer y      ...
No les ha pasado?            10                                UNSIS 2011Monday, October 10, 2011
No les ha pasado?            10                                UNSIS 2011Monday, October 10, 2011
Usabilidad                 ISO 9241                 “Usabilidad es la efectividad, eficiencia y satisfacción               ...
Usabilidad                 ISO 9241                 “Usabilidad es la efectividad, eficiencia y satisfacción               ...
No les ha pasado?                                UNSIS 2011            13Monday, October 10, 2011
No les ha pasado?            14                                UNSIS 2011Monday, October 10, 2011
No les ha pasado?                                UNSIS 2011            15Monday, October 10, 2011
No les ha pasado?            16                  UNSIS 2011Monday, October 10, 2011
No les ha pasado?            17Monday, October 10, 2011
Beneficios de la usabilidad                 Los beneficios de la usabilidad incluyen:                    • Mejora en la prod...
Cómo lograrlo?                             UNSIS 2011            19Monday, October 10, 2011
Cómo lograrlo?                 User Centered Design                        (UCD)                                        UN...
Cómo lograrlo?                 User Centered Design                        (UCD)                                        UN...
Cómo lograrlo?                 User Centered Design                        (UCD)                                          ...
Cómo lograrlo?                 User Centered Design                Análisis de Requerimientos                        (UCD)...
Cómo lograrlo?                 User Centered Design                Análisis de Requerimientos                        (UCD)...
Cómo lograrlo?                 User Centered Design                Análisis de Requerimientos                        (UCD)...
Break! 10 minutos                                UNSIS 2011Monday, October 10, 2011
Segunda Parte:            ejercicio práctico                                 UNSIS 2011Monday, October 10, 2011
Diseño de las            interfaces de un            teléfono de 100 pesos            Definición de             ‣Usuarios (...
1. Definición del usuario (Persona) - 15 minutos                 Definir el usuario al que estará dirigido el teléfono de 10...
ING. EFRÉN “REDBULL” RIVAS                                       ADMINISTRADOR DE SISTEMAS                                ...
2. Definición de tareas (Focus Group y Card Sort) - 25 minutos                 Definir las tareas del teléfono de 100 pesos ...
Focus Group - 15 minutos            29Monday, October 10, 2011
Card Sort - 10 minutos                                     UNSIS 2011            30Monday, October 10, 2011
3. Definición de contexto (Estudio Contextual) - 15 minutos                 Definir el contexto (entorno) del teléfono de 10...
Cultura como un iceberg (Kohls, 1995)            32Monday, October 10, 2011
Cultura como un iceberg (Kohls, 1995)            32Monday, October 10, 2011
Cultura como un iceberg (Kohls, 1995)                                         1. Los usuarios usan y atesoran la          ...
Estudio Contextual - 15 minutos            33Monday, October 10, 2011
4. Diseño de Interfaces (Wireframing) - 25 minutos                 Diseñar las interfaces del teléfono de 100 pesos       ...
Wireframing - 25 minutos            35Monday, October 10, 2011
5. Presentación de resultados - 10 minutos                 Presentar las interfaces de usuario del teléfono de 100 pesos  ...
Presentación de resultados - 10 minutos                                      UNSIS 2011            37Monday, October 10, 2...
6. Evaluación - de dos a tres días                 Evaluar las interfaces de usuario del teléfono de 100 pesos con los    ...
Evaluación con usuarios - otro taller ;)                                         UNSIS 2011            39Monday, October 1...
Conclusiones                           UNSIS 2011            40Monday, October 10, 2011
Conclusiones                           UNSIS 2011            41Monday, October 10, 2011
Conclusiones                 El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el             ...
Conclusiones                 El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el             ...
Conclusiones                 El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el             ...
Conclusiones                 El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el             ...
Taller de Interfaces Humano-Computadora:                     Una aproximación al desarrollo de interfaces centradas al usu...
Upcoming SlideShare
Loading in …5
×

Taller de Desarrollo de Interfaces (UNSIS)

996 views
924 views

Published on

Notas del taller de Desarrollo de Interfaces impartido durante la 4ta Semana de Informática en la UNSIS (Octubre 2011)

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
996
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
15
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Taller de Desarrollo de Interfaces (UNSIS)

  1. 1. Monday, October 10, 2011
  2. 2. Taller de Interfaces Humano-Computadora: Una aproximación al desarrollo de interfaces centradas al usuario Mario Alberto Moreno Rocha UsaLab Laboratorio de Usabilidad Universidad Tecnológica de la MixtecaMonday, October 10, 2011
  3. 3. 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. UNSIS 2011 3Monday, October 10, 2011
  4. 4. 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 UNSIS 2011 4Monday, October 10, 2011
  5. 5. Primera Parte: conocimiento teórico UNSIS 2011Monday, October 10, 2011
  6. 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 UNSIS 2011 6Monday, October 10, 2011
  7. 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 UNSIS 2011 7Monday, October 10, 2011
  8. 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 UNSIS 2011 8Monday, October 10, 2011
  9. 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 UNSIS 2011 9Monday, October 10, 2011
  10. 10. No les ha pasado? 10 UNSIS 2011Monday, October 10, 2011
  11. 11. No les ha pasado? 10 UNSIS 2011Monday, October 10, 2011
  12. 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” UNSIS 2011 11Monday, October 10, 2011
  13. 13. 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” UNSIS 2011 12Monday, October 10, 2011
  14. 14. No les ha pasado? UNSIS 2011 13Monday, October 10, 2011
  15. 15. No les ha pasado? 14 UNSIS 2011Monday, October 10, 2011
  16. 16. No les ha pasado? UNSIS 2011 15Monday, October 10, 2011
  17. 17. No les ha pasado? 16 UNSIS 2011Monday, October 10, 2011
  18. 18. No les ha pasado? 17Monday, October 10, 2011
  19. 19. 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 UNSIS 2011 18Monday, October 10, 2011
  20. 20. Cómo lograrlo? UNSIS 2011 19Monday, October 10, 2011
  21. 21. Cómo lograrlo? User Centered Design (UCD) UNSIS 2011 19Monday, October 10, 2011
  22. 22. Cómo lograrlo? User Centered Design (UCD) UNSIS 2011 19Monday, October 10, 2011
  23. 23. Cómo lograrlo? User Centered Design (UCD) Norman & Draper ’86 UNSIS 2011 19Monday, October 10, 2011
  24. 24. Cómo lograrlo? User Centered Design Análisis de Requerimientos (UCD) Personas Estudio Contextual Norman & Draper ’86 UNSIS 2011 20Monday, October 10, 2011
  25. 25. 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 UNSIS 2011 21Monday, October 10, 2011
  26. 26. 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 UNSIS 2011 22Monday, October 10, 2011
  27. 27. Break! 10 minutos UNSIS 2011Monday, October 10, 2011
  28. 28. Segunda Parte: ejercicio práctico UNSIS 2011Monday, October 10, 2011
  29. 29. 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) UNSIS 2011 25Monday, October 10, 2011
  30. 30. 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. UNSIS 2011 26Monday, October 10, 2011
  31. 31. 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+?” 27Monday, October 10, 2011
  32. 32. 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 UNSIS 2011 28Monday, October 10, 2011
  33. 33. Focus Group - 15 minutos 29Monday, October 10, 2011
  34. 34. Card Sort - 10 minutos UNSIS 2011 30Monday, October 10, 2011
  35. 35. 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. UNSIS 2011 31Monday, October 10, 2011
  36. 36. Cultura como un iceberg (Kohls, 1995) 32Monday, October 10, 2011
  37. 37. Cultura como un iceberg (Kohls, 1995) 32Monday, October 10, 2011
  38. 38. 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 32Monday, October 10, 2011
  39. 39. Estudio Contextual - 15 minutos 33Monday, October 10, 2011
  40. 40. 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. UNSIS 2011 34Monday, October 10, 2011
  41. 41. Wireframing - 25 minutos 35Monday, October 10, 2011
  42. 42. 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. UNSIS 2011 36Monday, October 10, 2011
  43. 43. Presentación de resultados - 10 minutos UNSIS 2011 37Monday, October 10, 2011
  44. 44. 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. UNSIS 2011 38Monday, October 10, 2011
  45. 45. Evaluación con usuarios - otro taller ;) UNSIS 2011 39Monday, October 10, 2011
  46. 46. Conclusiones UNSIS 2011 40Monday, October 10, 2011
  47. 47. Conclusiones UNSIS 2011 41Monday, October 10, 2011
  48. 48. Conclusiones El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el trabajo de todo tipo de usuarios. UNSIS 2011 41Monday, October 10, 2011
  49. 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. UNSIS 2011 41Monday, October 10, 2011
  50. 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. UNSIS 2011 41Monday, October 10, 2011
  51. 51. 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 ;) UNSIS 2011 41Monday, October 10, 2011
  52. 52. 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.mxMonday, October 10, 2011

×