El documento proporciona información sobre estudios de usabilidad web. Explica que la usabilidad web se define por 5 componentes de calidad como aprendizaje, eficiencia, recuerdo, errores y satisfacción. Describe diferentes tipos de pruebas de usabilidad como pruebas subjetivas y objetivas como el seguimiento ocular y el rastreo de clics. Resalta que los mapas de calor son útiles para mostrar las áreas más visitadas por los usuarios.
2. Usabilidad Web
•
Definición: Atributo de calidad que valora la facilidad de
uso de un interface, en nuestro caso, una página web.
•
Se define por 5 componentes de calidad
Aprendizaje: La primera vez que te enfrentas al diseño
• ¿Es fácil cumplir las tareas básicas?
Eficiencia: Una vez aprendido el diseño.
• ¿Cuanto se tarda en realizar las tareas?
Recuerdo: Cuando los usuarios vuelven al cabo de un tiempo
• ¿Es fácil volver a tomarle el pulso?
Errores: Cuando se cometen errores …
• ¿Cuantos errores se cometen?
• ¿Son graves los errores?
• ¿Es fácil recuperarse del error?
Satisfacción:
• ¿Es una experiencia agradable el uso de ese diseño?
3. Estudios de Usabilidad Web
•
Tests de Usabilidad Subjetivos
•
•
•
No dirigidos: “amor a primera vista” visión de 5 segundos.
Dirigidos: planteamiento de tareas.
Tests de Usabilidad Objetivos
Eyetracking: movimientos de ojo y eye-stops
Clicking: estudios de rastreo de ratón y clicks. CTR (click through rate)
Mapa de calor de eyetracking
Mapa de calor de CTR
4. Mapas de calor
•
Definición: Representación gráfica donde los valores
individuales agregados se representan por colores en
función de la densidad de aparición.
•
En la Web son usados para mostrar las áreas mas
restreadas o utilizadas por los usuarios en función de
la metodología del estudio:
•
Eyetracking: estudios de movimiento ocular y eye-stops
•
Clicking: estudios de rastreo del ratón y clicks
5. Mapas de calor
Primeros 10 segundos viendo el
Google SERP (search engine
results page).
!
Mapa de Calor basado en 60
usuarios
Patrón de colores:
Rojo: muestra la mayor densidad
Amarillo: densidad intermedia
Azul: muestra la menor densidad.
6. Mapas de calor
Primeros 10 segundos viendo el
homepage corporativo de
Adelphia.
!
Mapa de Calor basado en 60
usuarios
7. Mapas de calor
Primeros 10 segundos viendo la
página de una sección del New
York magazine.
!
Mapa de Calor basado en 60
usuarios
8. Mapas de calor
•
Correlación entre el trazado de un mapa de calor de
los 10 primeros segundos con los realizados tras la
visita completa a la página web.
9. Eyetracking NNGROUP: Metodología y Objetivos
Eyetracking
Sujetos = 300
Edad
18-64 años
Tareas = 85
Tecnología
eyetracking en
laboratorio
Websites
nº eye-stops = 1,5 M
!
• Cabeceras
• Fotos
• Resumenes
• Podcasts
• Blogs
… hasta 300 topics
!
Test de Recuerdo
10. Eyetracking NNGROUP: F-Shaped Pattern
•
Los estudios de eyetracking muestran que habitualmente
realizamos la lectura de las páginas web siguiendo un
patrón en forma de F.
Mapas de calor de estudios de eyetracking sobre 3 páginas web.
11. Eyetracking NNGROUP: Fotos como contenido web
•
Los usuarios prestan atención a las imágenes (fotografías
e infografías) con contenido relevante, pero ignoran las
imágenes “ligeras”.
Prestan atención a fotografías con “gente real”
Ignoran fotografías con “gente genérica”
12. Eyetracking NNGROUP: Estructura del Front Page
•
Mostrar sumarios de varios artículos es mejor que
proporcionar los artículos completos
De Izquierda a derecha:
•
•
•
•
•
!
Seagate Digital Den
Zappos CEO and COO Blog
Capgemini CTO Blog
Rackspace Cloud Blog
Aol Autoblog
Los dos primeros ejemplos
muestran blogs con artículos
completos. Los usuarios
rastrean el primero de ellos y
ninguno mas. Si el primer
artículo no interesa, se pierde
al usuario.
El segundo bloque de dos
blogs presentan sumarios y las
páginas son mas cortas.
El último blog es un híbrido,
los Posts cortos se muestran
enteros y los largos como
resumen.
13. Eyetracking NNGROUP: Tiempos de Respuesta
•
Limites en los tiempos de
respuesta de la página web.
•
0,1 segundo: da la sensación de respuesta
instantánea
•
1 segundo: mantiene al usuario aunque
detecta un retraso. Es necesario para una
buena navegación
•
10 segundos: hace que el usuario deje la
página definitivamente.
Gaze Plots de dos momentos diferentes en la
carga de la página web. Los puntos azules
muestran la secuencias de los movimientos, así
como, el orden y la duración del eye-stop.
14. Eyetracking NNGROUP: Atención Horizontal
•
La atención horizontal se inclina hacia la izquierda. Los
usuarios utilizan un 69% del tiempo viendo la mitad
izquierda, frente a un 30% en la mitad derecha.
En esta gráfica cada barra muestra la cantidad de tiempo invertida por los usuarios de una
página web en puntos de la misma según su posición frente al margen izquierdo
15. Eyetracking NNGROUP: Atención Vertical
•
Los usuarios de una página web invierten el 80% de su tiempo viendo
información situada por encima del limite inferior. Aunque hagan scroll
(desplazamiento hacia abajo), solo empleamos un 20% del tiempo por
debajo del limite inferior de visionado (page fold= limite inferior de visión sin
ejercer ninguna acción por nuestra parte).
16. Eyetracking Poynter 2006: Metodología y Objetivos
Tabloides
Sesiones de
lectura = 582
Eyetracking
de Julio a Noviembre de 2006
Hombres = 49%
Mujeres = 51%
Edad
18-41 = 56%
42-60 = 44%
Hábitos de lectura
1-3 /week = 29%
> 4 /week = 71%
Gafas eyetracking
(movimiento de ojo)
!
15 min. lectura
Periodicos
nº eye-stops = 102.000
!
• Cabeceras
• Fotos
• Resumenes
• Podcasts
• Blogs
… hasta 300 topics
!
Test de Recuerdo
Websites
17. Eyetracking Poynter 2006: Resultados
Profundidad de lectura
Eyetracking 2006. The Poynter Institute. www.pointer.org
18. Eyetracking Poynter 2006: Resultados
Patrones de lectura
•
Lectores Metódicos:
•
•
•
Leen de arriba a abajo
Utilizan menús desplegables y barras de navegación para localizar las historias
Lectores Scanner
•
•
•
Leen titulares y otros elementos sin necesidad de leer todo el texto
Suelen utilizar listas de noticias de la página de inicio
Eventualmente hacen click en cabeceras u otros enlaces de la historia
Cantidad de texto leído
Eyetracking 2006. The Poynter Institute. www.pointer.org
19. Estudio Eyetracking Medios España
Patrones de lectura
•
Tamaño Muestral N= 17
•
•
No se especifica el porcentaje de hombres y mujeres
Edad entre 18 - 65 años
Eyetracking Medios España 2005