Usabilidad en práctica caso ISAGEN - Ana María Echeverri

2,615 views

Published on

Conferencia de Ana María Echeverri en el Día Mundial de la Usabilidad 2010 - Bogotá, Colombia

Published in: Technology, Travel, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,615
On SlideShare
0
From Embeds
0
Number of Embeds
1,417
Actions
Shares
0
Downloads
14
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Usabilidad en práctica caso ISAGEN - Ana María Echeverri

  1. 1. Implementación de metodologías a nivel corporativo: Caso ISAGEN S.A Ana María Echeverri Tamayo aecheverri@medeainteractiva.com Noviembre, 2010
  2. 2. Web ISAGEN… Julio 2006
  3. 3. Web ISAGEN 2006
  4. 4. Equipo de trabajo
  5. 5. ¿Qué se hizo? • Test de Usabilidad • Creación de personas • Card sorting Cualitativo • Análisis de visitas del sitio • Revisión de estándares W3C y TAW • Prueba heurística • Revisión del código y aspectos técnicos Datos, cifras y estándares Cuantitativo Percepciones, emociones, sentimientos
  6. 6. Cualitativo Test de Usabilidad Creación de personas Card sorting
  7. 7. Test de Usabilidad Es observar analíticamente a los usuarios mientras navegan el sitio web bajo tareas asignadas y se les solicita que “piensen en voz alta”.
  8. 8. Proceso
  9. 9. ¿Qué se evaluó? • Finalización de las tareas. ¿Los usuarios pudieron terminar las tareas? • Tiempo. ¿Cuánto tiempo tardó en completar la tarea? • Ruta de navegación. ¿Cuántas páginas navegó para completar la tarea? Cantidad de clics. • Errores. Cantidad y gravedad de errores. • Satisfacción. Calificación del usuario hacia el sitio.
  10. 10. • Promedio alto en el tiempo de ejecución de las tareas. • Algunas tareas no fueron terminadas de forma exitosa. • Diseño muy blanco y acartonado. • Mucha información y conceptos muy técnicos. • Textos poco actualizados. • El home como punto de partida para las tareas. • Errores en el menú y en algunos formularios. Resultados
  11. 11. Comentarios de los usuarios • “Nominador de gas… ¿eso qué es? • “¿Comunicación en línea…? ahí debe haber alguien que me conteste mi pregunta… • “Ahora estaba en esa sección, pero ya no sé cómo entrar…” • “¿Dónde es que está esta vaina…? • Ahh, ¿esto por qué no me da? Luego de varios intentos de poner su número de cédula en «CE» (Cédula de Extranjería).
  12. 12. Reglas de oro 1. Cómo interactuar. 2. Respete los derechos de los participantes. 3. Recuerde la responsabilidad con los usuarios futuros. 4. Esté siempre a cargo. 5. Sea profesional. 6. Deje que el usuario hable. 7. Recuerde que la intuición puede ayudarte y también perjudicarte. 8. No a los prejuicios. 9. No dé información de forma inadvertida. 10. Manténgase fuerte. Joseph S. Dumas, Beth A. Loring
  13. 13. Cualitativo Test de Usabilidad Creación de personas Card sorting
  14. 14. ¿Qué son las personas? Son descripciones de personajes ficticios que representan un segmento de los usuarios del sitio.
  15. 15. María Restrepo “Información rápida y concreta” • Características personales: Tiene 38 años y vive en Medellín. Es casada y tiene 2 hijos, Juan que tiene 10 años y Natalia que tiene 8. Es Administradora de empresas y trabaja como analista en una empresa mediana donde gana un salario de $2.000.000. Es estrato 4 y cuenta con un carro sencillo que comparte con su esposo para hacer las vueltas de la familia y llevar a sus hijos a clases. Tiene empleada por días que le ayuda una vez a la semana con las labores de aseo y el cuidado de sus hijos. No habla un segundo idioma, tiene un nivel básico de lectura de inglés.
  16. 16. María Restrepo • Relación con Internet y los sistemas: Tiene conocimientos básicos de sistemas. Utiliza Internet para leer el periódico, actualizar datos, revisar su correo electrónico y tiene cuenta en Facebook, pero la utiliza poco. Utiliza el computador de la oficina, cuando llega a la casa solo tiene ganas de estar con su familia. Por este motivo tiene poco tiempo para navegar en Internet, además tiene una conexión de banda ancha lenta que le impide hacer varios procesos al mismo tiempo.
  17. 17. María Restrepo • Su relación con la empresa: Es accionista de ISAGEN. • Usos del sitio: Entra esporádicamente a la página de Isagen, cuando lo hace debe hacerlo en forma rápida pues está en su trabajo en el horario de oficina. Se concentra en buscar datos concretos como: el valor de la acción, el día y el valor del pago de los dividendos, información de la Asamblea, buscar el certificado de renta.
  18. 18. ¿Y esto para qué sirve?
  19. 19. Beneficios • Le permite al equipo enfocarse en un objetivo común. • Crea una visión compartida que permite unificar para quién se está diseñando y qué es lo que ellos quieren. • Convierte conocimiento empírico en una forma fácil de comunicar y usar. • Posibilita la toma decisiones con mayor objetividad. • Permite Centrarse en el otro. • Brinda una base para crear el manual del sitio web.
  20. 20. Riesgos • Sustituir ficción por realidad. • Tendencia a reducir la complejidad en un actor. • Crear muy buenos personajes pero poco representativos. • Tratar de abarcar todas las características en un solo personaje.
  21. 21. Cualitativo Test de Usabilidad Creación de personas Card sorting
  22. 22. ¿Qué es? • Es una técnica de categorización de contenidos que se basa en la observación de cómo los usuarios organizan y clasifican los contenidos y la estructura de un sitio web de acuerdo a su modelo mental.
  23. 23. ¿Cómo funciona?
  24. 24. ¿Qué se encontró? • Crecimiento del sitio a nivel de contenidos. • Demasiada información. • Necesidad de agrupar mejor y reducir niveles. • Necesidad de cambiar la estructura del sitio. • Urgencia de un buscador.
  25. 25. Cuantitativo Análisis de visitas del sitio Revisión de estándares W3C y TAW Prueba heurística Revisión del código y aspectos técnicos
  26. 26. ¿En qué consiste? • Revisión mes a mes de los visitantes del sitio. – Cantidad de visitas. – Tiempo en el sitio. – Análisis de rutas. – Dispositivos utilizados. – Versiones de navegador, de flash, etc… – Fuentes de tráfico. – Palabras clave.
  27. 27. Cuantitativo Análisis de visitas del sitio Revisión de estándares W3C y TAW Prueba heurística Revisión del código y aspectos técnicos
  28. 28. Validaciones W3C y t.a.w
  29. 29. Cuantitativo Análisis de visitas del sitio Revisión de estándares W3C y TAW Prueba heurística Revisión del código y aspectos técnicos
  30. 30. ¿Qué es? • Revisión y análisis del cumplimiento de los estándares según la heurística. • Se analizaron criterios del sitio como la navegación, la identidad, el lenguaje y la redacción, los elementos multimedia, entre otros.
  31. 31. Resultados
  32. 32. Cuantitativo Análisis de visitas del sitio Revisión de estándares W3C y TAW Prueba heurística Revisión del código y aspectos técnicos
  33. 33. Algunos aspectos técnicos ASPECTO SITUACIÓN ANTERIOR SITUACIÓN ACTUAL Cumplimiento de estándares w3c y correcta visualización desde cualquier navegador. Cientos de errores de validación en cada una de las páginas de ISAGEN. Cumple la validación de w3c en estándares HTML y CSS. Metatags: Optimización en palabras claves y descripción del sitio. No había palabras claves ni descripción. Se incluyeron palabras claves y descripción del sitio en el código. Tener etiquetas title y alt descriptivas y precisas. No existían. Existen actualmente. Migas de pan. No tenía. Ya tiene. Titulos en las páginas con temas específicos. Todas las páginas tenían el mismo título. Cada página tiene el titulo del tema.
  34. 34. WEB ISAGEN A TRAVÉS DEL TIEMPO
  35. 35. Web ISAGEN 2006
  36. 36. ISAGEN 2008
  37. 37. ISAGEN 2010
  38. 38. ISAGEN 2011 • Diseño nuevo más limpio. • Cambio en la estructura de información y navegación. • Reestructuración en contenidos. • Creación de un acceso principal para Comunidades. • Versión móvil. • Renovarse continuamente… cambios, cambios y más cambios!
  39. 39. Evitar el efecto Malkovich: creer que todos piensan como tu. Prejuicios… estar enviciados… ¡Hay que conocer a nuestros usuarios!
  40. 40. ¡Gracias! aecheverri@medeainteractiva.com

×