Como lograr la usabilidadde sitios web

Enrique StanziolaDespegar.com

investigación

diseño de alternativas

construcción de prototipos

evaluación

Proceso evolutivo o iterativo

investigación

diseño de alternativas

construcción de prototipos

evaluación

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

• 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)

investigación

diseño de alternativas

construcción de prototipos

evaluación

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

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

investigación

diseño de alternativas

construcción de prototipos

evaluación

Proceso evolutivo o iterativo

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

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.

fuente: www.nngroup.com

investigación yanalisis

diseño alternativas

construccion prototipos

evaluación

Proceso evolutivo o iterativo

•comprobar si se cumplen o no los objetivos de usabilidad establecidos

•test con usuarios•análisis de logs

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?

fuente: www.nngroup.com

fuente: www.mitsue.co.jp

Tests con usuarios

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.

investigación(2da. vuelta)

diseño de alternativas

construcción de prototipos

evaluación

Proceso evolutivo o iterativo

•¿estamos en el camino correcto?

•¿necesitamos relevar más?

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)

¡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.

¿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@gmail.com

¡Muchas gracias!Enrique Stanziola

www.afip.gov.ar •“¿Dónde hay una AFIP cerca?”•“Necesito una constancia de CUIT”•“Debo presentar la declaración jurada de ganancias”

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.

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)

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)

Sitio de AFIP: diseño de alternativas

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