144
Comportamiento de los usuarios ante las páginas de inicio de entidades financieras españolas Caso de estudio: Francisco García Peñalver Daniel Armengol Garreta

Eyetracking - Caso de estudio

Embed Size (px)

DESCRIPTION

Presentación realizada junto con Francisco García Peñalver en el evento organizado por Alt64 dentro del SIMO 2006 en Madrid.

Citation preview

Page 1: Eyetracking - Caso de estudio

Comportamiento de los

usuarios ante las páginas

de inicio de entidades

financieras españolas

Caso de estudio:

Francisco García Peñalver

Daniel Armengol Garreta

Page 2: Eyetracking - Caso de estudio

Consultoría de

usabilidad y diseño

centrado en el usuario

Page 3: Eyetracking - Caso de estudio

Estrategia de marketing:

Publicar contenidos

aportando valor

Page 4: Eyetracking - Caso de estudio

Artículos

Page 5: Eyetracking - Caso de estudio

Estudios

Page 6: Eyetracking - Caso de estudio

Blog

Page 8: Eyetracking - Caso de estudio

Números 11 y 12:

La página de inicio en sitios

web de entidades financieras

Page 9: Eyetracking - Caso de estudio

Número 11:

Objetivo: investigar a qué

dedican las entidades el

espacio en su página de inicio

(análisis de 86 sitios web)

Page 10: Eyetracking - Caso de estudio

Algunas conclusiones interesantes

Navegación en entidades españolas Navegación en entidades estadounidenses

Page 11: Eyetracking - Caso de estudio

Número 12:

- Análisis de 21 sitios web

- Mediante test con 17 usuarios

- Utilizando eyetracking

(es un primer paso)

Page 12: Eyetracking - Caso de estudio
Page 13: Eyetracking - Caso de estudio

“Is eyetracking a valuable usability tool?

I’m not sure.”-- Jared M. Spool

Page 14: Eyetracking - Caso de estudio

¿Para qué sirve el eyetracking?

Page 15: Eyetracking - Caso de estudio

Para obtener información

objetiva sobre atención visual

Page 16: Eyetracking - Caso de estudio
Page 17: Eyetracking - Caso de estudio

pero es necesario analizarla…

Page 18: Eyetracking - Caso de estudio
Page 19: Eyetracking - Caso de estudio
Page 20: Eyetracking - Caso de estudio

¿llama la atención?

Page 21: Eyetracking - Caso de estudio

¿o confunde?

Page 22: Eyetracking - Caso de estudio

¿Llama la atención o confunde?

Confunde

Datos del eyetracking

Entrevistas con el usuario

Conocimientos de usabilidad

Page 23: Eyetracking - Caso de estudio

1 responder a

preguntas concretas

El eyetracking sirve para

con la ayuda de otros datos

Page 24: Eyetracking - Caso de estudio

¿Entienden los usuarios la

arquitectura del sitio?

como…

Page 25: Eyetracking - Caso de estudio

¿Entienden los usuarios la

arquitectura del sitio?

organización y etiquetado de contenidos

Page 26: Eyetracking - Caso de estudio

Un ejemplo animal…

Page 27: Eyetracking - Caso de estudio

Para buscar un tigre,

¿qué arquitectura es mejor?

Page 28: Eyetracking - Caso de estudio

Para buscar un tigre,

¿qué arquitectura es mejor?

Animal

Vegetal

Gatos

Patos

Perros

Tigres

Ciruelas

Tomates

Page 29: Eyetracking - Caso de estudio

Para buscar un tigre,

¿qué arquitectura es mejor?

Animal

Vegetal

Gatos

Patos

Perros

Tigres

Ciruelas

Tomates

Gatos

Patos

Perros

Tigres

Ciruelas

Tomates

Page 30: Eyetracking - Caso de estudio

¿Y para buscar

financiación para un piso?

Page 31: Eyetracking - Caso de estudio

Caso 1

Page 32: Eyetracking - Caso de estudio
Page 33: Eyetracking - Caso de estudio
Page 34: Eyetracking - Caso de estudio
Page 35: Eyetracking - Caso de estudio
Page 36: Eyetracking - Caso de estudio
Page 37: Eyetracking - Caso de estudio
Page 38: Eyetracking - Caso de estudio
Page 39: Eyetracking - Caso de estudio
Page 40: Eyetracking - Caso de estudio
Page 41: Eyetracking - Caso de estudio
Page 42: Eyetracking - Caso de estudio
Page 43: Eyetracking - Caso de estudio
Page 44: Eyetracking - Caso de estudio
Page 45: Eyetracking - Caso de estudio

