Hazlo bonito y amigable: una aproximación a la usabilidad

68
1 Monday, October 10, 2011

description

Conferencia durante la 4ta Semana de Informática en la UNSIS (Octubre 2011)

Transcript of Hazlo bonito y amigable: una aproximación a la usabilidad

Page 1: Hazlo bonito y amigable: una aproximación a la usabilidad

1Monday, October 10, 2011

Page 2: Hazlo bonito y amigable: una aproximación a la usabilidad

Monday, October 10, 2011

Page 3: Hazlo bonito y amigable: una aproximación a la usabilidad

Hazlo bonito y

Mario A Moreno RochaUniversidad Tecnológica de la

Mixteca

Una aproximación a laUsabilidadamigable:

Monday, October 10, 2011

Page 4: Hazlo bonito y amigable: una aproximación a la usabilidad

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

3Monday, October 10, 2011

Page 5: Hazlo bonito y amigable: una aproximación a la usabilidad

UTM en fotos

Monday, October 10, 2011

Page 6: Hazlo bonito y amigable: una aproximación a la usabilidad

1. Introducción: comunicación e

interacción

Monday, October 10, 2011

Page 7: Hazlo bonito y amigable: una aproximación a la usabilidad

ComunicaciónMonday, October 10, 2011

Page 8: Hazlo bonito y amigable: una aproximación a la usabilidad

InteracciónMonday, October 10, 2011

Page 9: Hazlo bonito y amigable: una aproximación a la usabilidad

Interacción?Monday, October 10, 2011

Page 10: Hazlo bonito y amigable: una aproximación a la usabilidad

InteracciónMonday, October 10, 2011

Page 11: Hazlo bonito y amigable: una aproximación a la usabilidad

InteracciónMonday, October 10, 2011

Page 12: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 13: Hazlo bonito y amigable: una aproximación a la usabilidad

Monday, October 10, 2011

Page 14: Hazlo bonito y amigable: una aproximación a la usabilidad

2. Importancia de la Usabilidad

Monday, October 10, 2011

Page 15: Hazlo bonito y amigable: una aproximación a la usabilidad

Elecciones en FloridaMonday, October 10, 2011

Page 16: Hazlo bonito y amigable: una aproximación a la usabilidad

Teléfonos públicosMonday, October 10, 2011

Page 17: Hazlo bonito y amigable: una aproximación a la usabilidad

John Denver (RIP)Monday, October 10, 2011

Page 18: Hazlo bonito y amigable: una aproximación a la usabilidad

3. Qué es la Usabilidad?

Monday, October 10, 2011

Page 19: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 20: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 21: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 22: Hazlo bonito y amigable: una aproximación a la usabilidad

Qué significa para nosotros?

21Monday, October 10, 2011

Page 23: Hazlo bonito y amigable: una aproximación a la usabilidad

Estudiantes

Qué significa para nosotros?

21Monday, October 10, 2011

Page 24: Hazlo bonito y amigable: una aproximación a la usabilidad

Estudiantes

Investigadores

Qué significa para nosotros?

21Monday, October 10, 2011

Page 25: Hazlo bonito y amigable: una aproximación a la usabilidad

Estudiantes

Investigadores

Desarrolladores

Qué significa para nosotros?

21Monday, October 10, 2011

Page 26: Hazlo bonito y amigable: una aproximación a la usabilidad

Estudiantes

Investigadores

Desarrolladores

Usuarios

Qué significa para nosotros?

21Monday, October 10, 2011

Page 27: Hazlo bonito y amigable: una aproximación a la usabilidad

4. Errores en Usabilidad

Monday, October 10, 2011

Page 28: Hazlo bonito y amigable: una aproximación a la usabilidad

Reservación Hotel Berlinwww.blueband.de

Monday, October 10, 2011

Page 29: Hazlo bonito y amigable: una aproximación a la usabilidad

Reservación Hotel Berlinwww.blueband.de

Monday, October 10, 2011

Page 30: Hazlo bonito y amigable: una aproximación a la usabilidad

Reservación Hotel Berlinwww.blueband.de

Monday, October 10, 2011

Page 31: Hazlo bonito y amigable: una aproximación a la usabilidad

Reservación Hotel Berlinwww.blueband.de

Monday, October 10, 2011

Page 32: Hazlo bonito y amigable: una aproximación a la usabilidad

Reservación Hotel Berlinwww.blueband.de

Monday, October 10, 2011

Page 33: Hazlo bonito y amigable: una aproximación a la usabilidad

Reservación Hotel Berlinwww.blueband.de

Monday, October 10, 2011

Page 34: Hazlo bonito y amigable: una aproximación a la usabilidad

Reservación Hotel Berlinwww.blueband.de

Monday, October 10, 2011

