SlideShare uma empresa Scribd logo
1 de 57
Baixar para ler offline
Viernes 13 de Septiembre, 2013
Hazlo bonito y
Mario A Moreno Rocha
UsaLab Laboratorio de
Usabilidad UTM
Una aproximación
a laUsabilidad
amigable:
¿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
UTM en fotos
1. Introducción:
comunicación e
interacción
Comunicación
Interacción
¿Interacción?
Interacción
Interacción
Interface, interfaz
interface n
1. frontera común
2. límite entre objetos
3. punto de interacción
4. frontera donde pasan datos
5. software de enlace
6. dispositivo de enlace
vti
1. tener o hacer
frontera común
2. interactuar
3. servir como
interface
2. Importancia de la
Usabilidad
Elecciones en
Florida 2000
Teléfonos públicos
John Denver (RIP)
3. Qué es 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
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
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
4. Errores en Usabilidad
Reservación Hotel Berlin
www.blueband.de
Reservación Hotel Berlin
www.blueband.de
Reservación Hotel Berlin
www.blueband.de
Reservación Hotel Berlin
www.blueband.de
Reservación Hotel Berlin
www.blueband.de
Reservación Hotel Berlin
www.blueband.de
Reservación Hotel Berlin
www.blueband.de
Reservación Hotel Berlin
www.blueband.de
Reservación Hotel Berlin
www.blueband.de
Reservación Hotel Berlin
www.blueband.de
¿Amigable?
¿Comprendido?
¿Efectivo?
¿Eficiente?
¿Satisfacción?
¿Alcanzar objetivos?
29
Biblioteca de la UTM
biblioteca.utm.mx/
CFEMáticos
31
5. Metodologías para
Usabilidad
Ciclo de desarrollo de GUIs
diseño
prototiposevaluación
Comparación
Ing. de Software
requerimientos
diseño prototipo
pruebas prototipo
diseño e imp. del sistema
pruebas del sistema
liberación sistema
Ing. de Usabilidad
etnografía
task analysis
pruebas de lápiz y papel
card sort
heurísticas
prueba formal
de usabilidad
etnografía
¿Ya se cansaron?
Cultura de la organización
Descripción y análisis del trabajo
Metodologías principales:
observaciones
entrevistas personales
36
Estudio
etnográfico
Heurísticas
•Interacción Humano-
Computadora (HCI)
•Principios y guías
•Propuestas por Jakob
Nielsen en 1990
37
Heurísticas
•Interacción Humano-
Computadora (HCI)
•Principios y guías
•Propuestas por Jakob
Nielsen en 1990
38
10 Heurísticas
1. 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
7. Buena Usabilidad
Google
Biblioteca de la UTM
biblioteca.utm.mx
Biblioteca de la UTM
biblioteca.utm.mx
Teléfonos públicos
Teléfonos públicos
Apple iPhone
Conclusiones
Conclusiones
El mal diseño está en todos lados
Conclusiones
El mal diseño está en todos lados
La Usabilidad es factor de éxito o fracaso
Conclusiones
El 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
Conclusiones
El 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
Conclusiones
El 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
Mario Alberto Moreno
Rocha
sirpeto@gmail.com
UsaLab Laboratorio de
Usabilidad
www.usalab.com.mx
Hazlo bonito y
Una aproximación
a laUsabilidad
amigable:

Mais conteúdo relacionado

Semelhante a Hazlo bonito y amigable (2013)

Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01
hucarre
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01
hucarre
 
Universidad autónoma de aguascalientes
Universidad autónoma de aguascalientesUniversidad autónoma de aguascalientes
Universidad autónoma de aguascalientes
Dayana1234
 
Universidad autónoma de aguascalientes
Universidad autónoma de aguascalientesUniversidad autónoma de aguascalientes
Universidad autónoma de aguascalientes
Dayana1234
 
Evaluar la experiencia del usuario (UX) en contexto de múltiples interfaces
Evaluar la experiencia del usuario (UX) en contexto de múltiples interfacesEvaluar la experiencia del usuario (UX) en contexto de múltiples interfaces
Evaluar la experiencia del usuario (UX) en contexto de múltiples interfaces
Carmen Gerea
 

Semelhante a Hazlo bonito y amigable (2013) (20)

Diseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptxDiseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptx
 
Taller concurso hci.key
Taller concurso hci.keyTaller concurso hci.key
Taller concurso hci.key
 
¿Cómo evaluar la Experiencia de Usuario?
¿Cómo evaluar la Experiencia de Usuario?¿Cómo evaluar la Experiencia de Usuario?
¿Cómo evaluar la Experiencia de Usuario?
 
Generación de interfases de usuario
Generación de interfases de usuarioGeneración de interfases de usuario
Generación de interfases de usuario
 
Taller de Usabilidad (HCI 1)
Taller de Usabilidad (HCI 1)Taller de Usabilidad (HCI 1)
Taller de Usabilidad (HCI 1)
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Generación de interfases de usuarios
Generación de interfases de usuariosGeneración de interfases de usuarios
Generación de interfases de usuarios
 
Universidad autónoma de aguascalientes
Universidad autónoma de aguascalientesUniversidad autónoma de aguascalientes
Universidad autónoma de aguascalientes
 