18 segundos en hacer clic

Page 46: Eyetracking - Caso de estudio

18 segundos en hacer clicdesde que ha entrado en la página

Page 47: Eyetracking - Caso de estudio

18 segundos en hacer clic

diseño

think-aloud

tipografía

cantidad de información

tiempo de carga

desde que ha entrado en la página

Page 48: Eyetracking - Caso de estudio

1 segundo en hacer clicdesde que ha visto el enlace

Page 49: Eyetracking - Caso de estudio

1 segundo en hacer clicdesde que ha visto el enlace

lo sabemos gracias al eyetracking

Page 50: Eyetracking - Caso de estudio

1 segundo en hacer clicdesde que ha visto el enlace

El rótulo se adapta a lo que

el usuario busca.

Page 51: Eyetracking - Caso de estudio

Caso 2

Page 52: Eyetracking - Caso de estudio
Page 53: Eyetracking - Caso de estudio
Page 54: Eyetracking - Caso de estudio
Page 55: Eyetracking - Caso de estudio
Page 56: Eyetracking - Caso de estudio
Page 57: Eyetracking - Caso de estudio
Page 58: Eyetracking - Caso de estudio
Page 59: Eyetracking - Caso de estudio
Page 60: Eyetracking - Caso de estudio
Page 61: Eyetracking - Caso de estudio
Page 62: Eyetracking - Caso de estudio
Page 63: Eyetracking - Caso de estudio
Page 64: Eyetracking - Caso de estudio
Page 65: Eyetracking - Caso de estudio
Page 66: Eyetracking - Caso de estudio

19 segundos en hacer clicdesde que ha entrado en la página

Page 67: Eyetracking - Caso de estudio

14 segundos en hacer clicdesde que ha visto el enlace

Page 68: Eyetracking - Caso de estudio

14 segundos en hacer clicdesde que ha visto el enlace

El usuario sabe que una hipoteca es un

préstamo, pero se asegura.

Page 69: Eyetracking - Caso de estudio

Caso 3

Page 70: Eyetracking - Caso de estudio
Page 71: Eyetracking - Caso de estudio
Page 72: Eyetracking - Caso de estudio
Page 73: Eyetracking - Caso de estudio
Page 74: Eyetracking - Caso de estudio
Page 75: Eyetracking - Caso de estudio
Page 76: Eyetracking - Caso de estudio
Page 77: Eyetracking - Caso de estudio
Page 78: Eyetracking - Caso de estudio
Page 79: Eyetracking - Caso de estudio

“Busco el catálogo de productos que ofrece la

entidad. Supongo que existirán productos como

cuenta vivienda, inversiones, hipotecas,

ahorro, pensiones, etc”-- Un usuario confundido

Page 80: Eyetracking - Caso de estudio
Page 81: Eyetracking - Caso de estudio
Page 82: Eyetracking - Caso de estudio
Page 83: Eyetracking - Caso de estudio
Page 84: Eyetracking - Caso de estudio

36 segundos en hacer clicdesde que ha visto el enlace

Page 85: Eyetracking - Caso de estudio

36 segundos en hacer clicdesde que ha visto el enlace

La arquitectura no es natural, el

usuario debe “identificarse” antes

de buscar.

Page 86: Eyetracking - Caso de estudio

en general

Page 87: Eyetracking - Caso de estudio

27

17

6,25

1,6

Particulares

Productos

Préstamos

Hipotecas

segundos en hacer clicdesde que ha visto el enlace

Page 88: Eyetracking - Caso de estudio

27

17

6,25

1,6

Particulares

Productos

Préstamos

Hipotecas

segundos en hacer clicdesde que ha visto el enlace

Page 89: Eyetracking - Caso de estudio

27

17

6,25

1,6

Particulares

Productos

Préstamos

Hipotecas

segundos en hacer clicdesde que ha visto el enlace

Page 90: Eyetracking - Caso de estudio

27

17

6,25

1,6

Particulares

Productos

Préstamos

Hipotecas

segundos en hacer clicdesde que ha visto el enlace

Page 91: Eyetracking - Caso de estudio

17x

Page 92: Eyetracking - Caso de estudio

responder a

preguntas concretas

El eyetracking sirve para

con la ayuda de otros datos

