unas notas de usabilidad

35
Usabilidad Unas notas sobre Imagen: hikingartist.com por Maite Ferrer Orsini

Upload: betabeers

Post on 13-Jun-2015

381 views

Category:

Design


0 download

DESCRIPTION

Charla de Usabilidad impartida por Maite Ferrer Orsini en el VIII Betabeers Badajoz

TRANSCRIPT

Page 1: Unas notas de Usabilidad

UsabilidadUnas notas sobre

Imagen:

hikingartist.com

por Maite Ferrer Orsini

Page 2: Unas notas de Usabilidad

Usabilidad

• Mi experiencia en el tema

– Usabilidad

• Análisis heurísticos

• Laboratorio de usuario• Laboratorio de usuario

• Arquitectura de información

– Proyectos web y desarrollo

• Análisis de requisitos > cliente

• Guía de funcionalidades y navegabilidad > informático

• Diseño esquemático del interface > diseñador

Page 3: Unas notas de Usabilidad

Usabilidad

• ¿Qué vamos a tratar en esta breve charla?

conceptos1 importancia2 principios3Integración

en proyecto4

Page 4: Unas notas de Usabilidad

Usabilidad

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

Conceptos - importancia - principios - integración en proyecto

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-Metrics

Page 5: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-Metrics

PlanificaciónIdentificación

requerimientos

DiseñoModelado usuario

Diseño conceptual

Estilo

Diseño visual

• Proceso de diseño ydesarrollo (del sitio web)conducido por el usuario, susnecesidades, característicase intereses. Mantenimiento

y seguimiento

Diseño visual

Diseño contenidos

EvaluaciónMétodos de inspección

Métodos de test

PrototipadoLow fidelity

High fidelity

Implementación

y lanzamiento

Page 6: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-Metrics

• 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 deuso.

• Janice C. Redish, destacó años más tarde, dos variables fundamentales…

– El tiempo

– El esfuerzo

ISO/IEC 9126

Page 7: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-Metrics

• Grado de eficacia, eficiencia y satisfacción con

la que un producto permite alcanzar

objetivos, a usuarios, en un contexto de uso

específico.ISO/IEC 9241

Page 8: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-Metrics

• Organizar espacios de información con el fin deayudar a los usuarios a satisfacer sus necesidadesde información.

• Estructuración, clasificación y rotulado de loscontenidos del sitio web.

Formulado por Toub, 2000.

Page 9: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-Metrics

• Elementos que facilitan el acceso a lainformación web de todas las personas enigualdad de condiciones, independientemente dela tecnología o soporte que utilicen y de ladiscapacidad que puedan presentar.

Page 10: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-Metrics

• Capacidad de una interfaz de generar

sensaciones y emociones, en el usuario,

durante el proceso de interacción.

Page 11: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-Metrics

• Disciplina relacionada con el diseño, evaluacióne implementación de sistemas informáticosinteractivos para el uso de seres humanos.

• Estudio de los fenómenos más importantes conlos que está relacionado.

Page 12: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-metrics

• Variables medibles de forma objetiva: análisis

cuantitativo. �

• Variables subjetivas por parte del experto:

análisis cualitativo. �

Exactitud, tiempo, recuerdo, respuesta emocional

Page 13: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-metrics

Exactitud y la plenitud con la

que se alcanzan los objetivos de

una tarea concreta.

EFECTIVIDAD

• % tareas completadas.

• % tareas completadas en el primer intento.

• % de usuarios que completan las tareas

• � éxitos y fracasos.

• � ayuda por no saber que hacer.

Page 14: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-metrics

Esfuerzo que un usuario tiene

que hacer para conseguir un

objetivo.

EFICIENCIA

• � en completar cada tarea.

• % o número de errores cometidos.

• % de errores o problemas según su severidad.

• � en recuperarse de los errores.

• � realizados para completar una tarea.

• �visitadas para completar una tarea.

• � en determinadas páginas o grupos de páginas.

• % o número de veces que se acude a ayudas, FAQ o similar.

Page 15: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

• Diseño Centrado en el Usuario

• Usabilidad

• Arquitectura de Información

• Accesibilidad

