Como lograr la usabilidad de sitios web

1
Como lograr la usabilidadde sitios web

• Enrique Stanziola
• Despegar.com

2
Proceso evolutivo o iterativo
investigación
diseño de alternativas
evaluación
construcción de prototipos
3
Proceso evolutivo o iterativo

• relevamiento de usuarios, contextos y tareas
• análisis
• determinación de criterios de diseño y objetivos
  de usabilidad

investigación
diseño de alternativas
evaluación
construcción de prototipos
4
Investigación

• Usuarios Quiénes son? Edad, sexo, educación,
  experiencia con TICs (Windows, Web, etc),
  conocimiento del tema del sitio. Cómo se
  segmentan?
• Tareas Qué necesitan, desean o deben hacer?
  Con qué frecuencia? Con qué complejidad?
• Contextos Cuándo? Dónde? Con quiénes? Con
  que tecnología?
• Técnicas de relevamiento y análisis (ej
  entrevistas contextuales)

5
Proceso evolutivo o iterativo

• crear soluciones que satisfagan las necesidades
  de los usuarios
• dentro de los criterios de diseño establecidos
• cumpliendo con los objetivos de usabilidad
  determinados

investigación
diseño de alternativas
evaluación
construcción de prototipos
6
Diseño de alternativas

• Al diseñar se aplican
• principios de diseño centrado en el usuario ej
  visibilidad, retroalimentación, usuario siempre
  en control
• restricciones humanas ej percepción visual y
  auditiva, cognición, memoria, resolución de
  problemas
• lineamientos (guidelines) ej navegación clara
• patrones y estandares ej links azules y
  subrayados

7
Proceso evolutivo o iterativo
investigación
diseño de alternativas
evaluación
construcción de prototipos

• maquetas de las alternativas diseñadas
• apariencia similar al sitio
• funcionalidad limitada o simulada
• construcción rápida

8
Construcción de prototipos

• Sirven para mostrar y evaluar el contenido, el
  aspecto o el funcionamiento de una parte del
  sitio, sin tener que desarrollarlo completamente.
• Pueden hacerse en papel, HTML, etc
• Pueden ser esquemáticos o mostrar el diseño
  visual del sitio
• Si sirven, se usan para documentar y/o
  desarrollar. Si no sirven se descartan.

9
fuente www.nngroup.com
10
Proceso evolutivo o iterativo
investigación y analisis

• comprobar si se cumplen o no los objetivos de
  usabilidad establecidos
• test con usuarios
• análisis de logs

diseño alternativas
evaluación
construccion prototipos
11
Evaluación de usabilidad

• Test con usuarios
• Usuarios representativos de la población de
  usuarios (6 a 8 bastan para encontrar la mayor
  parte de los problemas de una parte limitada del
  sitio)
• Consignas para simular situaciones reales de uso
• Prototipos preparados especialmente para el test
  (con las páginas que se quieren probar)
• Se obtienen resultados cualitativos por qué
  suceden ciertos problemas? que entienden o no los
  usuarios? Porque abandonan?

12
Tests con usuarios
fuente www.nngroup.com
fuente www.mitsue.co.jp
13
Evaluación otras técnicas

• Análisis de logs
• Ej Google Analytics, Webtrends
• Brindan resultados cuantitativos cuántos
  usuarios entraron a una página del sitio? cuantos
  abandonan un proceso? dónde?
• Evaluación heuristica
• Revisión cumplimiento de lineamientos, patrones y
  estándare realizada por varios expertos.

14
Proceso evolutivo o iterativo

• estamos en el camino correcto?
• necesitamos relevar más?

investigación (2da. vuelta)
diseño de alternativas
evaluación
construcción de prototipos
15
El ciclo análisis-diseño-evaluación se cumple
siempre

• De nosotros depende cuándo se hará la primera
  evaluación.
• Cuanto más temprano se involucre a usabilidad y a
  los usuarios, es más fácil hacer un sitio usable.
  (Y más barato y rápido será su desarrollo)

16
Diseñar es difícil!

• porque implica tomar muchas decisiones teniendo
  en cuenta muchos factores
•  negocio
•  tecnología
•  usuarios
•  tareas
•  contexto de uso
• No es posible hacer diseño centrado en el usuario
  solamente con inspiración, sentido común, o
  guidelines.

17
Más información?

• usabilidad.wetpaint.com Grupo en Argentina
• www.cadius.org Comunidad habla hispana
• useit.com Jakob Nielsen
• sigchi.org - ACM SIGCHI
• www.usability.gov Gobierno U.S.A.
• Contacto enrique.stanziola_at_gmail.com

18
Muchas gracias!
Enrique Stanziola
19
www.afip.gov.ar

• Dónde hay una AFIP cerca?
• Necesito una constancia de CUIT
• Debo presentar la declaración jurada de
  ganancias

20
Sitio de AFIP usuarios

• todas las personas mayores de 18 residentes en el
  pais (sin importar edad, sexo o educación)
• experiencia con TICs desde navegacion web basica
  en adelante
• conocimiento de impuestos desde nivel basico
  hasta contadores.
• tipo de contribuyentes monotributistas,
  empleados, empresarios, profesionales, etc.
• Objetivo de usabilidad debe ser facil de
  aprender para la mayoria de los usuarios.
• Criterio de diseño Simplificar el diseño para
  que el usuario pueda concentrarse en la
  complejidad del sistema impositivo.

21
Sitio de AFIP tareas

• Tramites
• Varian en complejidad, desde los simples
  (encontrar agencia cercana, obtener comprobante
  de inscripcion) a los complejos (presentacio de
  declaracion jurada de ganancias),
• Varian en frecuencia, mensual (presentacion
  declaracion IVA) a anual (ganancias)
• Criterios de diseño guiar en las tareas
  complejas y poco frecuentes.
• Objetivo de usabilidad evitar errores en tareas
  complejas, ejecutar con eficiencia y facilidad de
  aprendizaje las tareas frecuentes y simples.
• Busquedas
• Resoluciones, procedimientos, leyes, direcciones,
  horarios, formularios
• Criterio de diseño proveer distintos medios de
  busqueda(buscador, indice, etc)

22
Sitio de AFIP contextos

• En oficina, en casa, en cibercafe, en zona wi-fi
• Con ruido alrededor (o debiendo guardar
  silencio), solo o con gente (posibles
  interrupciones)
• De dia, o de noche (con bebe durmiendo al lado)
• Con PC, notebook, PDA, celular (varia en
  velocidad de procesador, tamano de pantalla,
  resolucion)
• Con banda ancha, wi-fi , dial up, conexión red
  celular (varia en velocidad y confiabilidad)
• Criterio de diseño los procedimientos largos
  pueden interrumpirse, proveer forma de retomar
  con tramite iniciado (ej retomar donde se dejo un
  asistente de presentacion de declaracion jurada
  de ganancias)

23
Sitio de AFIP diseño de alternativas

• Tarea compleja y anual (Ej presentacion de
  declaracion jurada de ganancias)
• Como formulario online
• Como asistente (wizard)