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

1. Implementación de metodologías
a nivel corporativo: Caso ISAGEN S.A
Ana María Echeverri Tamayo
aecheverri@medeainteractiva.com
Noviembre, 2010

2. Web ISAGEN… Julio 2006

3. Web ISAGEN 2006

4. Equipo de trabajo

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. Cualitativo
Test de Usabilidad
Creación de personas
Card sorting

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. Proceso

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. • 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. 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. 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. Cualitativo
Test de Usabilidad
Creación de personas
Card sorting

14. ¿Qué son las personas?
Son descripciones de personajes ficticios que
representan un segmento de los usuarios del sitio.

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. 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. 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. ¿Y esto para qué sirve?

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. 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. Cualitativo
Test de Usabilidad
Creación de personas
Card sorting

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. ¿Cómo funciona?

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. 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. ¿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. 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. Validaciones W3C y t.a.w

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. ¿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. Resultados

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. 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. WEB ISAGEN A TRAVÉS DEL TIEMPO

35. Web ISAGEN 2006

36. ISAGEN 2008

37. ISAGEN 2010

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. Evitar el efecto Malkovich: creer que todos
piensan como tu.
Prejuicios… estar enviciados…
¡Hay que conocer a nuestros usuarios!

40. ¡Gracias!
aecheverri@medeainteractiva.com