• Experiencia de usuario

• Human-Computer Interaction (HCI)

• E-metrics

Variables que tienen que ver

más con lo emocional o

subjetivo.

SATISFACCIÓN

• % de usuarios que después de utilizar el producto lo recomendaría a un amigo.

• � adjetivos positivos o negativos que cada usuario de al producto.

• % de usuarios que califican el producto más fácil de usar que cualquiera de la

competencia directa.

• ☺� usuario expresa satisfacción o insatisfacción.

Page 16: Unas notas de Usabilidad

Usabilidad

• Una buena experiencia de usuario genera:

– Satisfacción

– Fidelidad

Conceptos - importancia - principios - integración en proyecto

Aumento de

beneficios– Fidelidad beneficios

Incremento

del ROI

Page 17: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

Page 18: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

Page 19: Unas notas de Usabilidad

Usabilidad

1. Visibilidad del estado del sistema para los usuarios

2. Adecuación entre el sistema y el mundo real

3. Libertad y control por parte del usuario

4. Consistencia y estándares

Conceptos - importancia - principios - integración en proyecto

5. Prevención de errores

6. Reconocimiento antes que recuerdo

7. Flexibilidad y eficiencia en el uso

8. Diseño estético y minimalista

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los errores

10. Ayuda y documentación

Propuestos por Nielsen en 1994.

Page 20: Unas notas de Usabilidad

Usabilidad

Leslie no… Jakob

Conceptos - importancia - principios - integración en proyecto

Page 21: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

1. Visibilidad del estado del sistema para los usuarios

2. Adecuación entre el sistema y el mundo real

3. Libertad y control por parte del usuario

4. Consistencia y estándares

5. Prevención de errores

6. Reconocimiento antes que recuerdo

7. Flexibilidad y eficiencia en el uso

8. Diseño estético y minimalista

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los

errores

10. Ayuda y documentación

• El sistema (o sitio web) siempre debe

informar al usuario acerca de lo que está

sucediendo.

Page 22: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

1. Visibilidad del estado del sistema para los usuarios

2. Adecuación entre el sistema y el mundo real

3. Libertad y control por parte del usuario

4. Consistencia y estándares

5. Prevención de errores

6. Reconocimiento antes que recuerdo

7. Flexibilidad y eficiencia en el uso

8. Diseño estético y minimalista

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los

errores

10. Ayuda y documentación

• El sistema debe hablar el lenguaje del usuario,

huyendo de tecnicismos incomprensibles o

mensajes crípticos.

Page 23: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

1. Visibilidad del estado del sistema para los usuarios

2. Adecuación entre el sistema y el mundo real

3. Libertad y control por parte del usuario

4. Consistencia y estándares

5. Prevención de errores

6. Reconocimiento antes que recuerdo

7. Flexibilidad y eficiencia en el uso

8. Diseño estético y minimalista

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los

errores

10. Ayuda y documentación

• El usuario debe tener el control del sistema,

no se puede limitar su actuación. Se debe

ofrecer siempre al usuario una forma de

"salida de emergencia", o alternativa.

Page 24: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

1. Visibilidad del estado del sistema para los usuarios

2. Adecuación entre el sistema y el mundo real

3. Libertad y control por parte del usuario

4. Consistencia y estándares

5. Prevención de errores

6. Reconocimiento antes que recuerdo

7. Flexibilidad y eficiencia en el uso

8. Diseño estético y minimalista

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los

errores

10. Ayuda y documentación

aprendizaje reconocimiento facilidad

• Consistencia en el estilo, homogeneidad en los

criterios definidos.

• El sitio web también debe seguir estándares o

convenciones de diseño ampliamente aceptados.

Page 25: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

1. Visibilidad del estado del sistema para los usuarios

2. Adecuación entre el sistema y el mundo real

3. Libertad y control por parte del usuario

4. Consistencia y estándares

5. Prevención de errores

6. Reconocimiento antes que recuerdo

7. Flexibilidad y eficiencia en el uso

8. Diseño estético y minimalista

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los

errores

10. Ayuda y documentación

• Mejor que un buen mensaje de error es un

diseño que prevenga que ocurra el error.

