Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Usabilidad 101

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.

  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Usabilidad 101

  1. 1. Armonía AlvaradoIntroducción a la usabilidad webUSABILIDAD 101
  2. 2. Usabilidad en relación con:@webethnographer - #usabilidad101Define  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 - #usabilidad101La usabilidad de una interfaz es una medida de laefectividad, eficiencia y satisfacción con la cualdeterminados usuarios pueden alcanzardeterminados objetivos en un entorno particularcon dicha interfaz.(ISO 9241, Requerimientos ergonómicos para trabajo de oficina con terminales visuales, Parte 11 - 1997)
  5. 5. @webethnographer - #usabilidad101EficaciaEl usuario logra lo que quiereEficienciaLo logra rápidamenteSatisfacciónAl navegar el sitio
  6. 6. ¿Cuál es el Objetivo?@webethnographer - #usabilidad101Se  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 - #usabilidad101Son  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 - #usabilidad101La usabilidad se refiere a la capacidad de unsoftware de ser comprendido, aprendido, usado yser atractivo para el usuario, en condicionesespecí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 - #usabilidad1011.  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 - #usabilidad1015.  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 - #usabilidad1019.  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 - #usabilidad101Efec)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 - #usabilidad1011.  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 - #usabilidad101El  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 - #usabilidad101Observar  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

×