Diseño Centradoen el UsuarioSantiago Bustelo
CMD • Festival Internacional de Diseño29 de octubre, 2011
MEMBER
Presentación bajo licencia Creative CommonsAtribución 2.5 Argentinahttp://creativecommons.org/licenses/by/2.5/ar
@sbustelo
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Esta presentación está publicada en
ixda.com.ar
2
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
IxDA (Interaction Design Association)
• Red global dedicada a la práctica profesional del Diseño de Interacción
• Foro global, 27.000 miembros
• 19 grupos en América Latina
• En Buenos Aires:
• Encuentros
• Charlas
• Cursos
• Día Mundial de la Usabilidad
3
ixda.com.ar
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Funciones del diseño
Información
Presentación
Uso
4
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Sitios que te inspiran vs. sitios que usás
5
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Forma versus Función
1 2 3 4
5 6
7 8 9 10 11 12
13
14
15 16 17 18 19 20 21
22 23
24
25 26 27 28 29 30 31
6
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Forma y Función
8
D L M M J V S
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 2 3 4 5 6
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
• La usabilidad de una interfaz es una medida de la efectividad, eficiencia y satisfacción con la cual determinados usuarios pueden alcanzar determinados objetivos en un entorno particular con dicha interfaz.(ISO 9241, Requerimientos ergonómicos para trabajo de oficina con terminales visuales, Parte 11 - 1997)
Usabilidad
10
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Usabilidad en el proceso de diseño
11
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
¿Cuándo está terminado nuestro trabajo?
• Cuando nos gusta a nosotros
• Cuando funciona como queríamos
• Cuando le gusta al cliente
• Cuando el usuario logra lo que esperábamos
12
Pruebas de usabilidad
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
¿Qué es un usuario?
• No está viciado por el ejercicio de la profesión ni por el proceso de conceptualización.
• Tiene o puede representar intención de usar la interfaz para lograr un objetivo.
• Tiene o puede representar el modelo mental del público al que está destinada la interfaz.
14
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Pruebas de usabilidad
• Buscamos validar o refutar una hipótesis de diseño, y obtener material para nuevas hipótesis.
• Preguntamos sin condicionar y observamos cómo el usuario resuelve tareas concretas.
• No se toman requerimientos del usuario. Nos enfocamos en lo que el usuario hace.
15
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Pruebas de usabilidad versusmuestras demográficas
• La diferencia entre probar nuestras hipótesis con cero usuarios, vs. hacerlo con un solo usuario, es infinita.
• Testear con 5 usuarios revela el 80% de los problemas de usabilidad por iteración.
16
Jakob Nielsen: Why You Only Need to Test with 5 Users
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
SIU Guaraní: versión actual
17
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
SIU Guaraní: versión actual
18
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Proyecto de rediseño centrado en el usuario
19
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Guión de tareas del usuario
• Login• ¿El usuario recuerda su clave? ¿Cómo
resuelve problemas de ingreso?• Inscribirse a una materia determinada,
cátedra a elección• Identificación de materia correcta• Proceso de decisión: Cátedra, días,
horarios• Inscribirse a materia y comisión (amigos)
• Proceso de navegación e inscripción• Resolución de problema: no hay cupo
• Inscripción a correlativas• Información de contexto
• Qué materias figuran como aprobadas, cursadas o libres• Nomenclatura, proceso
• Dar de baja una materia• ¿Cuál es la pantalla inicial?
Orden Sujeto - Verbo• Inscripción a examen final
• ¿Proceso similar al de insc. a materia? ¿Posible confusión?
20
Pruebas de usabilidad: interfaz existente
Prototipo inicial
Pruebas de usabilidad: prototipo en papel
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Un voluntario para mostrar…
24
Cómo es una prueba de usabilidad
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Introducción previa
• Describir las características y limitaciones 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.
25
“Tenés que inscribirte a la materia Taller de Expresión I, cátedra Klein Pampillo, según los días y horarios que tengas disponibles para cursar.
¿Cómo lo harías? Recordá contarnos en voz alta lo que vas pensando.
“Contanos qué cosas te parece que podés hacer en esta pantalla.
¿Cómo las harías?
¡Un aplauso para el voluntario!
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Diseño final
34
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Resultados del proyecto
35
Efectividad
Eficiencia
Satisfacción
0 20 40 60 80 100
83,3
73,74
95,82
65,7
47,25
88,69
Interfaz actual Nueva interfaz
Diseño Centrado en el Usuario •MEMBER
Asociación de Diseño de Interacción
Diseño Centrado en el Usuario versus…
36
• Diseño autoreferencial
• Diseño centrado en la tecnología
• Diseño centrado en el sponsor
• Diseño centrado en la competencia
2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad
Organizado por el
Movimiento de Diseño Inclusivo
Martes 8 de noviembre, 14 a 20 hs.
disenoinclusivo.org.ar