Hazlo bonito y amigable (2013)

57
Viernes 13 de Septiembre, 2013

description

Una aproximación a la Usabilidad

Transcript of Hazlo bonito y amigable (2013)

Page 1: Hazlo bonito y amigable (2013)

Viernes 13 de Septiembre, 2013

Page 2: Hazlo bonito y amigable (2013)
Page 3: Hazlo bonito y amigable (2013)

Hazlo bonito y

Mario A Moreno RochaUsaLab Laboratorio de Usabilidad UTM

Una aproximación a laUsabilidadamigable:

Page 4: Hazlo bonito y amigable (2013)

¿Quién soy y qué hago?

Profesor Investigador de Tiempo Completo

Líder de la línea de investigación de Interacción Humano Computadora

Experto en el UsaLab Laboratorio de Usabilidad

3

Page 5: Hazlo bonito y amigable (2013)

UTM en fotos

Page 6: Hazlo bonito y amigable (2013)

1. Introducción: comunicación e

interacción

Page 7: Hazlo bonito y amigable (2013)

Comunicación

Page 8: Hazlo bonito y amigable (2013)

Interacción

Page 9: Hazlo bonito y amigable (2013)

¿Interacción?

Page 10: Hazlo bonito y amigable (2013)

Interacción

Page 11: Hazlo bonito y amigable (2013)

Interacción

Page 12: Hazlo bonito y amigable (2013)

Interface, interfaz

interface n

1. frontera común2. límite entre objetos3. punto de interacción4. frontera donde pasan datos5. software de enlace6. dispositivo de enlace

vti 1. tener o hacer frontera común2. interactuar3. servir como interface

Page 13: Hazlo bonito y amigable (2013)
Page 14: Hazlo bonito y amigable (2013)

2. Importancia de la Usabilidad

Page 15: Hazlo bonito y amigable (2013)

Elecciones en Florida 2000

Page 16: Hazlo bonito y amigable (2013)

Teléfonos públicos

Page 17: Hazlo bonito y amigable (2013)

John Denver (RIP)

Page 18: Hazlo bonito y amigable (2013)

3. Qué es la Usabilidad?

Page 19: Hazlo bonito y amigable (2013)

ISO 9126

“La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso”

ISO 9241

“Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico”

Usabilidad según ISO

Page 20: Hazlo bonito y amigable (2013)

ISO 9126

“La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso”

ISO 9241

“Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico”

Usabilidad según ISO

Page 21: Hazlo bonito y amigable (2013)

ISO 9126

“La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso”

ISO 9241

“Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico”

Usabilidad según ISO

Page 22: Hazlo bonito y amigable (2013)

4. Errores en Usabilidad

Page 23: Hazlo bonito y amigable (2013)

Reservación Hotel Berlinwww.blueband.de

Page 24: Hazlo bonito y amigable (2013)

Reservación Hotel Berlinwww.blueband.de

Page 25: Hazlo bonito y amigable (2013)

Reservación Hotel Berlinwww.blueband.de

Page 26: Hazlo bonito y amigable (2013)

Reservación Hotel Berlinwww.blueband.de

Page 27: Hazlo bonito y amigable (2013)

Reservación Hotel Berlinwww.blueband.de

Page 28: Hazlo bonito y amigable (2013)

Reservación Hotel Berlinwww.blueband.de

Page 29: Hazlo bonito y amigable (2013)

Reservación Hotel Berlinwww.blueband.de

Page 30: Hazlo bonito y amigable (2013)

Reservación Hotel Berlinwww.blueband.de

Page 31: Hazlo bonito y amigable (2013)

Reservación Hotel Berlinwww.blueband.de

Page 32: Hazlo bonito y amigable (2013)

Reservación Hotel Berlinwww.blueband.de

Page 33: Hazlo bonito y amigable (2013)

¿Amigable?

¿Comprendido?

¿Efectivo?

¿Eficiente?

¿Satisfacción?

¿Alcanzar objetivos?

29

Page 34: Hazlo bonito y amigable (2013)

