1 / 23

Como lograr la usabilidad de sitios web

Como lograr la usabilidad de sitios web. Enrique Stanziola Despegar.com. Proceso evolutivo o iterativo. investigación. evaluación. diseño de alternativas. construcción de prototipos. relevamiento de usuarios, contextos y tareas análisis

Download Presentation

Como lograr la usabilidad de sitios web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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)

More Related