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

Consultoría de

usabilidad y diseño

centrado en el usuario

Estrategia de marketing:

Publicar contenidos

aportando valor

Artículos

Estudios

Blog

Buenas

prácticasde finanzas online

Números 11 y 12:

La página de inicio en sitios

web de entidades financieras

Número 11:

Objetivo: investigar a qué

dedican las entidades el

espacio en su página de inicio

(análisis de 86 sitios web)

Algunas conclusiones interesantes

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

Número 12:

- Análisis de 21 sitios web

- Mediante test con 17 usuarios

- Utilizando eyetracking

(es un primer paso)

“Is eyetracking a valuable usability tool?

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

¿Para qué sirve el eyetracking?

Para obtener información

objetiva sobre atención visual

pero es necesario analizarla…

¿llama la atención?

¿o confunde?

¿Llama la atención o confunde?

Confunde

Datos del eyetracking

Entrevistas con el usuario

Conocimientos de usabilidad

1 responder a

preguntas concretas

El eyetracking sirve para

con la ayuda de otros datos

¿Entienden los usuarios la

arquitectura del sitio?

como…

¿Entienden los usuarios la

arquitectura del sitio?

organización y etiquetado de contenidos

Un ejemplo animal…

Para buscar un tigre,

¿qué arquitectura es mejor?

Para buscar un tigre,

¿qué arquitectura es mejor?

Animal

Vegetal

Gatos

Patos

Perros

Tigres

Ciruelas

Tomates

Para buscar un tigre,

¿qué arquitectura es mejor?

Animal

Vegetal

Gatos

Patos

Perros

Tigres

Ciruelas

Tomates

Gatos

Patos

Perros

Tigres

Ciruelas

Tomates

¿Y para buscar

financiación para un piso?

Caso 1

18 segundos en hacer clic

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

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

1 segundo en hacer clicdesde que ha visto el enlace

1 segundo en hacer clicdesde que ha visto el enlace

lo sabemos gracias al eyetracking

1 segundo en hacer clicdesde que ha visto el enlace

El rótulo se adapta a lo que

el usuario busca.

Caso 2

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

14 segundos en hacer clicdesde que ha visto el enlace

14 segundos en hacer clicdesde que ha visto el enlace

El usuario sabe que una hipoteca es un

préstamo, pero se asegura.

Caso 3

“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

36 segundos en hacer clicdesde que ha visto el enlace

36 segundos en hacer clicdesde que ha visto el enlace

La arquitectura no es natural, el

usuario debe “identificarse” antes

de buscar.

en general

27

17

6,25

1,6

Particulares

Productos

Préstamos

Hipotecas

segundos en hacer clicdesde que ha visto el enlace

27

17

6,25

1,6

Particulares

Productos

Préstamos

Hipotecas

segundos en hacer clicdesde que ha visto el enlace

27

17

6,25

1,6

Particulares

Productos

Préstamos

Hipotecas

segundos en hacer clicdesde que ha visto el enlace

27

17

6,25

1,6

Particulares

Productos

Préstamos

Hipotecas

segundos en hacer clicdesde que ha visto el enlace

17x

responder a

preguntas concretas

El eyetracking sirve para

con la ayuda de otros datos

¿Entienden los usuarios la

arquitectura del sitio?

como…

o…

¿Cómo afecta la tarea realizada

al comportamiento del usuario?

¿La publicidad animada se ve

más que la estática?

o…

¿Dónde miran inicialmente?

¿Cómo leen los menús?

2 vale mas que

mil palabras

El eyetracking

mil palabras

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.

mil palabras98

o una imagen

Veámoslo despacio

“Esto tiene aspecto de portal, da mucha

información, pero es un poco saturante.”

-- Un usuario saturado

90 segundos en hacer clicdesde que ha visto el enlace

Ha visto cada elemento 13 vecesde media

Este menú lo ha visto

83 veces

(Caja Immaculada ha renovado su web

desde que hicimos el estudio)

recapitulemos

1 responder a

preguntas concretas

El eyetracking sirve para

con la ayuda de otros datos

2 vale mas que

mil palabras

El eyetracking

1+2=?

3 responder

visualmente a

preguntas concretas

El eyetracking sirve para

¿Se ve la publicidad

en esta página?

El diseñador del sitio ve esto…

Los usuarios ven esto…

Miran lo que creen útil

Buenas

prácticasde finanzas online

Número 12:

- Análisis de 21 sitios web

- Mediante test con 17 usuarios

- Utilizando eyetracking

Francisco García Peñalverfgarcia@usolab.com

Daniel Armengol Garretaarmengol@usolab.com

www.usolab.com