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!