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.
![Page 1: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/1.jpg)
Como lograr la usabilidadde sitios web
Enrique StanziolaDespegar.com
![Page 2: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/2.jpg)
investigación
diseño de alternativas
construcción de prototipos
evaluación
Proceso evolutivo o iterativo
![Page 3: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/3.jpg)
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
![Page 4: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/4.jpg)
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)
![Page 5: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/5.jpg)
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
![Page 6: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/6.jpg)
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
![Page 7: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/7.jpg)
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
![Page 8: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/8.jpg)
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.
![Page 9: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/9.jpg)
fuente: www.nngroup.com
![Page 10: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/10.jpg)
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
![Page 11: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/11.jpg)
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?
![Page 12: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/12.jpg)
fuente: www.nngroup.com
fuente: www.mitsue.co.jp
Tests con usuarios
![Page 13: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/13.jpg)
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.
![Page 14: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/14.jpg)
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?
![Page 15: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/15.jpg)
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)
![Page 16: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/16.jpg)
¡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.
![Page 17: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/17.jpg)
¿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]
![Page 18: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/18.jpg)
¡Muchas gracias!Enrique Stanziola
![Page 19: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/19.jpg)
www.afip.gov.ar •“¿Dónde hay una AFIP cerca?”•“Necesito una constancia de CUIT”•“Debo presentar la declaración jurada de ganancias”
![Page 20: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/20.jpg)
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.
![Page 21: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/21.jpg)
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)
![Page 22: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/22.jpg)
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)
![Page 23: Como lograr la usabilidad de sitios web Enrique Stanziola Despegar.com.](https://reader033.fdocuments.es/reader033/viewer/2022061217/54b47e874979594d3a8b5fe9/html5/thumbnails/23.jpg)
Sitio de AFIP: diseño de alternativas
• Tarea compleja y anual (Ej presentacion de declaracion jurada de ganancias)– Como formulario online– Como asistente (wizard)