SlideShare a Scribd company logo
1 of 14
Download to read offline
Usabilidad en
 Websites de
   Bancos
WEB USABILITY FOR FINANCIAL
       INSTITUTIONS

      por: Elsa Canto W.

    Universidad del Itsmo - Panamá
            Mar 29, 2008.
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
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
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
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
“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
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
“Usabilidad” en websites de Bancos
“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.
“Usabilidad” en websites de Bancos
“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.
¿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
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
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/

More Related Content

Similar to Usabilidad en Websites de Bancos

Presencia web + experiencia de usuario
Presencia web + experiencia de usuarioPresencia web + experiencia de usuario
Presencia web + experiencia de usuario
omarbeto
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión web
Brox Technology
 
Posicionamiento.cl en seminario "El mundo de los negocios 2.0"
Posicionamiento.cl en seminario "El mundo de los negocios 2.0"Posicionamiento.cl en seminario "El mundo de los negocios 2.0"
Posicionamiento.cl en seminario "El mundo de los negocios 2.0"
Posicionamiento.cl
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicos
lopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
lopzrobrt
 

Similar to Usabilidad en Websites de Bancos (20)

Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXMapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
 
05 usabilidad y gestión web
05 usabilidad y gestión web05 usabilidad y gestión web
05 usabilidad y gestión web
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
5.2 Usabilidad Web
5.2 Usabilidad Web5.2 Usabilidad Web
5.2 Usabilidad Web
 
5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)
 
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
 
Estudio UX Rank - Usabilidad Web - Top Position
Estudio UX Rank - Usabilidad Web - Top PositionEstudio UX Rank - Usabilidad Web - Top Position
Estudio UX Rank - Usabilidad Web - Top Position
 
Presencia web + experiencia de usuario
Presencia web + experiencia de usuarioPresencia web + experiencia de usuario
Presencia web + experiencia de usuario
 
Omar Quispe Presencia Web
Omar Quispe Presencia WebOmar Quispe Presencia Web
Omar Quispe Presencia Web
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión web
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión web
 
Usabilidad y Gestión Web
Usabilidad y Gestión WebUsabilidad y Gestión Web
Usabilidad y Gestión Web
 
Usabilidad y Gestión Web
Usabilidad y Gestión WebUsabilidad y Gestión Web
Usabilidad y Gestión Web
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Posicionamiento.cl en seminario "El mundo de los negocios 2.0"
Posicionamiento.cl en seminario "El mundo de los negocios 2.0"Posicionamiento.cl en seminario "El mundo de los negocios 2.0"
Posicionamiento.cl en seminario "El mundo de los negocios 2.0"
 
Seminario Posicionamiento.cl
Seminario Posicionamiento.clSeminario Posicionamiento.cl
Seminario Posicionamiento.cl
 
Buenas practicas web
Buenas practicas webBuenas practicas web
Buenas practicas web
 
Usabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioUsabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuario
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 

Recently uploaded

secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
sofiospina94
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
EdisonCondesoDelgado1
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 

Recently uploaded (20)

secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 

Usabilidad en Websites de Bancos

  • 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
  • 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.
  • 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/