La experiencia del usuario en la
banca y los brokers online
Problemas de accesibilidad
Módulo Usabilidad Vs. Accesibilidad
Ponente: Miguel Arias
Emergia
Tenerife, 24 de octubre de 2002
Estudios realizados
• Informe “La experiencia del usuario en la
banca online española” (sept. 2001)
• Estudio sobre accesibilidad de la banca
online española” (enero 2002)
• Informe “La experiencia del usuario en los
brokers online españoles” (sept. 2002)
• Informe “La experiencia del usuario en el
transaccional de la banca online española”
(por publicar)
© Soluciones Interactivas, S.L.
www.emergia.net
2
¿Qué analizamos?
La experiencia del usuario todo lo que una persona siente cuando
interactúa con un sitio web
• Usabilidad
–
–
–
–
–
–
Página de inicio
Navegación y visibilidad del sistema
Presentación y edición de contenidos
Presentación de productos
Proceso de registro e introducción de datos
Accesibilidad
• Atención al cliente
– Información en el sitio web
– Atención al cliente por correo electrónico
– Atención al cliente por teléfono
• Percepción de seguridad y credibilidad
© Soluciones Interactivas, S.L.
www.emergia.net
3
¿Cómo analizamos los problemas
de accesibilidad?
• Simulación de los problemas que
ocasionaría en técnicas de navegación
asistida
–
–
–
–
–
Visualización en blanco y negro
Navegación sin imágenes
Navegadores solo texto
Otras opciones de navegación desactivas
Testeo de formularios
© Soluciones Interactivas, S.L.
www.emergia.net
4
El contenido presentado debe ser
comprensible sin visualizar colores
Usuarios con
dificultades de visión y
daltonismo
Problemas de contraste
Comprobar: visualizar
la página en blanco y
negro
45% de los bancos online incumplían este criterio
91% de los brokers online incumplían este criterio
© Soluciones Interactivas, S.L.
www.emergia.net
5
Ofrecer etiquetas “alt” para todo
elemento no textual
Usuarios invidentes
Lectores de pantalla no
encuentran contenidos
Comprobar: visualizar
la página en navegador
con imágenes
desactivadas
100 % de los bancos online incumplían este criterio
100 % de los brokers online incumplían este criterio
© Soluciones Interactivas, S.L.
www.emergia.net
6
El contenido debe ser comprensible en
un navegador solo texto o sin gráficos
Los lectores de pantalla
muestran contenidos de
un navegador solo texto
Imagen de maquetación
sin alt en blanco
Comprobar en Lynx
100 % de los bancos online incumplían este criterio
100 % de los brokers online incumplían este criterio
© Soluciones Interactivas, S.L.
www.emergia.net
7
Control del tamaño de los textos
Usuarios con visión
reducida o cansada
Problemas cuando los
textos están diseñados
como imágenes o en
valores absolutos
Comprobar
aumentando tamaño de
las fuentes en el
navegador
82 % de los bancos online incumplían este criterio
91 % de los brokers online incumplían este criterio
© Soluciones Interactivas, S.L.
www.emergia.net
8
Los textos no se desplazan ni
parpadean
Usuarios con
problemas de visión o
epilepsia fotosensitiva
Un contenido
interesante desaparece
y el usuario debe
esperar para volver a
leerlo
Mayor dificultad para
leer y entenderlo
Problemas con
reconocedores de texto
o navegadores
77 % de los brokers online incumplían este criterio
© Soluciones Interactivas, S.L.
www.emergia.net
9
Ofrecer contenido alternativo o un
título descriptivo para cada marco
Usuarios invidentes
Comprobar: visualizar en
un navegador sólo-texto
http://www.delorie.com/web/lynxview
El lector de pantalla no
reconoce los contenidos
del frame
La página que define los
marcos debe ofrecer
contenido alternativo
(noframe) o enlazar hacia
ellos
45 % de los bancos online incumplían este criterio
62 % de los brokers online incumplían este criterio (usaban
marcos)
© Soluciones Interactivas, S.L.
www.emergia.net
10
El contenido se debe visualizar
correctamente sin hoja de estilos
Usuarios con
navegadores antiguos y
con su propia hoja de
estilo
Evitar situar elementos
de la página de una
manera absoluta
Comprobar: desactivar
la opción de hojas de
estilo en el navegador
45 % de los bancos online incumplían este criterio
38 % de los brokers online incumplían este criterio
© Soluciones Interactivas, S.L.
www.emergia.net
11
Accesible sin scripts, applets y otros
objetos de programación
Usuarios con
navegadores antiguos y
sólo-texto
Con Javascript
Problemas con los
desplegables
Comprobar: visualizar
la página en un
navegador con los
scripts desactivados
Sin Javascript
64 % de los bancos online incumplían este criterio
91 % de los brokers online incumplían este criterio
© Soluciones Interactivas, S.L.
www.emergia.net
12
Formularios accesibles
Cada elemento del formulario asociado
a un texto o etiqueta (label)
Debe ser posible rellenar un formulario
empleando únicamente el teclado
Botones textuales
100 % de los brokers online incumplían este criterio
© Soluciones Interactivas, S.L.
www.emergia.net
13
Resultados del informe de brokers
Dominio
Puntuación ideal
eBankinter
Inversis
Caixa Catalunya
Uno-e
La Caixa
Activobank
Supernet
Popularbroker
Maxblue
Patagon
Renta 4
BBVA Net Plus
Banesto Broker
MEDIA
Usabilidad y accesibilidad
% de cumplimiento
54%
58%
51%
44%
44%
46%
45%
47%
43%
49%
43%
37%
41%
46%
Dominio
Accesibilidad
Puntuación ideal % de cumplimiento
La Caixa
56%
Supernet
33%
eBankinter
28%
Renta 4
22%
Uno-e
22%
Patagon
17%
Inversis
11%
Maxblue
11%
Caixa Catalunya
11%
Banesto Broker
11%
BBVA Net Plus
11%
Activobank
0%
Popularbroker
0%
MEDIA
18%
© Soluciones Interactivas, S.L.
www.emergia.net
14
Algunas recomendaciones
• Separar el contenido de la presentación visual.
• No poner texto como imágenes
• Ofrecer la posibilidad de aumentar el tamaño de las fuentes.
• Asegurarse de que los contenidos son comprensibles cuando se
ven sin color.
• No utilizar imágenes o textos que se mueven.
• Añadir etiquetas "alt" para todas las imágenes.
• Evitar las páginas con marcos
• No obligar a descargarse plug-ins, ni utilizar scripts o applets en
funciones esenciales del sitio web.
• Diseñar formularios accesibles
© Soluciones Interactivas, S.L.
www.emergia.net
15
Conclusiones
• ¿Por qué la usabilidad se ha
desarrollado? Se ve como un problema
general
• La accesibilidad se ve como un
problema particular. No se observa
mejora en las entidades.
• ¿Usabilidad Vs Accesibilidad?
© Soluciones Interactivas, S.L.
www.emergia.net
16
Usabilidad y accesibilidad
© Soluciones Interactivas, S.L.
www.emergia.net
17
Satisfacciones del diseño para todos
© Soluciones Interactivas, S.L.
www.emergia.net
18
Descargar

La importancia de la experiencia del usuario Seminario