Your SlideShare is downloading. ×
Unas notas de Usabilidad
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Unas notas de Usabilidad

361
views

Published on

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

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

Published in: Design

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
361
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
25
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. UsabilidadUnas notas sobreImagen:hikingartist.compor Maite Ferrer Orsini
  • 2. 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
  • 3. Usabilidad• ¿Qué vamos a tratar en esta breve charla?conceptos1 importancia2 principios3 Integraciónen proyecto4
  • 4. Usabilidad• Diseño Centrado en el Usuario• Usabilidad• Arquitectura de Información• AccesibilidadConceptos - importancia - principios - integración en proyecto• Accesibilidad• Experiencia de usuario• Human-Computer Interaction (HCI)• E-Metrics
  • 5. 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-MetricsPlanificaciónIdentificaciónrequerimientosDiseñoModelado usuarioDiseño conceptualEstiloDiseño visual• Proceso de diseño ydesarrollo (del sitio web)conducido por el usuario, susnecesidades, característicase intereses. Mantenimientoy seguimientoDiseño visualDiseño contenidosEvaluaciónMétodos de inspecciónMétodos de testPrototipadoLow fidelityHigh fidelityImplementacióny lanzamiento
  • 6. 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 esfuerzoISO/IEC 9126
  • 7. 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 conla que un producto permite alcanzarobjetivos, a usuarios, en un contexto de usoespecífico. ISO/IEC 9241
  • 8. 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.
  • 9. 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.
  • 10. 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 generarsensaciones y emociones, en el usuario,durante el proceso de interacción.
  • 11. 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.
  • 12. 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álisiscuantitativo.• Variables subjetivas por parte del experto:análisis cualitativo.Exactitud, tiempo, recuerdo, respuesta emocional
  • 13. 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-metricsExactitud y la plenitud con laque se alcanzan los objetivos deuna 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.
  • 14. 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-metricsEsfuerzo que un usuario tieneque hacer para conseguir unobjetivo.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.
  • 15. 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-metricsVariables que tienen que vermás con lo emocional osubjetivo.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 lacompetencia directa.• ☺ usuario expresa satisfacción o insatisfacción.
  • 16. Usabilidad• Una buena experiencia de usuario genera:– Satisfacción– FidelidadConceptos - importancia - principios - integración en proyectoAumento debeneficios– Fidelidad beneficiosIncrementodel ROI
  • 17. UsabilidadConceptos - importancia - principios - integración en proyecto
  • 18. UsabilidadConceptos - importancia - principios - integración en proyecto
  • 19. Usabilidad1. Visibilidad del estado del sistema para los usuarios2. Adecuación entre el sistema y el mundo real3. Libertad y control por parte del usuario4. Consistencia y estándaresConceptos - importancia - principios - integración en proyecto5. Prevención de errores6. Reconocimiento antes que recuerdo7. Flexibilidad y eficiencia en el uso8. Diseño estético y minimalista9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los errores10. Ayuda y documentaciónPropuestos por Nielsen en 1994.
  • 20. UsabilidadLeslie no… JakobConceptos - importancia - principios - integración en proyecto
  • 21. UsabilidadConceptos - importancia - principios - integración en proyecto1. Visibilidad del estado del sistema para los usuarios2. Adecuación entre el sistema y el mundo real3. Libertad y control por parte del usuario4. Consistencia y estándares5. Prevención de errores6. Reconocimiento antes que recuerdo7. Flexibilidad y eficiencia en el uso8. Diseño estético y minimalista9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de loserrores10. Ayuda y documentación• El sistema (o sitio web) siempre debeinformar al usuario acerca de lo que estásucediendo.
  • 22. UsabilidadConceptos - importancia - principios - integración en proyecto1. Visibilidad del estado del sistema para los usuarios2. Adecuación entre el sistema y el mundo real3. Libertad y control por parte del usuario4. Consistencia y estándares5. Prevención de errores6. Reconocimiento antes que recuerdo7. Flexibilidad y eficiencia en el uso8. Diseño estético y minimalista9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de loserrores10. Ayuda y documentación• El sistema debe hablar el lenguaje del usuario,huyendo de tecnicismos incomprensibles omensajes crípticos.
  • 23. UsabilidadConceptos - importancia - principios - integración en proyecto1. Visibilidad del estado del sistema para los usuarios2. Adecuación entre el sistema y el mundo real3. Libertad y control por parte del usuario4. Consistencia y estándares5. Prevención de errores6. Reconocimiento antes que recuerdo7. Flexibilidad y eficiencia en el uso8. Diseño estético y minimalista9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de loserrores10. Ayuda y documentación• El usuario debe tener el control del sistema,no se puede limitar su actuación. Se debeofrecer siempre al usuario una forma de"salida de emergencia", o alternativa.
  • 24. UsabilidadConceptos - importancia - principios - integración en proyecto1. Visibilidad del estado del sistema para los usuarios2. Adecuación entre el sistema y el mundo real3. Libertad y control por parte del usuario4. Consistencia y estándares5. Prevención de errores6. Reconocimiento antes que recuerdo7. Flexibilidad y eficiencia en el uso8. Diseño estético y minimalista9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de loserrores10. Ayuda y documentaciónaprendizaje reconocimiento facilidad• Consistencia en el estilo, homogeneidad en loscriterios definidos.• El sitio web también debe seguir estándares oconvenciones de diseño ampliamente aceptados.
  • 25. UsabilidadConceptos - importancia - principios - integración en proyecto1. Visibilidad del estado del sistema para los usuarios2. Adecuación entre el sistema y el mundo real3. Libertad y control por parte del usuario4. Consistencia y estándares5. Prevención de errores6. Reconocimiento antes que recuerdo7. Flexibilidad y eficiencia en el uso8. Diseño estético y minimalista9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de loserrores10. Ayuda y documentación• Mejor que un buen mensaje de error es undiseño que prevenga que ocurra el error.
  • 26. UsabilidadConceptos - importancia - principios - integración en proyecto1. Visibilidad del estado del sistema para los usuarios2. Adecuación entre el sistema y el mundo real3. Libertad y control por parte del usuario4. Consistencia y estándares5. Prevención de errores6. Reconocimiento antes que recuerdo7. Flexibilidad y eficiencia en el uso8. Diseño estético y minimalista9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de loserrores10. Ayuda y documentación• Hacer visibles objetos, acciones y opcionespara que el usuario no tenga por qué recordarinformación entre distintas secciones o partesdel sitio web o aplicación.
  • 27. UsabilidadConceptos - importancia - principios - integración en proyecto1. Visibilidad del estado del sistema para los usuarios2. Adecuación entre el sistema y el mundo real3. Libertad y control por parte del usuario4. Consistencia y estándares5. Prevención de errores6. Reconocimiento antes que recuerdo7. Flexibilidad y eficiencia en el uso8. Diseño estético y minimalista9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de loserrores10. Ayuda y documentación• El sitio debe ser fácil de usar para usuariosinexpertos.• Pero también proporcionar atajos oaceleradores para usuarios avanzados.
  • 28. UsabilidadConceptos - importancia - principios - integración en proyecto1. Visibilidad del estado del sistema para los usuarios2. Adecuación entre el sistema y el mundo real3. Libertad y control por parte del usuario4. Consistencia y estándares5. Prevención de errores6. Reconocimiento antes que recuerdo7. Flexibilidad y eficiencia en el uso8. Diseño estético y minimalista9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de loserrores10. Ayuda y documentación• Las páginas no deben contener informaciónirrelevante o innecesaria.• Cada información extra compite con lainformación relevante y disminuye su visibilidad.
  • 29. UsabilidadConceptos - importancia - principios - integración en proyecto1. Visibilidad del estado del sistema para los usuarios2. Adecuación entre el sistema y el mundo real3. Libertad y control por parte del usuario4. Consistencia y estándares5. Prevención de errores6. Reconocimiento antes que recuerdo7. Flexibilidad y eficiencia en el uso8. Diseño estético y minimalista9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de loserrores10. Ayuda y documentación• Los mensajes de error deben expresarclaramente cuál ha sido la causa del problema.• También deben sugerir las posibles alternativas osoluciones.
  • 30. UsabilidadConceptos - importancia - principios - integración en proyecto1. Visibilidad del estado del sistema para los usuarios2. Adecuación entre el sistema y el mundo real3. Libertad y control por parte del usuario4. Consistencia y estándares5. Prevención de errores6. Reconocimiento antes que recuerdo7. Flexibilidad y eficiencia en el uso8. Diseño estético y minimalista9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de loserrores10. 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.
  • 31. Usabilidad• En el proceso de desarrollo o rediseño.Conceptos - importancia - principios - integración en proyectoArquitecturainformaciónDiseñográficoCiclo de vidacentrado en elusuarioDiseñoinformaciónDiseñonavegaciónDiseñointeracciónDiseñointerfaz
  • 32. Usabilidad• Analizamos:– Finalidad de la presencia en Internet– Productos o serviciosConceptos - importancia - principios - integración en proyecto– Productos o servicios– Usuarios objetivo– Web existente (rediseño)
  • 33. Usabilidad• Cuestionamos:– Promoción y fidelización– Claridad en servicios y contenidosConceptos - importancia - principios - integración en proyecto– Claridad en servicios y contenidos– Conocer y solventar necesidades reales de losusuarios
  • 34. UsabilidadConceptos - importancia - principios - integración en proyectoAnálisisestratégicoAnálisisDiseñouserLabUserLabAnálisistécnicouserLabMétricasHeurísticaPropuestasD.A.F.O.
  • 35. Gracias por vuestra atenciónabout.me/maiteferrerorsiniilustraciones:hikingartist.com