Page 35: Hazlo bonito y amigable: una aproximación a la usabilidad

Reservación Hotel Berlinwww.blueband.de

Monday, October 10, 2011

Page 36: Hazlo bonito y amigable: una aproximación a la usabilidad

Reservación Hotel Berlinwww.blueband.de

Monday, October 10, 2011

Page 37: Hazlo bonito y amigable: una aproximación a la usabilidad

Reservación Hotel Berlinwww.blueband.de

Monday, October 10, 2011

Page 38: Hazlo bonito y amigable: una aproximación a la usabilidad

Amigable?

Comprendido?

Efectivo?

Eficiente?

Satisfacción?

Alcanzar objetivos?

30Monday, October 10, 2011

Page 39: Hazlo bonito y amigable: una aproximación a la usabilidad

Biblioteca de la UTMbiblioteca.utm.mx/

Monday, October 10, 2011

Page 40: Hazlo bonito y amigable: una aproximación a la usabilidad

CFEMáticos

32Monday, October 10, 2011

Page 41: Hazlo bonito y amigable: una aproximación a la usabilidad

5. Metodologías para Usabilidad

Monday, October 10, 2011

Page 42: Hazlo bonito y amigable: una aproximación a la usabilidad

Ciclo de desarrollo de GUIs

diseño

prototiposevaluación

Monday, October 10, 2011

Page 43: Hazlo bonito y amigable: una aproximación a la usabilidad

ComparaciónIng. de Software

requerimientos

diseño prototipo

pruebas prototipo

diseño e imp. del sistema

pruebas del sistema

liberación sistema

Monday, October 10, 2011

Page 44: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 45: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 46: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 47: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 48: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 49: Hazlo bonito y amigable: una aproximación a la usabilidad

Ya se cansaron?Monday, October 10, 2011

Page 50: Hazlo bonito y amigable: una aproximación a la usabilidad

Cultura de la organización

Descripción y análisis del trabajo

Metodologías principales:

observaciones

entrevistas personales

37

Estudio etnográfico

Monday, October 10, 2011

Page 51: Hazlo bonito y amigable: una aproximación a la usabilidad

Prototipos de papel DENIM, University of California Berkeley

Monday, October 10, 2011

Page 52: Hazlo bonito y amigable: una aproximación a la usabilidad

Heurísticas

• Interacción Humano-Computadora (HCI)

•Principios y guías

•Propuestas por Jakob Nielsen en 1990

39Monday, October 10, 2011

Page 53: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 54: Hazlo bonito y amigable: una aproximación a la usabilidad

Objetivo:

Identificar el grado de facilidad de sistemas, en base a tiempos, cantidad de errores, capacidad de aprendizaje, entre otros

Se realizan en un Laboratorio de Usabilidad

Pruebas de usabilidad

Monday, October 10, 2011

Page 55: Hazlo bonito y amigable: una aproximación a la usabilidad

7. Buena Usabilidad

Monday, October 10, 2011

Page 56: Hazlo bonito y amigable: una aproximación a la usabilidad

Googlewww.google.com

Monday, October 10, 2011

Page 57: Hazlo bonito y amigable: una aproximación a la usabilidad

Biblioteca de la UTMbiblioteca.utm.mx

Monday, October 10, 2011

Page 58: Hazlo bonito y amigable: una aproximación a la usabilidad

Biblioteca de la UTMbiblioteca.utm.mx

Monday, October 10, 2011

Page 59: Hazlo bonito y amigable: una aproximación a la usabilidad

Teléfonos públicosMonday, October 10, 2011

Page 60: Hazlo bonito y amigable: una aproximación a la usabilidad

Teléfonos públicosMonday, October 10, 2011

Page 61: Hazlo bonito y amigable: una aproximación a la usabilidad

Apple iPadMonday, October 10, 2011

Page 62: Hazlo bonito y amigable: una aproximación a la usabilidad

Conclusiones

Monday, October 10, 2011

Page 63: Hazlo bonito y amigable: una aproximación a la usabilidad

ConclusionesEl mal diseño está en todos lados

Monday, October 10, 2011

Page 64: Hazlo bonito y amigable: una aproximación a la usabilidad

ConclusionesEl mal diseño está en todos lados

La Usabilidad es factor de éxito o fracaso

Monday, October 10, 2011

Page 65: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 66: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 67: Hazlo bonito y amigable: una aproximación a la usabilidad

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

Monday, October 10, 2011

Page 68: Hazlo bonito y amigable: una aproximación a la usabilidad

Taller de Desarrollo de Interfaces HOY 5pm

Mario Alberto Moreno Rocha

[email protected]

UsaLab Laboratorio de Usabilidad

www.usalab.com.mx

Hazlo bonito y

Una aproximación a laUsabilidadamigable:

Monday, October 10, 2011