Page 26: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

1. Visibilidad del estado del sistema para los usuarios

2. Adecuación entre el sistema y el mundo real

3. Libertad y control por parte del usuario

4. Consistencia y estándares

5. Prevención de errores

6. Reconocimiento antes que recuerdo

7. Flexibilidad y eficiencia en el uso

8. Diseño estético y minimalista

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los

errores

10. Ayuda y documentación

• Hacer visibles objetos, acciones y opciones

para que el usuario no tenga por qué recordar

información entre distintas secciones o partes

del sitio web o aplicación.

Page 27: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

1. Visibilidad del estado del sistema para los usuarios

2. Adecuación entre el sistema y el mundo real

3. Libertad y control por parte del usuario

4. Consistencia y estándares

5. Prevención de errores

6. Reconocimiento antes que recuerdo

7. Flexibilidad y eficiencia en el uso

8. Diseño estético y minimalista

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los

errores

10. Ayuda y documentación

• El sitio debe ser fácil de usar para usuarios

inexpertos.

• Pero también proporcionar atajos o

aceleradores para usuarios avanzados.

Page 28: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

1. Visibilidad del estado del sistema para los usuarios

2. Adecuación entre el sistema y el mundo real

3. Libertad y control por parte del usuario

4. Consistencia y estándares

5. Prevención de errores

6. Reconocimiento antes que recuerdo

7. Flexibilidad y eficiencia en el uso

8. Diseño estético y minimalista

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los

errores

10. Ayuda y documentación

• Las páginas no deben contener información

irrelevante o innecesaria.

• Cada información extra compite con la

información relevante y disminuye su visibilidad.

Page 29: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

1. Visibilidad del estado del sistema para los usuarios

2. Adecuación entre el sistema y el mundo real

3. Libertad y control por parte del usuario

4. Consistencia y estándares

5. Prevención de errores

6. Reconocimiento antes que recuerdo

7. Flexibilidad y eficiencia en el uso

8. Diseño estético y minimalista

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los

errores

10. Ayuda y documentación

• Los mensajes de error deben expresar

claramente cuál ha sido la causa del problema.

• También deben sugerir las posibles alternativas o

soluciones.

Page 30: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

1. Visibilidad del estado del sistema para los usuarios

2. Adecuación entre el sistema y el mundo real

3. Libertad y control por parte del usuario

4. Consistencia y estándares

5. Prevención de errores

6. Reconocimiento antes que recuerdo

7. Flexibilidad y eficiencia en el uso

8. Diseño estético y minimalista

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los

errores

10. Ayuda y documentación

• Aunque es mejor que un sitio web se puedautilizar sin necesidad de ayuda o documentación,en sitios web extensos o en procesos deinteracción complejos se debe proporcionarinformación de ayuda al usuario.

Page 31: Unas notas de Usabilidad

Usabilidad

• En el proceso de desarrollo o rediseño.

Conceptos - importancia - principios - integración en proyecto

Arquitectura

información

Diseño

gráficoCiclo de vida

centrado en el

usuario

Diseño

información

Diseño

navegación

Diseño

interacción

Diseño

interfaz

Page 32: Unas notas de Usabilidad

Usabilidad

• Analizamos:

– Finalidad de la presencia en Internet

– Productos o servicios

Conceptos - importancia - principios - integración en proyecto

– Productos o servicios

– Usuarios objetivo

– Web existente (rediseño)

Page 33: Unas notas de Usabilidad

Usabilidad

• Cuestionamos:

– Promoción y fidelización

– Claridad en servicios y contenidos

Conceptos - importancia - principios - integración en proyecto

– Claridad en servicios y contenidos

– Conocer y solventar necesidades reales de los

usuarios

Page 34: Unas notas de Usabilidad

UsabilidadConceptos - importancia - principios - integración en proyecto

Análisis

estratégico

Análisis

Diseño

userLabUserLab

Análisis

técnico

userLab

Métricas

Heurística

PropuestasD.A.F.O.

Page 35: Unas notas de Usabilidad

Gracias por vuestra atención

about.me/maiteferrerorsini

ilustraciones:

hikingartist.com