Prototipado Iterativo                   Juan Manuel Carraro                        Junio 2011Presentación bajo licencia Cr...
Agenda 1. Introducción a la técnica de prototipado: definición, objetivos y    beneficios 2. El prototipado iterativo en e...
Presentación •   Diseñador Gráfico •   Diseñador de Interacción •   Programador •   Ingeniero en Sistemas •   Consultor en...
Técnicas de análisis de la usabilidad •   Análisis de comparables             Superficie •   Inventario de contenidos •   ...
Técnicas de análisis de la usabilidad •   Análisis de comparables             Superficie •   Inventario de contenidos •   ...
Prototipado Iterativo Un prototipo debe cumplir tres condiciones:   • Debe permitir la interacción con usuarios reales.   ...
Prototipado Iterativo   ¿Qué es?   Es una técnica que se basa en el refinamiento progresivo   del conjunto de elementos qu...
Prototipado Iterativo Objetivos:   • Poner a prueba hipótesis de trabajo.   • Identificar problemas de usabilidad.
Clasificación de prototipos • Baja fidelidad: prototipos en papel • Alta fidelidad: prototipos navegables
Prototipado Iterativo Beneficios: • Reducción en los costos de producción. • Economía y facilidad de testeo. • Identificac...
Proceso de Diseño Centrado en el Usuario                             AnálisisIteración                       Objetivos del...
Proceso de Diseño Centrado en el Usuario Elaboración y puesta a prueba de prototipos                              Análisis...
Prototipado IterativoModelo ideal de iteraciones Primera Iteración          Segunda Iteración      Tercera iteración      ...
Planificación de las pruebas 1. Definir el objetivo de la prueba. 2. Identificar los perfiles de usuarios. 3. Identificar ...
Definir objetivos de la prueba 1. Generales:   1. Medir la performance general de la herramienta.   2. Relevar el modelo m...
Construcción de perfiles de usuarios 1. Tareas críticas 2. Escenarios y contexto de uso 3. Especificidades de la audiencia
Construcción de perfiles de usuarios 1. Tareas críticas 2. Escenarios y contexto de uso 3. Especificidades de la audiencia
Construcción de perfiles de usuarios
Construcción de perfiles de usuarios
Medición de resultados • Variables cuantitativas:   • Eficacia   • Eficiencia • Variable cualitativa:   • Satisfacción
Medición de resultados • Indicadores cuantitativos:    • Tareas exitosas    • Errores    • Páginas vistas    • Clics    • ...
Medición de resultados • Medición cualitativa:      • SUS (System Usability Scale)      • CSUQ (Computer System Usability ...
System Usability Scale
Elaboración de guiones • Tres partes:      • Presentación      • Descripción de tareas y escenarios      • Cuestionario fi...
Elaboración de guiones •   Presentación:        •   Describir las características y limitaciones (si las tiene) de la     ...
Elaboración de guiones •   Escenario (ejemplo):     “Inicia el ciclo lectivo del 2011 y tenés que inscribirte a las materi...
Reclutamiento de usuarios 1. Lo puede hacer el cliente.    • Establecer recomendaciones generales. 2. Podemos hacerlo noso...
Curso IxDA BA 2011: Introducción al diseño y maquetación de                      interfaces web.              Módulo de Pr...
Upcoming SlideShare
Loading in...5
×

Prototipado iterativo-ixda-juan-manuel-carraro

2,934

Published on

Módulo de la clase de Prototipado Iterativo del Curso IxDA BA 2011: Introducción al diseño y maquetación de interfaces web – junio y julio 2011.

Published in: Design, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,934
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
68
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Prototipado iterativo-ixda-juan-manuel-carraro

  1. 1. Prototipado Iterativo Juan Manuel Carraro Junio 2011Presentación bajo licencia Creative Commons Atribución 2.5 Argentina http://creativecommons.org/licenses/by/2.5/ar
  2. 2. Agenda 1. Introducción a la técnica de prototipado: definición, objetivos y beneficios 2. El prototipado iterativo en el contexto del Diseño Centrado en el Usuario 3. Planificación de las pruebas con usuarios 4. Variables e indicadores de medición 5. Elaboración de guiones 6. Logística y proceso de reclutamiento de usuarios 7. Dinámica de las pruebas 8. Ejercicio práctico
  3. 3. Presentación • Diseñador Gráfico • Diseñador de Interacción • Programador • Ingeniero en Sistemas • Consultor en Usabilidad y Diseño Centrado en el Usuario • Lic. Comunicación Social • Ma. Economía y Administración de empresas @carrarojm
  4. 4. Técnicas de análisis de la usabilidad • Análisis de comparables Superficie • Inventario de contenidos • Construcción de personas • Evaluación Heurística • Relevamiento contextual • Entrevistas cualitativas • Card Sorting • Pruebas A/B • Prototipado iterativo • Pruebas de usabilidad Profundidad
  5. 5. Técnicas de análisis de la usabilidad • Análisis de comparables Superficie • Inventario de contenidos • Construcción de personas • Evaluación Heurística • Relevamiento contextual • Entrevistas cualitativas • Card Sorting • Pruebas A/B • Prototipado iterativo • Pruebas de usabilidad Profundidad
  6. 6. Prototipado Iterativo Un prototipo debe cumplir tres condiciones: • Debe permitir la interacción con usuarios reales. • Debe incluir los elementos de la interfaz que permitan la realización de tareas concretas por parte de los usuarios. • Debe ser representativo de un determinado contexto de uso.
  7. 7. Prototipado Iterativo ¿Qué es? Es una técnica que se basa en el refinamiento progresivo del conjunto de elementos que componen una interfaz.
  8. 8. Prototipado Iterativo Objetivos: • Poner a prueba hipótesis de trabajo. • Identificar problemas de usabilidad.
  9. 9. Clasificación de prototipos • Baja fidelidad: prototipos en papel • Alta fidelidad: prototipos navegables
  10. 10. Prototipado Iterativo Beneficios: • Reducción en los costos de producción. • Economía y facilidad de testeo. • Identificación temprana de problemas. • Fomenta la participación del equipo de desarrollo. • Involucra al cliente. • Otorga mayor objetividad al proceso.
  11. 11. Proceso de Diseño Centrado en el Usuario AnálisisIteración Objetivos del negocio  y  Objetivos de los  usuarios Prueba Elaboración
  12. 12. Proceso de Diseño Centrado en el Usuario Elaboración y puesta a prueba de prototipos Análisis Elaboración conceptual Objetivos del negocio  y  Objetivos de los  usuarios Prueba Prueba con Diseño de Elaboración usuarios Prototipo
  13. 13. Prototipado IterativoModelo ideal de iteraciones Primera Iteración Segunda Iteración Tercera iteración • Conceptualización • Maquetado • Programación • Prototipo en • Prototipo • Prototipo papel semifuncional funcional • Pruebas con • Pruebas con • Pruebas con usuarios usuarios usuarios
  14. 14. Planificación de las pruebas 1. Definir el objetivo de la prueba. 2. Identificar los perfiles de usuarios. 3. Identificar las tareas críticas para cada perfil. 4. Construir escenarios. 5. Elaborar el guión de la prueba. 6. Reclutar los usuarios. 7. Resolver las cuestiones logísticas.
  15. 15. Definir objetivos de la prueba 1. Generales: 1. Medir la performance general de la herramienta. 2. Relevar el modelo mental de los usuarios. 3. Identificar expectativas y objetivos de uso. 2. Particulares: 1. Navegación 2. Rotulado 3. Registro 4. Búsquedas
  16. 16. Construcción de perfiles de usuarios 1. Tareas críticas 2. Escenarios y contexto de uso 3. Especificidades de la audiencia
  17. 17. Construcción de perfiles de usuarios 1. Tareas críticas 2. Escenarios y contexto de uso 3. Especificidades de la audiencia
  18. 18. Construcción de perfiles de usuarios
  19. 19. Construcción de perfiles de usuarios
  20. 20. Medición de resultados • Variables cuantitativas: • Eficacia • Eficiencia • Variable cualitativa: • Satisfacción
  21. 21. Medición de resultados • Indicadores cuantitativos: • Tareas exitosas • Errores • Páginas vistas • Clics • Tiempo
  22. 22. Medición de resultados • Medición cualitativa: • SUS (System Usability Scale) • CSUQ (Computer System Usability Questionnaire) • QUIS (Questionnaire for User Interface Satisfaction) • Product Reaction Cards
  23. 23. System Usability Scale
  24. 24. Elaboración de guiones • Tres partes: • Presentación • Descripción de tareas y escenarios • Cuestionario final
  25. 25. Elaboración de guiones • Presentación: • Describir las características y limitaciones (si las tiene) de la interfaz. • Aclarar que el objetivo del test es evaluar la interfaz no evaluar al usuario. • Explicar la metodología que se utilizará. • Solicitar al usuario que actúe normalmente y piense en voz alta mientras realiza las tareas. • Aplicar cuestionario previo.
  26. 26. Elaboración de guiones • Escenario (ejemplo): “Inicia el ciclo lectivo del 2011 y tenés que inscribirte a las materias y exámenes que te corresponden este año en tu carrera. Para ello debés utilizar este sistema. • Tarea (ejemplo): “Tenés que inscribirte a la materia Exclusión Social en la cátedra de tu elección según los días y horarios que tengas disponibles para cursar. ¿Cómo lo harías? Recordá contarnos en vos alta lo que vas pensando.
  27. 27. Reclutamiento de usuarios 1. Lo puede hacer el cliente. • Establecer recomendaciones generales. 2. Podemos hacerlo nosotros. • Amigos, familiares, conocidos, etc. • Facebook, Twitter, LinkedIn, etc. • Construir una base propia de usuarios. 3. Podemos contratar a una agencia. • Definir los requerimientos, perfil de usuarios y condiciones del reclutamiento.
  28. 28. Curso IxDA BA 2011: Introducción al diseño y maquetación de interfaces web. Módulo de Prototipado Iterativo Juan Manuel Carraro Junio 2011 Presentación bajo licencia Creative Commons Atribución 2.5 Argentina http://creativecommons.org/licenses/by/2.5/ar
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×