Page 93: Eyetracking - Caso de estudio

¿Entienden los usuarios la

arquitectura del sitio?

como…

Page 94: Eyetracking - Caso de estudio

o…

¿Cómo afecta la tarea realizada

al comportamiento del usuario?

¿La publicidad animada se ve

más que la estática?

Page 95: Eyetracking - Caso de estudio

o…

¿Dónde miran inicialmente?

¿Cómo leen los menús?

Page 96: Eyetracking - Caso de estudio

2 vale mas que

mil palabras

El eyetracking

Page 97: Eyetracking - Caso de estudio
Page 98: Eyetracking - Caso de estudio

mil palabras

Page 99: Eyetracking - Caso de estudio

En la página de inicio de esta entidad no existe unpunto de entrada visual que capte la atención delusuario y le oriente sobre las opciones existentes. Lajerarquía visual en general, además, no está clara,dificultando de esta forma que el usuario puedaidentificar los distintos elementos y los utilice concomodidad. Esto se agrava si tenemos en cuenta lasnumerosas opciones ofrecidas, que según la ley deHicks, crearan una carga cognitiva al usuario que ledificultará la toma de su decisión y, por lo tanto,incrementaran el tiempo necesario para encontrar loque busca.

Page 100: Eyetracking - Caso de estudio

mil palabras98

Page 101: Eyetracking - Caso de estudio

o una imagen

Page 102: Eyetracking - Caso de estudio
Page 103: Eyetracking - Caso de estudio

Veámoslo despacio

Page 104: Eyetracking - Caso de estudio
Page 105: Eyetracking - Caso de estudio
Page 106: Eyetracking - Caso de estudio
Page 107: Eyetracking - Caso de estudio
Page 108: Eyetracking - Caso de estudio
Page 109: Eyetracking - Caso de estudio
Page 110: Eyetracking - Caso de estudio
Page 111: Eyetracking - Caso de estudio
Page 112: Eyetracking - Caso de estudio
Page 113: Eyetracking - Caso de estudio
Page 114: Eyetracking - Caso de estudio

“Esto tiene aspecto de portal, da mucha

información, pero es un poco saturante.”

-- Un usuario saturado

Page 115: Eyetracking - Caso de estudio
Page 116: Eyetracking - Caso de estudio
Page 117: Eyetracking - Caso de estudio
Page 118: Eyetracking - Caso de estudio
Page 119: Eyetracking - Caso de estudio

90 segundos en hacer clicdesde que ha visto el enlace

Page 120: Eyetracking - Caso de estudio

Ha visto cada elemento 13 vecesde media

Page 121: Eyetracking - Caso de estudio

Este menú lo ha visto

83 veces

Page 122: Eyetracking - Caso de estudio

(Caja Immaculada ha renovado su web

desde que hicimos el estudio)

Page 123: Eyetracking - Caso de estudio
Page 124: Eyetracking - Caso de estudio

recapitulemos

Page 125: Eyetracking - Caso de estudio

1 responder a

preguntas concretas

El eyetracking sirve para

con la ayuda de otros datos

2 vale mas que

mil palabras

El eyetracking

Page 126: Eyetracking - Caso de estudio

1+2=?

Page 127: Eyetracking - Caso de estudio

3 responder

visualmente a

preguntas concretas

El eyetracking sirve para

Page 128: Eyetracking - Caso de estudio

¿Se ve la publicidad

en esta página?

Page 129: Eyetracking - Caso de estudio

El diseñador del sitio ve esto…

Page 130: Eyetracking - Caso de estudio
Page 131: Eyetracking - Caso de estudio
Page 132: Eyetracking - Caso de estudio

Los usuarios ven esto…

Page 133: Eyetracking - Caso de estudio
Page 134: Eyetracking - Caso de estudio
Page 135: Eyetracking - Caso de estudio
Page 136: Eyetracking - Caso de estudio
Page 137: Eyetracking - Caso de estudio

Miran lo que creen útil

Page 138: Eyetracking - Caso de estudio
Page 139: Eyetracking - Caso de estudio
Page 140: Eyetracking - Caso de estudio
Page 141: Eyetracking - Caso de estudio
Page 143: Eyetracking - Caso de estudio

Número 12:

- Análisis de 21 sitios web

- Mediante test con 17 usuarios

- Utilizando eyetracking

Page 144: Eyetracking - Caso de estudio

Francisco García Peñ[email protected]

Daniel Armengol [email protected]

www.usolab.com