Prototipado iterativo-ixda-juan-manuel-carraro
-
Upload
juan-manuel-carraro -
Category
Design
-
view
3.230 -
download
0
description
Transcript of Prototipado iterativo-ixda-juan-manuel-carraro
![Page 1: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/1.jpg)
Prototipado IterativoJuan Manuel Carraro
Junio 2011
Presentación bajo licencia Creative Commons Atribución 2.5 Argentinahttp://creativecommons.org/licenses/by/2.5/ar
![Page 2: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/2.jpg)
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
![Page 3: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/3.jpg)
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
![Page 4: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/4.jpg)
Técnicas de análisis de la usabilidad
• Análisis de comparables• 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
Superficie
![Page 5: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/5.jpg)
Técnicas de análisis de la usabilidad
• Análisis de comparables• 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
Superficie
![Page 6: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/6.jpg)
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.
![Page 7: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/7.jpg)
Prototipado Iterativo
¿Qué es?Es una técnica que se basa en el refinamiento progresivo del conjunto de elementos que componen una interfaz.
![Page 8: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/8.jpg)
Prototipado Iterativo
Objetivos:
• Poner a prueba hipótesis de trabajo. • Identificar problemas de usabilidad.
![Page 9: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/9.jpg)
Clasificación de prototipos
• Baja fidelidad: prototipos en papel• Alta fidelidad: prototipos navegables
![Page 10: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/10.jpg)
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.
![Page 11: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/11.jpg)
Proceso de Diseño Centrado en el Usuario
Objetivos del negocio y
Objetivos de los usuarios
Análisis
ElaboraciónPrueba
Iteración
![Page 12: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/12.jpg)
Objetivos del negocio y
Objetivos de los usuarios
Análisis
ElaboraciónPrueba
Proceso de Diseño Centrado en el Usuario
Elaboraciónconceptual
Diseño de Prototipo
Prueba con usuarios
Elaboración y puesta a prueba de prototipos
![Page 13: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/13.jpg)
Primera Iteración
• Conceptualización• Prototipo en
papel• Pruebas con
usuarios
Segunda Iteración
• Maquetado• Prototipo
semifuncional• Pruebas con
usuarios
Tercera iteración
• Programación• Prototipo
funcional• Pruebas con
usuarios
Prototipado Iterativo
Modelo ideal de iteraciones
![Page 14: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/14.jpg)
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.
![Page 15: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/15.jpg)
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ón2. Rotulado3. Registro4. Búsquedas
![Page 16: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/16.jpg)
Construcción de perfiles de usuarios
1. Tareas críticas2. Escenarios y contexto de uso3. Especificidades de la audiencia
![Page 17: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/17.jpg)
Construcción de perfiles de usuarios
1. Tareas críticas2. Escenarios y contexto de uso3. Especificidades de la audiencia
![Page 18: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/18.jpg)
Construcción de perfiles de usuarios
![Page 19: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/19.jpg)
Construcción de perfiles de usuarios
![Page 20: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/20.jpg)
Medición de resultados
• Variables cuantitativas:• Eficacia• Eficiencia
• Variable cualitativa:• Satisfacción
![Page 21: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/21.jpg)
Medición de resultados
• Indicadores cuantitativos:• Tareas exitosas• Errores• Páginas vistas• Clics• Tiempo
![Page 22: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/22.jpg)
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
![Page 23: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/23.jpg)
System Usability Scale
![Page 24: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/24.jpg)
Elaboración de guiones
• Tres partes:• Presentación• Descripción de tareas y escenarios• Cuestionario final
![Page 25: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/25.jpg)
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.
![Page 26: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/26.jpg)
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.
![Page 27: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/27.jpg)
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.
![Page 28: Prototipado iterativo-ixda-juan-manuel-carraro](https://reader036.fdocuments.net/reader036/viewer/2022081413/548cf914b47959d30c8b64ce/html5/thumbnails/28.jpg)
Curso IxDA BA 2011: Introducción al diseño y maquetación de interfaces web.
Módulo de Prototipado Iterativo
Juan Manuel CarraroJunio 2011
Presentación bajo licencia Creative Commons Atribución 2.5 Argentinahttp://creativecommons.org/licenses/by/2.5/ar