1 / 105

Interfaces de Usuarios

Curso Interfaces de Usuarios. El Proceso de USABILIDAD. Interfaces de Usuarios. 1. Los Actores. Profesor: Eduardo Peña J. Usabilidad. Interfaces de Usuarios. 2. Profesor: Eduardo Peña J. Proceso de Usabilidad. Interfaces de Usuarios. 3. Profesor: Eduardo Peña J.

majed
Download Presentation

Interfaces de Usuarios

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Curso Interfaces de Usuarios El Proceso de USABILIDAD Interfaces de Usuarios 1 Los Actores Profesor: Eduardo Peña J. Usabilidad

  2. Interfaces de Usuarios 2 Profesor: Eduardo Peña J. Proceso de Usabilidad

  3. Interfaces de Usuarios 3 Profesor: Eduardo Peña J. Proceso de Usabilidad

  4. Interfaces de Usuarios 4 Profesor: Eduardo Peña J. Proceso de Usabilidad

  5. Interfaces de Usuarios 5 Profesor: Eduardo Peña J. Proceso de Usabilidad

  6. Interfaces de Usuarios 6 Profesor: Eduardo Peña J. Proceso de Usabilidad

  7. Interfaces de Usuarios 7 Profesor: Eduardo Peña J. Proceso de Usabilidad

  8. Interfaces de Usuarios 8 Profesor: Eduardo Peña J. Proceso de Usabilidad

  9. Interfaces de Usuarios 9 Profesor: Eduardo Peña J. Proceso de Usabilidad

  10. Interfaces de Usuarios 10 Profesor: Eduardo Peña J. Proceso de Usabilidad

  11. Interfaces de Usuarios 11 Profesor: Eduardo Peña J. Proceso de Usabilidad

  12. Interfaces de Usuarios 12 Profesor: Eduardo Peña J. Proceso de Usabilidad

  13. Costo de la Usabilidad • En 2003 se realizaron 221.463.743 transacciones : • Supongamos solo una pantalla de mas y que tarde solo 3 seg • 221.46 M * 3 = 664.38 Mseg = 184.550 horas • Meses hombre = 1073 • Años hombre = 89.4 • Costo País= 89.4 * US$5000 = US$447.000 año • En 2001 fueron 180M transaciones • incremento de 23% en dos años Interfaces de Usuarios 13 Profesor: Eduardo Peña J. Costo de Usabilidad

  14. Interfaz existe hace más de 15 años •  Costo País de la interfaz varios millones de dólares. Interfaces de Usuarios 14 Profesor: Eduardo Peña J. Costo de Usabilidad

  15. El Proceso de Usabilidad • Análisis Económico • Costos • - directos • Hardware, Software • - Indirectos • Involucramiento de usuarios y terceros • Ej. Red Bank • Beneficios • - Directos • Nuevo proceso, producto • - Indirectos • Aumento de productividad • Mejoras en el proceso • Actitud del usuario • Menos soporte requerido • Ingresos Relativos Interfaces de Usuarios 15 Profesor: Eduardo Peña J. Proceso de Usabilidad

  16. Interfaces de Usuarios • Análisis Económico: • - Beneficios • Indirectos Mejoras en el proceso 16 Profesor: Eduardo Peña J. Proceso de Usabilidad: Análisis Económico

  17. Ejemplo : Billing & Shipping information. Con el “check box” (debajo de Shipping Information) se ahorra el llenado del formulario de envío. Esto es ”cost effective” ya que no necesitamos procesar dos veces la misma información. Además no distraemos al usuario (manteniendo el foco) llenando información repetida. Además se muestra sólo la información relevante al proceso que estamos llevando a cabo, destacando con rojo lo que se considera importante. Mediante un diálogo simple y efectivo. • Análisis Económico: • - Beneficios • Indirectos Actitud del Usuario Interfaces de Usuarios 17 Profesor: Eduardo Peña J. Proceso de Usabilidad: Análisis Económico

  18. El Proceso de Usabilidad • Diseño Paralelo • Explorar distintas alternativas independientes • BrainStorming de diseños • - una vez que c/u haya elaborado su idea • Es mas lento que trabajo en conjunto: • - una fase previa de diseño independiente • Diseño Participativo • Diseñar junto al usuario • Usuario especifica y valida en un proceso iterativo • - Considerar todos los posibles usuarios < • Profesional diseña Interfaces de Usuarios 18 Profesor: Eduardo Peña J. Proceso de Usabilidad

  19. Interfaces de Usuarios • Diseño Participativo: • - Diseñar junto al usuario • Usuario especifica y valida en un proceso iterativo Considerar todos los posibles usuarios 19 Profesor: Eduardo Peña J. Proceso de Usabilidad

  20. El Proceso de Usabilidad • Coordinación del diseño • Consistencia en el todo • - Procesos • - Gráfica y estéticas • - Documentación • Se requieren: • - Standard • - Cultura y lenguaje común • Consistencia en las actualizaciones • - Actualizar el aspecto en todas sus apariciones Interfaces de Usuarios 20 Profesor: Eduardo Peña J. Proceso de Usabilidad

  21. Para insertar una nota al pie de página en word 2000 aparece en el menú “insertar” directamente, pero en wordxp esta en un nivel más de profundidad. Esto tiende a confundir… Interfaces de Usuarios • Coordinación del Diseño: • Consistencia en el todo • - Procesos 21 Profesor: Eduardo Peña J. Proceso de Usabilidad

  22. Interfaces de Usuarios • Coordinación del Diseño: • Consistencia en el todo • - Gráfica y estéticas 22 Profesor: Eduardo Peña J. Proceso de Usabilidad

  23. Coordinación del Diseño: • Consistencia en el todo • Documentación • Se requiere: Cultura y • lenguaje común Interfaces de Usuarios 23 Profesor: Eduardo Peña J. Proceso de Usabilidad

  24. Coordinación del Diseño: • Consistencia en el todo • Documentación • Se requiere: Cultura y • lenguaje común Interfaces de Usuarios 24 Profesor: Eduardo Peña J. Proceso de Usabilidad

  25. Coordinación del Diseño: • Consistencia en el todo • Documentación • Se requiere: Cultura y • lenguaje común Interfaces de Usuarios 25 Profesor: Eduardo Peña J. Proceso de Usabilidad

  26. El Proceso de Usabilidad • Directrices de Evaluación • Se observa el proceso según una pauta de observación para • obtener una lista de problemas de usabilidad: • - Mayhew D.J. Principles and Guidelines in Software • User Interface Design, Prenticed Hall, NJ. 1992 • - Nielsen J., Mack RL., UsabilityInspectionMethods, • John Wiley, NY 1994 • Cada evaluador observa desde su perspectiva Times, ListeningtotheEnemy Figura 16 pp 156 Jakob Nielsen, UsabilityEngineering • - Evaluador debiera ser experto en: • Usabilidad • El dominio • - De no lograrlo hacer converger opiniones Interfaces de Usuarios 26 Profesor: Eduardo Peña J. Proceso de Usabilidad

  27. Interfaces de Usuarios • Directrices de evaluación: • Cada evaluador observa • desde su perspectiva 27 Profesor: Eduardo Peña J. Proceso de Usabilidad

  28. Directrices de evaluación: • Cada evaluador observa • desde su perspectiva Interfaces de Usuarios 28 Profesor: Eduardo Peña J. Proceso de Usabilidad

  29. IntearctionsJan+Feb 2002 • Directrices de evaluación: • Cada evaluador observa • desde su perspectiva Interfaces de Usuarios 29 Profesor: Eduardo Peña J. Proceso de Usabilidad

  30. Directrices de evaluación: • Cada evaluador observa • desde su perspectiva Interfaces de Usuarios 30 Profesor: Eduardo Peña J. Proceso de Usabilidad

  31. El Proceso de Usabilidad • Prototipo Fig 9 pp94 Jakob Nielsen, UsabilityEngineering • Prototipo horizontal • - Usuario no puede interactuar con datos reales • Prototipos Verticales • - Usuario no puede desplazarse por el sistema • Escenarios • - Minimalista: Una sesión y función específica • Condiciones operativas distintas a las finales • - Funcionalidad simplificada • - Hardware de tipo y especificación distinta • - Datos incompletos • - Código sin depurar • - Tiempos de respuesta no correspondientes con la realidad  Usuario desconcertado e irritable • Herramientas de alto nivel • Tiempo de desarrollo •  Espacio código • - Velocidad de ejecución Interfaces de Usuarios 31 Profesor: Eduardo Peña J. Proceso de Usabilidad

  32. Prototipo Interfaces de Usuarios 32 Profesor: Eduardo Peña J. Proceso de Usabilidad

  33. Interfaces de Usuarios • Prototipo 33 Profesor: Eduardo Peña J. Proceso de Usabilidad

  34. El Proceso de Usabilidad • Evaluación Empírica • Universo • - Que? • Parte del sistema • El sistema prototipo, final, en uso • - Quienes? • Usuarios potenciales, novicios, expertos. • Objetivo • - Capturar problemas de usabilidad: • Potenciales • Detectados • - Redefinición • Gráfica • Procesos • Condiciones Ambientales Interfaces de Usuarios 34 Profesor: Eduardo Peña J. Proceso de Usabilidad

  35. Evaluación empírica • * Universo • - Quiénes? Interfaces de Usuarios 35 Profesor: Eduardo Peña J. Proceso de Usabilidad

  36. Evaluación empírica • * Universo • - Quiénes? Objetivo: Evaluar la Usabilidad en suEntorno NO La Interfaz http://www.useit.com/papers/heuristic/ Interfaces de Usuarios 36 Profesor: Eduardo Peña J. Proceso de Usabilidad

  37. Evaluación empírica • * Universo • - Quiénes? Interfaces de Usuarios 37 Profesor: Eduardo Peña J. Proceso de Usabilidad

  38. El Proceso de Usabilidad: Evaluación Empírica • Criterios de análisis • Subjetivo • - Métrica Table 8 pp 104 Jakob Nielsen, UsabilityEngineering • (no es problema de usabilidad, problema menor con el cual se puede vivir, problema necesario de arreglar (baja prioridad), problema necesario de arreglar (alta prioridad), detener el sistema hasta que se arregle) • - Muestra estadística de los que realizan la observación • Objetivo • - Frecuencia • Reclamos • Errores detectados Interfaces de Usuarios 38 Profesor: Eduardo Peña J. Evaluación Empírica

  39. Evaluación empírica • * Criterio de análisis • - Subjetivo: Métrica Interfaces de Usuarios 39 Profesor: Eduardo Peña J. Evaluación Empírica

  40. Evaluación empírica • * Criterio de análisis • - Subjetivo: • * Métrica • . No es problema de Usabilidad • . Problema necesario de arreglar No es problema de usabilidad: Problema de la definición del problema Problema del proceso Problema de calidad Interfaces de Usuarios 40 Profesor: Eduardo Peña J. Evaluación Empírica

  41. Interfaces de Usuarios • Evaluación empírica • * Criterio de análisis • - Subjetivo: • * Métrica • . Problema necesario de arreglar 41 Profesor: Eduardo Peña J. Evaluación Empírica

  42. El Proceso de Usabilidad • Diseño Iterativo • Observar el proceso de cambio en el prototipo • Conceptualización de la lógica de diseño • - Log file • - Observación del usuario • Charts con flujo (papel grande) • Foto bazuca • Saturación del usuario • - “wasteusers” • - “wornoutusers” Interfaces de Usuarios 42 Profesor: Eduardo Peña J. Proceso de Usabilidad

  43. Interfaces de Usuarios • Diseño Iterativo: • * Conceptualización de la lógica de diseño • - Observación del usuario 43 Profesor: Eduardo Peña J. Proceso de Usabilidad

  44. Interfaces de Usuarios • Diseño Iterativo: • * Conceptualización de la lógica de diseño • - Observación del usuario 44 Profesor: Eduardo Peña J. Proceso de Usabilidad

  45. Interfaces de Usuarios • Diseño Iterativo: • * Conceptualización de la lógica de diseño • - Charts con flujo (papel grande) 45 Profesor: Eduardo Peña J. Proceso de Usabilidad

  46. El Proceso de Usabilidad • Retroalimentación del uso • Ciclo de vida del sistema • - Nuevas versiones por • Cambios de funcionalidad • Problemas de uso • - Salida del sistema • Nuevo sistema basado en la experiencia • Una mala relación no debiera dañar ni el objeto ni el usuario Ej. Si me equivoco al armar un paracaídas…. Interfaces de Usuarios 46 Profesor: Eduardo Peña J. Proceso de Usabilidad

  47. Retroalimentación del uso: • Una mala relación no debiera dañar ni el objeto ni el usuario Interfaces de Usuarios 47 Profesor: Eduardo Peña J. Proceso de Usabilidad

  48. Retroalimentación del uso: • Una mala relación no debiera dañar ni el objeto ni el usuario Interfaces de Usuarios 48 Profesor: Eduardo Peña J. Proceso de Usabilidad

  49. Retroalimentación del uso: • Una mala relación no debiera dañar ni el objeto ni el usuario Interfaces de Usuarios 49 Profesor: Eduardo Peña J. Proceso de Usabilidad

  50. El Proceso de Usabilidad • Simplicidad en el dialogo • Presentar solo lo que se necesita Figura 9.2 pp 198 Donald Norman, The Invisible Computer Pp 199 Donald Norman, The Invisible Computer • - Cuidar el Foco de Atención • Cuenta de Agua • Cuenta de Luz • Cuenta teléfono • No es posible satisfacer todos los requerimientos con una • sola vista Interfaces de Usuarios 50 Profesor: Eduardo Peña J. Proceso de Usabilidad

More Related