Download - Diseño centrado en el usuario - Festival cmd 29 oct 2011

Transcript
Page 1: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 2: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 3: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 4: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 5: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 6: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 7: Diseño centrado en el usuario - Festival  cmd 29 oct 2011
Page 8: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 9: Diseño centrado en el usuario - Festival  cmd 29 oct 2011
Page 10: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 11: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

Diseño Centrado en el Usuario •MEMBER

Asociación de Diseño de Interacción

Usabilidad en el proceso de diseño

11

Page 12: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 13: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

Pruebas de usabilidad

Page 14: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 15: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 16: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 17: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

Diseño Centrado en el Usuario •MEMBER

Asociación de Diseño de Interacción

SIU Guaraní: versión actual

17

Page 18: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

Diseño Centrado en el Usuario •MEMBER

Asociación de Diseño de Interacción

SIU Guaraní: versión actual

18

Page 19: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

Diseño Centrado en el Usuario •MEMBER

Asociación de Diseño de Interacción

Proyecto de rediseño centrado en el usuario

19

Page 20: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 21: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

Pruebas de usabilidad: interfaz existente

Page 22: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

Prototipo inicial

Page 23: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

Pruebas de usabilidad: prototipo en papel

Page 24: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 25: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 26: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

“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.

Page 27: Diseño centrado en el usuario - Festival  cmd 29 oct 2011
Page 28: Diseño centrado en el usuario - Festival  cmd 29 oct 2011
Page 29: Diseño centrado en el usuario - Festival  cmd 29 oct 2011
Page 30: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

“Contanos qué cosas te parece que podés hacer en esta pantalla.

¿Cómo las harías?

Page 31: Diseño centrado en el usuario - Festival  cmd 29 oct 2011
Page 32: Diseño centrado en el usuario - Festival  cmd 29 oct 2011
Page 33: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

¡Un aplauso para el voluntario!

Page 34: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

Diseño Centrado en el Usuario •MEMBER

Asociación de Diseño de Interacción

Diseño final

34

Page 35: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 36: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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

Page 37: Diseño centrado en el usuario - Festival  cmd 29 oct 2011

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