diseño centrado en el usuario - festival cmd 29 oct 2011

37
Diseño Centrado en el Usuario Santiago Bustelo CMD • Festival Internacional de Diseño 29 de octubre, 2011 MEMBER Presentación bajo licencia Creative Commons Atribución 2.5 Argentina http://creativecommons.org/licenses/by/2.5/ar @sbustelo

Upload: santiago-bustelo

Post on 27-Jan-2015

110 views

Category:

Documents


3 download

DESCRIPTION

El Diseño Centrado en el Usuario es una filosofía de diseño que tiene por objetivo la creación de productos que resuelvan necesidades concretas de sus usuarios finales. En el marco de esta filosofía se encuentran nuevas disciplinas como la Usabilidad y el Diseño de Interacción. Se presentan diferencias y puntos en común de estas disciplinas con el Diseño Gráfico y Diseño Industrial, qué nuevas habilidades requieren los profesionales del diseño para desempeñarse dentro de estas disciplinas, y técnicas y metodologías de trabajo específicas. Se realizó en vivo una prueba de usabilidad, práctica transversal y aplicable a los objetos de trabajo de los demás talleres desarrollados durante la jornada.

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