1. Usabilidad en
Websites de
Bancos
WEB USABILITY FOR FINANCIAL
INSTITUTIONS
por: Elsa Canto W.
Universidad del Itsmo - Panamá
Mar 29, 2008.

2. Indice
¿Qué es la “usabilidad”? (user experience)
Factores de “usabilidad” y mejores prácticas
Convensiones de nombres, ubicación de ciertos elementos, la
publicidad, descripción de productos, herramientas financieras,
algunos estándares
“Usabilidad” en websites de Bancos
¿Cómo medir la “Usabilidad”?
web usability for financial institutions

3. Usabilidad
¿Qué es la “usabilidad”?
Un website con “usabilidad” es aquel que permite o ayuda al usuario a completar
una meta (ejm. obtener alguna información) de manera fácil, rápida y placentera.
“Capacidad de una web, o un producto cualquiera, de ser usado fácilmente"
¿Qué hace que un website sea “usable”?
Algunas estrategías incluyen: que el contenido sea claro y conciso, que las
páginas no sean pesadas, de manera que el site pueda cargarse rápidamente, que
el website tenga una buena navegación (mapa del sitio), entre otras.
¿Para qué tipo de sites (negocios) cree usted que es
más importante la usabilidad?
WEB DESIGN FOR FINANCIAL INSTITUTIONS

4. La experiencia del usuario
El término “experiencia del usuario” se refiere al que el usuario final es el
punto central de los esfuerzos del diseño y desarrollo para un sitio web.
Se diseña y se organiza el website en torno al usuario final.
La experiencia del usuario, esta basada primordialmente en estos 4
factores:
* Marca (branding)
* Usabilidad (usability)
* Funcionalidad (functionality)
* Contenido (content)
WEB DESIGN FOR FINANCIAL INSTITUTIONS

5. La experiencia del usuario
Los 4 factores o elementos de la
Experiencia del Usuario
Ninguno de estos factores por sí solos
logran una experincia positiva en el
usuario, pero cuanto los juntamos,
estos factores constituyen los
ingredientes principales del éxito de un
website.
¿Cómo medir la experiencia
del usuario?
Google Analytics (logs), Definir Metas y Objetivos
Por Retroalimentación (Focus Groups,encuestas en línea) WEB DESIGN FOR FINANCIAL INSTITUTIONS

6. “Usabilidad” en websites de Bancos
El análisis del diseño de la efectividad de un website se debe enfocar en lo
siguiente:
• Home Page o página inicial
• Formularios de solicitud para
• Navegación productos financieros
• Diseño y diagramación
• Herramientas financieras
• Contenido
• Diseño de la Banca en Línea
• Enlaces
El análisis de la funcionalidad del website, se enfoca en atributos medibles que
pueden afectar el buen funcionamiento de su website:
• Compatibilidad de los navegadores
• Carga de los elementos del website (download performance)
• Programación del mismo
WEB DESIGN FOR FINANCIAL INSTITUTIONS

7. Factores de “usabilidad” en
websites de Bancos
Diseño limpio y claro
Convensiones de nombres
Ubicación de ciertos elementos y acceso a la Banca en
Línea
La publicidad “al punto” bien enfocada
Descripción de productos de manera concisa

8. “Usabilidad” en websites de Bancos

9. “Usabilidad” en websites de Bancos
Wachovia Bank
• En cuanto a "convención de nombres" para las secciones principales NO utilizan
organigramas departamentales.
• Menú principal NO esta definido en el “home page”
• Acceso a ebanking a mano izq.
• Buscador de Sucursales
• Búsquedas, ofrecen “tips” cuando no hay resultados
• Enfocados a Bca. Personal (estrategía según el banco)
• Notas de Seguridad sobre "scam"
•Acceso a Servicio al Cliente (link superiores)
• Información Acerca del Banco (aparece abajo)
• Idiomas
• Tarifas estan presentes
• Publicidad: Banners muy limpios, formato definido, son directos e invitan al
usuario a aplicar
En cuanto a navegación podría decir que no es muy clara.

10. “Usabilidad” en websites de Bancos

11. “Usabilidad” en websites de Bancos
Wells Fargo Bank
• Menú principal bien claro, por tipo de usuario
• Lo mismo en cuanto a convención de nombres, orientado a lo que busca usuario
• Acceso a ebanking a mano izq. y tiene Demo
• Mucha orientación a ebanking
• Búsquedas, resultados estan categorizados por tipo de cliente
• Notas de Seguridad sobre "prevención de fraudes electrónicos"
• Accesos directo para Solicitar Productos o Servicios
• Tarifas presentes y ofrece alerta en cuanto a tarifas para hipotecas
• Idiomas
• Publicidad:
Banners formato definido, son directos e invitan al usuario a aplicar. Están
divididos por áreas (Personal, Small Business, Commercial)
En cuanto a diseño, el de las páginas internas podría mejorarse.

12. ¿Cómo medir la “Usabilidad”?
Paso 1 - Planear y Preparar
Metas y Objetivos, Metodología (testing procedure, equipo), Target audience,
listado de lo que se va a probar, preguntas, lista de tareas específicas, evaluación
final, los reportes y recomedaciones.
Paso 2 - Buscar participantes
Dependiendo del tipo de negocio, se pueden agrupar personas por perfiles,
tomando en cuenta su ocupación, sexo, ingresos, experiencia en internet, tiempo
que pasa en internet, las actividades que realiza en internet
Paso 3 - Dirigir la sesión de Pruebas
Paso 4 - Analizar la data y dar las Recomendaciones

13. Taller de “usabilidad”
Seleccione 3 bancos de la localidad y evalue la
usabilidad para las siguientes tareas:
1. Aperturar una Cuenta de Ahorros
2. Encontrar información sobre Tasas para Préstamos Hipotecarios
3. ¿Cómo afiliarse a la Banca en Línea?
4. Requisitos para Solicitar una Tarjeta VISA
5. Recomendaciones acerca de la Seguridad en Línea
www.towerbank.com, www.bancocuscatlan.com, www.cajadeahorros.com.pa

14. Enlaces
www.useit.com
www.adaptativepath.com
Web Redesign 2.0 (Chapter 8: Testing for Usability)
Measuring User Experience
www.webtechniques.com/archives/2001/02/ellis/