Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.
-
Upload
belen-deniz -
Category
Documents
-
view
18 -
download
1
Transcript of Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.
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: [email protected]
¡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)