usabilidad en práctica caso isagen - ana maría echeverri

Implementación de metodologíasa nivel corporativo: Caso ISAGEN S.A

Ana María Echeverri Tamayoaecheverri@medeainteractiva.com

Noviembre, 2010

Web ISAGEN… Julio 2006

Web ISAGEN 2006

Equipo de trabajo

¿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

Cualitativo

Test de UsabilidadCreación de personas

Card sorting

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

Proceso

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

• 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

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

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

Cualitativo

Test de UsabilidadCreación de personas

Card sorting

¿Qué son las personas?

Son descripciones de personajes ficticios que representan un segmento de los usuarios del sitio.

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.

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.

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.

¿Y esto para qué sirve?

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.

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.

Cualitativo

Test de UsabilidadCreación de personas

Card sorting

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

¿Cómo funciona?

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

Cuantitativo

Análisis de visitas del sitioRevisión de estándares W3C y TAW

Prueba heurísticaRevisión del código y aspectos técnicos

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

Cuantitativo

Análisis de visitas del sitioRevisión de estándares W3C y TAW

Prueba heurísticaRevisión del código y aspectos técnicos

Validaciones W3C y t.a.w

Cuantitativo

Análisis de visitas del sitioRevisión de estándares W3C y TAW

Prueba heurísticaRevisión del código y aspectos técnicos

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

Resultados

Cuantitativo

Análisis de visitas del sitioRevisión de estándares W3C y TAW

Prueba heurísticaRevisión del código y aspectos técnicos

Algunos aspectos técnicosASPECTO 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.

WEB ISAGEN A TRAVÉS DEL TIEMPO

Web ISAGEN 2006

ISAGEN 2008

ISAGEN 2010

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!

Evitar el efecto Malkovich: creer que todos piensan como tu.

Prejuicios… estar enviciados…

¡Hay que conocer a nuestros usuarios!

¡Gracias!

aecheverri@medeainteractiva.com