Hazlo bonito y amigable: una aproximación a la usabilidad
-
Upload
mario-a-moreno-rocha -
Category
Education
-
view
1.163 -
download
0
description
Transcript of Hazlo bonito y amigable: una aproximación a la usabilidad
![Page 1: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/1.jpg)
1Monday, October 10, 2011
![Page 2: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/2.jpg)
Monday, October 10, 2011
![Page 3: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/5.jpg)
UTM en fotos
Monday, October 10, 2011
![Page 6: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/6.jpg)
1. Introducción: comunicación e
interacción
Monday, October 10, 2011
![Page 7: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/7.jpg)
ComunicaciónMonday, October 10, 2011
![Page 8: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/8.jpg)
InteracciónMonday, October 10, 2011
![Page 9: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/9.jpg)
Interacción?Monday, October 10, 2011
![Page 10: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/10.jpg)
InteracciónMonday, October 10, 2011
![Page 11: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/11.jpg)
InteracciónMonday, October 10, 2011
![Page 12: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/13.jpg)
Monday, October 10, 2011
![Page 14: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/14.jpg)
2. Importancia de la Usabilidad
Monday, October 10, 2011
![Page 15: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/15.jpg)
Elecciones en FloridaMonday, October 10, 2011
![Page 16: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/16.jpg)
Teléfonos públicosMonday, October 10, 2011
![Page 17: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/17.jpg)
John Denver (RIP)Monday, October 10, 2011
![Page 18: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/18.jpg)
3. Qué es la Usabilidad?
Monday, October 10, 2011
![Page 19: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/22.jpg)
Qué significa para nosotros?
21Monday, October 10, 2011
![Page 23: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/23.jpg)
Estudiantes
Qué significa para nosotros?
21Monday, October 10, 2011
![Page 24: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/24.jpg)
Estudiantes
Investigadores
Qué significa para nosotros?
21Monday, October 10, 2011
![Page 25: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/25.jpg)
Estudiantes
Investigadores
Desarrolladores
Qué significa para nosotros?
21Monday, October 10, 2011
![Page 26: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/26.jpg)
Estudiantes
Investigadores
Desarrolladores
Usuarios
Qué significa para nosotros?
21Monday, October 10, 2011
![Page 27: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/27.jpg)
4. Errores en Usabilidad
Monday, October 10, 2011
![Page 28: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/28.jpg)
Reservación Hotel Berlinwww.blueband.de
Monday, October 10, 2011
![Page 29: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/29.jpg)
Reservación Hotel Berlinwww.blueband.de
Monday, October 10, 2011
![Page 30: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/30.jpg)
Reservación Hotel Berlinwww.blueband.de
Monday, October 10, 2011
![Page 31: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/31.jpg)
Reservación Hotel Berlinwww.blueband.de
Monday, October 10, 2011
![Page 32: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/32.jpg)
Reservación Hotel Berlinwww.blueband.de
Monday, October 10, 2011
![Page 33: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/33.jpg)
Reservación Hotel Berlinwww.blueband.de
Monday, October 10, 2011
![Page 34: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/34.jpg)
Reservación Hotel Berlinwww.blueband.de
Monday, October 10, 2011
![Page 35: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/35.jpg)
Reservación Hotel Berlinwww.blueband.de
Monday, October 10, 2011
![Page 36: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/36.jpg)
Reservación Hotel Berlinwww.blueband.de
Monday, October 10, 2011
![Page 37: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/37.jpg)
Reservación Hotel Berlinwww.blueband.de
Monday, October 10, 2011
![Page 38: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/38.jpg)
Amigable?
Comprendido?
Efectivo?
Eficiente?
Satisfacción?
Alcanzar objetivos?
30Monday, October 10, 2011
![Page 39: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/39.jpg)
Biblioteca de la UTMbiblioteca.utm.mx/
Monday, October 10, 2011
![Page 40: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/40.jpg)
CFEMáticos
32Monday, October 10, 2011
![Page 41: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/41.jpg)
5. Metodologías para Usabilidad
Monday, October 10, 2011
![Page 42: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/42.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/43.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/44.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/45.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/46.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/47.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/48.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/49.jpg)
Ya se cansaron?Monday, October 10, 2011
![Page 50: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/50.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/51.jpg)
Prototipos de papel DENIM, University of California Berkeley
Monday, October 10, 2011
![Page 52: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/52.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/53.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/54.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/55.jpg)
7. Buena Usabilidad
Monday, October 10, 2011
![Page 56: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/56.jpg)
Googlewww.google.com
Monday, October 10, 2011
![Page 57: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/57.jpg)
Biblioteca de la UTMbiblioteca.utm.mx
Monday, October 10, 2011
![Page 58: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/58.jpg)
Biblioteca de la UTMbiblioteca.utm.mx
Monday, October 10, 2011
![Page 59: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/59.jpg)
Teléfonos públicosMonday, October 10, 2011
![Page 60: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/60.jpg)
Teléfonos públicosMonday, October 10, 2011
![Page 61: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/61.jpg)
Apple iPadMonday, October 10, 2011
![Page 62: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/62.jpg)
Conclusiones
Monday, October 10, 2011
![Page 63: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/63.jpg)
ConclusionesEl mal diseño está en todos lados
Monday, October 10, 2011
![Page 64: Hazlo bonito y amigable: una aproximación a la usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/64.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/65.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/66.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/67.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022050905/54b49e484a79596e368b456a/html5/thumbnails/68.jpg)
Taller de Desarrollo de Interfaces HOY 5pm
Mario Alberto Moreno Rocha
UsaLab Laboratorio de Usabilidad
www.usalab.com.mx
Hazlo bonito y
Una aproximación a laUsabilidadamigable:
Monday, October 10, 2011