estudios de usabilidad web
DESCRIPTION
Resultados de diversos estudios objetivos de usabilidad webTRANSCRIPT
Estudios de Usabilidad Webeffyciens Marketing Online
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?
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 CTRMapa de calor de eyetracking
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
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.
Mapas de calor
Primeros 10 segundos viendo el homepage corporativo de Adelphia. !Mapa de Calor basado en 60 usuarios
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
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.
Sujetos = 300
Edad 18-64 años
Tareas = 85
Tecnología eyetracking en laboratorio Websites
Eyetracking nº eye-stops = 1,5 M
!• Cabeceras • Fotos • Resumenes • Podcasts • Blogs
… hasta 300 topics !
Test de Recuerdo
Eyetracking NNGROUP: Metodología y Objetivos
• Los estudios de eyetracking muestran que habitualmente realizamos la lectura de las páginas web siguiendo un patrón en forma de F.
Eyetracking NNGROUP: F-Shaped Pattern
Mapas de calor de estudios de eyetracking sobre 3 páginas web.
• Los usuarios prestan atención a las imágenes (fotografías e infografías) con contenido relevante, pero ignoran las imágenes “ligeras”.
Eyetracking NNGROUP: Fotos como contenido web
Ignoran fotografías con “gente genérica” Prestan atención a fotografías con “gente real”
• Mostrar sumarios de varios artículos es mejor que proporcionar los artículos completos
Eyetracking NNGROUP: Estructura del Front Page
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.
• 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.
Eyetracking NNGROUP: Tiempos de Respuesta
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.
• 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.
Eyetracking NNGROUP: Atención Horizontal
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
• 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).
Eyetracking NNGROUP: Atención Vertical
Sesiones de lectura = 582
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
Tabloides
Periodicos
Websites
Eyetracking nº eye-stops = 102.000
!• Cabeceras • Fotos • Resumenes • Podcasts • Blogs
… hasta 300 topics !
Test de Recuerdo
de Julio a Noviembre de 2006
Eyetracking Poynter 2006: Metodología y Objetivos
Profundidad de lectura
Eyetracking 2006. The Poynter Institute. www.pointer.org
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
Eyetracking Poynter 2006: Resultados
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
Estudio Eyetracking Medios España
Gracias!