Universidad autónoma de aguascalientes
Universidad autónoma de aguascalientesUniversidad autónoma de aguascalientes
Universidad autónoma de aguascalientes
 
E. semana 2 módulo 1
E. semana 2 módulo 1E. semana 2 módulo 1
E. semana 2 módulo 1
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Evaluar la experiencia del usuario (UX) en contexto de múltiples interfaces
Evaluar la experiencia del usuario (UX) en contexto de múltiples interfacesEvaluar la experiencia del usuario (UX) en contexto de múltiples interfaces
Evaluar la experiencia del usuario (UX) en contexto de múltiples interfaces
 
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleEl Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
 
Tema 5 usabilidad y evaluación (2013)
Tema 5 usabilidad y evaluación (2013)Tema 5 usabilidad y evaluación (2013)
Tema 5 usabilidad y evaluación (2013)
 
Evaluación de la usabilidad
Evaluación de la usabilidadEvaluación de la usabilidad
Evaluación de la usabilidad
 
Fundamentos de usabilidad
Fundamentos de usabilidadFundamentos de usabilidad
Fundamentos de usabilidad
 
T01 dawebguis
T01 dawebguisT01 dawebguis
T01 dawebguis
 
Usabilidad: la información pensada para el cliente
Usabilidad: la información pensada para el clienteUsabilidad: la información pensada para el cliente
Usabilidad: la información pensada para el cliente
 

Mais de Mario A Moreno Rocha

Mais de Mario A Moreno Rocha (20)

UsaLab presentation (ENG)
UsaLab presentation (ENG)UsaLab presentation (ENG)
UsaLab presentation (ENG)
 
Definición del Examen Final (UTM 2017)
Definición del Examen Final (UTM 2017)Definición del Examen Final (UTM 2017)
Definición del Examen Final (UTM 2017)
 
¿Cómo haría yo el 3er parcial?
¿Cómo haría yo el 3er parcial?¿Cómo haría yo el 3er parcial?
¿Cómo haría yo el 3er parcial?
 
7. Mantenimiento de Software
7. Mantenimiento de Software7. Mantenimiento de Software
7. Mantenimiento de Software
 
7. Mantenimiento de Software
7. Mantenimiento de Software7. Mantenimiento de Software
7. Mantenimiento de Software
 
6. Administración de la Calidad de Software
6. Administración de la Calidad de Software6. Administración de la Calidad de Software
6. Administración de la Calidad de Software
 
Ingeniería de Software (UTM) - Tercer Examen Parcial
Ingeniería de Software (UTM) - Tercer Examen ParcialIngeniería de Software (UTM) - Tercer Examen Parcial
Ingeniería de Software (UTM) - Tercer Examen Parcial
 
5. Métodos de Prueba de Software
5. Métodos de Prueba de Software5. Métodos de Prueba de Software
5. Métodos de Prueba de Software
 
4. Diseño e Implementación de Software
4. Diseño e Implementación de Software4. Diseño e Implementación de Software
4. Diseño e Implementación de Software
 
3. Análisis de Requerimientos
3. Análisis de Requerimientos3. Análisis de Requerimientos
3. Análisis de Requerimientos
 
2. Administración de Proyectos de Software (UTM 2071)
2. Administración de Proyectos de Software (UTM 2071)2. Administración de Proyectos de Software (UTM 2071)
2. Administración de Proyectos de Software (UTM 2071)
 
1. introducción a la Ingeniería de Software (UTM 2071)
1. introducción a la Ingeniería de Software (UTM 2071)1. introducción a la Ingeniería de Software (UTM 2071)
1. introducción a la Ingeniería de Software (UTM 2071)
 
Plan de Estudios Ingeniería de Software (2071)
Plan de Estudios Ingeniería de Software (2071)Plan de Estudios Ingeniería de Software (2071)
Plan de Estudios Ingeniería de Software (2071)
 
Presentación Ingeniería de Software (2071)
Presentación Ingeniería de Software (2071)Presentación Ingeniería de Software (2071)
Presentación Ingeniería de Software (2071)
 
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)
 
Una Aproximación a la Interacción Humano-Computadora (ITD 2015)
Una Aproximación a la Interacción Humano-Computadora (ITD 2015)Una Aproximación a la Interacción Humano-Computadora (ITD 2015)
Una Aproximación a la Interacción Humano-Computadora (ITD 2015)
 
UX Nights Vol. 4 Estudios Contextuales
UX Nights Vol. 4 Estudios ContextualesUX Nights Vol. 4 Estudios Contextuales
UX Nights Vol. 4 Estudios Contextuales
 
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...
 
Capítulo 8: Usabilidad y experiencia de usuario
Capítulo 8: Usabilidad y experiencia de usuarioCapítulo 8: Usabilidad y experiencia de usuario
Capítulo 8: Usabilidad y experiencia de usuario
 
Oportunidades de estancias y prácticas en la UTM 2014-2015
Oportunidades de estancias y prácticas en la UTM 2014-2015Oportunidades de estancias y prácticas en la UTM 2014-2015
Oportunidades de estancias y prácticas en la UTM 2014-2015
 

Último

Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
NadiaMartnez11
 

Último (20)

Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnn
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 

Hazlo bonito y amigable (2013)