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

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

2. Consultoría de
usabilidad y diseño
centrado en el usuario

3. Estrategia de marketing:
Publicar contenidos
aportando valor

4. Artículos

5. Estudios

6. Blog

7. Buenas
prácticas
de finanzas online

8. Números 11 y 12:
La página de inicio en sitios
web de entidades financieras

9. Número 11:
Objetivo: investigar a qué
dedican las entidades el
espacio en su página de inicio
(análisis de 86 sitios web)

10. Algunas conclusiones interesantes
Navegación en entidades españolas Navegación en entidades estadounidenses

11. Número 12:
- Análisis de 21 sitios web
- Mediante test con 17 usuarios
- Utilizando eyetracking
(es un primer paso)

13. “Is eyetracking a valuable usability tool?
I’m not sure.”
-- Jared M. Spool

14. ¿Para qué sirve el eyetracking?

15. Para obtener información
objetiva sobre atención visual

17. pero es necesario analizarla…

20. ¿llama la atención?

21. ¿o confunde?

22. ¿Llama la atención o confunde?
Datos del eyetracking
Entrevistas con el usuario
Conocimientos de usabilidad
Confunde

23. 1 El eyetracking sirve para
responder a
preguntas concretas
con la ayuda de otros datos

24. como…
¿Entienden los usuarios la
arquitectura del sitio?

25. ¿Entienden los usuarios la
arquitectura del sitio?
organización y etiquetado de contenidos

26. Un ejemplo animal…

27. Para buscar un tigre,
¿qué arquitectura es mejor?

28. Para buscar un tigre,
¿qué arquitectura es mejor?
Animal Gatos
Patos
Perros
Tigres
Vegetal Ciruelas
Tomates

29. Para buscar un tigre,
¿qué arquitectura es mejor?
Animal Gatos Gatos
Patos Patos
Perros Perros
Tigres Tigres
Ciruelas
Tomates
Vegetal Ciruelas
Tomates

30. ¿Y para buscar
financiación para un piso?

31. Caso 1

45. 18 segundos en hacer clic

46. 18 segundos en hacer clic
desde que ha entrado en la página

47. cantidad de información
tiempo de carga
diseño
18 segundos en hacer clic
desde que ha entrado en la página
think-aloud
tipografía

48. 1 segundo en hacer clic
desde que ha visto el enlace

49. 1 segundo en hacer clic
desde que ha visto el enlace
lo sabemos gracias al eyetracking

50. 1 segundo en hacer clic
desde que ha visto el enlace
El rótulo se adapta a lo que
el usuario busca.

51. Caso 2

66. 19 segundos en hacer clic
desde que ha entrado en la página

67. 14 segundos en hacer clic
desde que ha visto el enlace

68. 14 segundos en hacer clic
desde que ha visto el enlace
El usuario sabe que una hipoteca es un
préstamo, pero se asegura.

69. Caso 3

79. “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

84. 36 segundos en hacer clic
desde que ha visto el enlace

85. 36 segundos en hacer clic
desde que ha visto el enlace
La arquitectura no es natural, el
usuario debe “identificarse” antes
de buscar.

86. en general

87. Hipotecas 1,6
Préstamos 6,25
Productos 17
Particulares 27
segundos en hacer clic
desde que ha visto el enlace

88. Hipotecas 1,6
Préstamos 6,25
Productos 17
Particulares 27
segundos en hacer clic
desde que ha visto el enlace

89. Hipotecas 1,6
Préstamos 6,25
Productos 17
Particulares 27
segundos en hacer clic
desde que ha visto el enlace

90. Hipotecas 1,6
Préstamos 6,25
Productos 17
Particulares 27
segundos en hacer clic
desde que ha visto el enlace

91. 17x

92. El eyetracking sirve para
responder a
preguntas concretas
con la ayuda de otros datos

93. como…
¿Entienden los usuarios la
arquitectura del sitio?

94. o…
¿Cómo afecta la tarea realizada
al comportamiento del usuario?
¿La publicidad animada se ve
más que la estática?

95. o…
¿Dónde miran inicialmente?
¿Cómo leen los menús?

96. 2 El eyetracking
vale mas que
mil palabras

98. mil palabras

99. En la página de inicio de esta entidad no existe un
punto de entrada visual que capte la atención del
usuario y le oriente sobre las opciones existentes. La
jerarquía visual en general, además, no está clara,
dificultando de esta forma que el usuario pueda
identificar los distintos elementos y los utilice con
comodidad. Esto se agrava si tenemos en cuenta las
numerosas opciones ofrecidas, que según la ley de
Hicks, crearan una carga cognitiva al usuario que le
dificultará la toma de su decisión y, por lo tanto,
incrementaran el tiempo necesario para encontrar lo
que busca.

100. mil palabras
98

101. o una imagen

103. Veámoslo despacio

114. “Esto tiene aspecto de portal, da mucha
información, pero es un poco saturante.”
-- Un usuario saturado

119. 90 segundos en hacer clic
desde que ha visto el enlace

120. Ha visto cada elemento 13 veces
de media

121. Este menú lo ha visto
83 veces

122. (Caja Immaculada ha renovado su web
desde que hicimos el estudio)

124. recapitulemos

125. 1
El eyetracking sirve para
responder a
preguntas concretas
con la ayuda de otros datos
2
El eyetracking
vale mas que
mil palabras

126. 1+2=?

127. 3 El eyetracking sirve para
responder
visualmente a
preguntas concretas

128. ¿Se ve la publicidad
en esta página?

129. El diseñador del sitio ve esto…

132. Los usuarios ven esto…

137. Miran lo que creen útil

142. Buenas
prácticas
de finanzas online

143. Número 12:
- Análisis de 21 sitios web
- Mediante test con 17 usuarios
- Utilizando eyetracking

144. www.usolab.com
Francisco García Peñalver Daniel Armengol Garreta
fgarcia@usolab.com armengol@usolab.com