Biblioteca de la UTMbiblioteca.utm.mx/

Page 35: Hazlo bonito y amigable (2013)

CFEMáticos

31

Page 36: Hazlo bonito y amigable (2013)

5. Metodologías para Usabilidad

Page 37: Hazlo bonito y amigable (2013)

Ciclo de desarrollo de GUIs

diseño

prototiposevaluación

Page 38: Hazlo bonito y amigable (2013)

ComparaciónIng. de Software

requerimientos

diseño prototipo

pruebas prototipo

diseño e imp. del sistema

pruebas del sistema

liberación sistema

Ing. de Usabilidad

etnografíatask analysis

pruebas de lápiz y papelcard sort

heurísticas

prueba formal de usabilidad

etnografía

Page 39: Hazlo bonito y amigable (2013)

¿Ya se cansaron?

Page 40: Hazlo bonito y amigable (2013)

Cultura de la organización

Descripción y análisis del trabajo

Metodologías principales:

observaciones

entrevistas personales

36

Estudio etnográfico

Page 41: Hazlo bonito y amigable (2013)

Heurísticas

• Interacción Humano-Computadora (HCI)

•Principios y guías

•Propuestas por Jakob Nielsen en 1990

37

Page 42: Hazlo bonito y amigable (2013)

Heurísticas

• Interacción Humano-Computadora (HCI)

•Principios y guías

•Propuestas por Jakob Nielsen en 1990

38

Page 43: Hazlo bonito y amigable (2013)

10 Heurísticas1. Visibilidad del estado del sistema

2. Similitud entre el sistema y el mundo real

3. Control por parte del usuario y libertad

4. Consistencia y cumplimiento de estándares

5. Prevención de errores

6. Preferencia al reconocimiento frente a la memorización

7. Flexibilidad y eficiencia de uso

8. Estética y diseño minimalista

9. Ayuda para reconocer, diagnosticar y recuperarse de errores

10. Ayuda y documentación

Page 44: Hazlo bonito y amigable (2013)

7. Buena Usabilidad

Page 45: Hazlo bonito y amigable (2013)

Google

Page 46: Hazlo bonito y amigable (2013)

Biblioteca de la UTMbiblioteca.utm.mx

Page 47: Hazlo bonito y amigable (2013)

Biblioteca de la UTMbiblioteca.utm.mx

Page 48: Hazlo bonito y amigable (2013)

Teléfonos públicos

Page 49: Hazlo bonito y amigable (2013)

Teléfonos públicos

Page 50: Hazlo bonito y amigable (2013)

Apple iPhone

Page 51: Hazlo bonito y amigable (2013)

Conclusiones

Page 52: Hazlo bonito y amigable (2013)

ConclusionesEl mal diseño está en todos lados

Page 53: Hazlo bonito y amigable (2013)

ConclusionesEl mal diseño está en todos lados

La Usabilidad es factor de éxito o fracaso

Page 54: Hazlo bonito y amigable (2013)

ConclusionesEl mal diseño está en todos lados

La Usabilidad es factor de éxito o fracaso

El proceso de desarrollo de Usabilidad es importante para el logro de proyectos de todo tipo

Page 55: Hazlo bonito y amigable (2013)

ConclusionesEl mal diseño está en todos lados

La Usabilidad es factor de éxito o fracaso

El proceso de desarrollo de Usabilidad es importante para el logro de proyectos de todo tipo

La Usabilidad crea un software amigable

Page 56: Hazlo bonito y amigable (2013)

ConclusionesEl mal diseño está en todos lados

La Usabilidad es factor de éxito o fracaso

El proceso de desarrollo de Usabilidad es importante para el logro de proyectos de todo tipo

La Usabilidad crea un software amigable

Page 57: Hazlo bonito y amigable (2013)

Mario Alberto Moreno Rocha

[email protected]

UsaLab Laboratorio de Usabilidad

www.usalab.com.mx

Hazlo bonito y

Una aproximación a laUsabilidadamigable: