O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
Próximos SlideShares
The Evil That Is Indie
The Evil That Is Indie
Carregando em…3
×
1 de 43

Usabilidad 101

0

Compartilhar

Una presentación que preparé para el Barcamp 2013 en San José, Costa Rica.

Es introductoria a la usabilidad web, incluye qué significa la usabilidad, cómo podemos medir o comparar sitios, cómo podemos vender esta idea a nuestro equipo, ejemplos y algunos lolcats.

Usabilidad 101

  1. 1. Armonía Alvarado Introducción a la usabilidad web USABILIDAD 101
  2. 2. Usabilidad en relación con: @webethnographer - #usabilidad101 Define  el  comportamiento  de   los  productos  y  sistemas  con  los   que  interactúa  el  usuario,   sa7sfaciendo  necesidades  de  la   experiencia  total  del  usuario.   Definir  estrategias  para  dirigir   cómo  se  sienten  determinadas   personas  antes,  durante  y   después  de  usar  un  producto,   sistema  o  servicio.   Experiencia de usuario (UX) Diseño de Interacción (IxD)
  3. 3. ¿Qué es Usabilidad? @webethnographer - #usabilidad101
  4. 4. @webethnographer - #usabilidad101 La usabilidad de una interfaz es una medida de la efectividad, eficiencia y satisfacción con la cual determinados usuarios pueden alcanzar determinados objetivos en un entorno particular con dicha interfaz. (ISO 9241, Requerimientos ergonómicos para trabajo de oficina con terminales visuales, Parte 11 - 1997)
  5. 5. @webethnographer - #usabilidad101 Eficacia El usuario logra lo que quiere Eficiencia Lo logra rápidamente Satisfacción Al navegar el sitio
  6. 6. ¿Cuál es el Objetivo? @webethnographer - #usabilidad101 Se  trata  de  lograr  facilidad  de  uso  y  aprendizaje,   diseñando  con  claridad  y  elegancia  la  interacción   sujeto  -­‐  interfaz.    
  7. 7. PropelLerHeads @webethnographer - #usabilidad101
  8. 8. “Hágalo más usable…” @webethnographer - #usabilidad101 Son  atributos  cualita,vos  intrínsecos  al  producto   •  Como  el  performance,  no  se  pueden  “agregar”.   •  Son  afectados  por  todos  los  que  construyen  el   producto.     •  A  un  producto  no  le  “falta”  diseño  o  usabilidad.        En  todo  caso,  su  diseño  o  usabilidad  son  malos.   •  Hay  diseños  intencionales…  y  diseños  que  “llegan   a  ser.”  
  9. 9. @webethnographer - #usabilidad101
  10. 10. @webethnographer - #usabilidad101
  11. 11. @webethnographer - #usabilidad101
  12. 12. @webethnographer - #usabilidad101 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/IEC9126) Un  producto  no  es  en  ningún  caso  intrínsecamente  usable,  sólo  tendrá  la   capacidad  de  ser  usado  en  un  contexto  par7cular  y  por  usuarios  par7culares.  
  13. 13. @webethnographer - #usabilidad101
  14. 14. 10 Heurísticas de Usabilidad @webethnographer - #usabilidad101 1.  Visibilidad  del  estado  del  sistema.     2.  U7lizar  el  lenguaje  de  los  usuarios.     3.  Control  y  libertad  para  el  usuario.     4.  Consistencia  y  estándares.  
  15. 15. 10 Heurísticas de Usabilidad @webethnographer - #usabilidad101 5.  Prevención  de  errores.     6.  Minimizar  la  carga  de  la  memoria  del  usuario.     7.  Flexibilidad  y  eficiencia  de  uso.     8.  Los  diálogos  esté7cos  y  diseño  minimalista.  
  16. 16. 10 Heurísticas de Usabilidad @webethnographer - #usabilidad101 9.  Ayudar  a  los  usuarios  a  reconocer,  diagnos7car  y   recuperarse  de  los  errores.     10.  Ayuda  y  documentación.  
  17. 17. @webethnographer - #usabilidad101
  18. 18. Mejorando la Usabilidad @webethnographer - #usabilidad101 Efec)vidad   •  Diseño  Centrado  en  el  Usuario   Eficiencia   •  Op7mización  de  la  operación   •  Menor  carga  cogni7va   •  Prevención  de  errores,  bajo  costo  de  recuperación   Sa)sfacción   •  Previsibilidad   •  Consistencia  interna  y  con  la  plataforma   •  Elementos  funcionan  cumpliendo  expecta7va  
  19. 19. Aumentando la efectividad @webethnographer - #usabilidad101   Diseño  Centrado  en  el  Usuario  versus:   •  Diseño  autoreferencial   •  Diseño  centrado  en  la  tecnología   •  Diseño  centrado  en  el  sponsor   •  Diseño  centrado  en  la  competencia  
  20. 20. @webethnographer - #usabilidad101
  21. 21. Diseño Centrado en el Usuario @webethnographer - #usabilidad101  Creación  de  productos  que  resuelvan  necesidades   concretas  de  sus  usuarios  finales,  consiguiendo  la  mayor   sa)sfacción  y  mejor  experiencia  de  uso  posible  con  el   mínimo  esfuerzo  de  su  parte.     •  Proceso  de  diseño:   •  Conocer  a  fondo  a  los  usuarios  finales  reales.   •  Diseñar  un  producto  que  resuelva  sus  necesidades  y  se  ajuste  a  sus   capacidades,  expecta7vas  y  mo7vaciones.   •  Poner  a  prueba  lo  diseñado.  
  22. 22. @webethnographer - #usabilidad101
  23. 23. @webethnographer - #usabilidad101
  24. 24. ¿Cómo averiguo si mi sitio apesta? @webethnographer - #usabilidad101
  25. 25. Técnicas de recolección @webethnographer - #usabilidad101 •  Entrevistas,  etnogra`as   •  Grupos  focales   •  Card  sor7ng   •  Mapeo  conceptual   •  Pruebas  de  usabilidad     •  Proto7pado  itera7vo   •  Inves7gación  contextual  
  26. 26. Pruebas de usabilidad @webethnographer - #usabilidad101
  27. 27. Una prueba de usabilidad No es: @webethnographer - #usabilidad101 •  Un  grupo  focal     •  Una  encuesta     •  Una  entrevista     •  Una  sesión  de  psicoanálisis  
  28. 28. Pruebas De usabilidad @webethnographer - #usabilidad101 •  Consisten  en  observar  a  personas  usando  algo   que  estás  creando  /  diseñando  /  construyendo  o   que  has  creado  /diseñado  /construido.     •  Con  el  obje7vo  de  facilitar  el  uso  o  para     averiguar  si  es  fácil  de  usar  o  no.    
  29. 29. @webethnographer - #usabilidad101
  30. 30. Pruebas De usabilidad @webethnographer - #usabilidad101 •  Pruebas  rápidas  y  de  gran  impacto  cualita)vo.     •  Observación  y  análisis  de  operación  para   resolver  tareas  solicitadas.     •  No  se  toman  requerimientos  ni  opiniones  del   par7cipante.  Nos  enfocamos  en  lo  que  hace.  
  31. 31. Pruebas De usabilidad @webethnographer - #usabilidad101 •  Los  usuarios  no  son  ratas  de  laboratorio.     •  “El  usuario”  no  es  un  ser  meta`sico.     •  No  estamos  probando  a  los  par7cipantes.     •  Testear  con  5  usuarios  revela  el  80%  de  los   problemas  de  usabilidad  presentes  en  el  producto.    
  32. 32. Pruebas de usabilidad in a nutshell @webethnographer - #usabilidad101
  33. 33. Pruebas de usabilidad in a nutshell @webethnographer - #usabilidad101
  34. 34. Pruebas de usabilidad in a nutshell @webethnographer - #usabilidad101 1.  Definir  el  obje7vo  de  la  prueba.   2.  Iden7ficar  perfiles  de  usuarios.     3.  Iden7ficar  tareas  crí7cas  para  cada  perfil.     4.  Reclutar  par7cipantes  representa7vos.  Resolver   cues7ones  logís7cas.     5.  Construir    escenarios.     6.   ¿Cuándo  testear?  Lo  antes  posible,  si  no  con  el  producto   terminado  al  menos  sí  con  un  proto7po  funcional.  
  35. 35. Después de la prueba @webethnographer - #usabilidad101 •  Debriefing  (stakeholders,  desarrolladores,   diseñadores,  antropólogos  :P).     •  Reformular  tareas  y  escenarios.     •  Arreglar  los  problemas  más  graves  o  inmediatos.     •  Keep  calm  and  iterate.  
  36. 36. Definir Objetivos generales @webethnographer - #usabilidad101 •  Medir  el  performance  general  de  la    herramienta.       •  Relevar  el  modelo  mental  de  los  usuarios.       •  Iden7ficar  expecta7vas  y  obje7vos  de  uso  
  37. 37. Definir Objetivos Específicos @webethnographer - #usabilidad101 •  Navegación       •  Rotulado     •  Registro     •  Búsquedas  
  38. 38. Resultados: Indicadores cuantitativos @webethnographer - #usabilidad101 •  Tareas  exitosas   •  Can7dad  de  errores  por  tarea   •  Páginas  vistas   •  Clics   •  Tiempo  
  39. 39. Resultados: Indicadores cualitativos @webethnographer - #usabilidad101 El  par)cipante  ante:   •  Complejidad     •  Lenguaje   •  Inconsistencias  (curva  de  aprendizaje)   •  Call  to  ac7ons   •  Affordances   •  Etc.  
  40. 40. ¡Siempre Funcionan! @webethnographer - #usabilidad101 •  Porque  los  si7os  web  siempre  7ene  problemas   de  usabilidad.   •  Porque  la  mayoría  de  los  problemas  serios  son   fáciles  de  encontrar.   •  Porque  observar  a  las  personas  hace  mejores   diseñadores.    
  41. 41. El objetivo es Obtener insights @webethnographer - #usabilidad101 Observar  a  las  personas  nos  educa  en  cómo   usan  las  cosas  y  cómo  se  puede  diseñar  cosas   para  el  uso.  
  42. 42. @webethnographer - #usabilidad101
  43. 43. Muchas Gracias, ¡hasta pronto! @webethnographer - #usabilidad101

×