Como lograr la usabilidad de sitios web

Presentación del tema: "Como lograr la usabilidad de sitios web"— Transcripción de la presentación:

1 Como lograr la usabilidad de sitios web
Enrique Stanziola Despegar.com

2 Proceso evolutivo o iterativo
investigación evaluación diseño de alternativas 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 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 Proceso evolutivo o iterativo
investigación 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: fuente:

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) 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
– Comunidad habla hispana useit.com – Jakob Nielsen sigchi.org - ACM SIGCHI – Gobierno U.S.A. Contacto:

18 ¡Muchas gracias! Enrique Stanziola

19 “¿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 Busquedas
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)