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 evaluación diseño de alternativas construcción de prototipos

3. relevamiento de usuarios, contextos y tareas • análisis • determinación de criterios de diseño y objetivos de usabilidad Proceso evolutivo o iterativo investigación evaluación diseño de alternativas 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 evaluación diseño de alternativas 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. investigación Proceso evolutivo o iterativo evaluación diseño de alternativas 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 evaluación diseño alternativas 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. ¿estamos en el camino correcto? • ¿necesitamos relevar más? Proceso evolutivo o iterativo investigación (2da. vuelta) evaluación diseño de alternativas 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@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)