1

@multiplica

Sites móviles en banca 30 claves para diseñar un site móvil que funcione

2

La banca online será móvil o no será.

75 sites móviles de bancos analizados.

30 claves en sites móviles de banca.

Índice

3

1

La banca online será móvil o no será

4

69,62%

24,35%

5,92%

0,11%

Desktop

Mobile Tablet

Los niveles de crecimiento del móvil como dispositivo para navegar online son ya indiscutibles.

A nivel mundial, el 24,35% del tráfico online a un site procede ya desde un móvil.

1

5

Fuente: Encuesta de Board of Governors of the Federal Reserve System a 2.600 estadounidenses en marzo del 2014.

La banca móvil está recortando rápidamente terreno a la banca online.

Un 30% de los clientes ha usado el mobile banking por un 72% desktop.

2

6

Site móvil

22,4%

Indiferente 30%

Aplicación nativa 44,8%

Fuente: Keynote Systems, inc

Aunque las apps son la preferencia para el mobile banking, los sites móviles juegan un papel cada vez más importante.

1 de cada 3 usuarios prefiere acceder a su banca desde el móvil vía web.

3

7

Consultar el saldo 90%

Ver movimientos 87%

Encontrar ATM o cajero 76%

Ver o pagar recibos 74%

Ver situación de cuenta 72%

Realizar transferencia 71%

Informarse de productos

Realizar un depósito

60%

43%

Fuente: Encuesta de Userzoom a 200 usuarios estadounidenses en febrero del 2014.

El uso de la banca móvil vía web responde principalmente a una necesidad de consulta de saldo y movimientos.

4

8

Aunque hay otras operaciones como hacer transferencias o depósitos, recibir alertas o localizar cajeros o sucursales.

Fuente: Encuesta de Board of Governors of the Federal Reserve System a 2.600 usuarios en marzo del 2014.

5

9

2

75 sites móviles de bancos analizados

10

Se han analizado las presencias móvil de 75 bancos de referencia en los Estados Unidos, Europa y Latinoamérica

11

Tienen site móvil o responsive

65,3%

No tienen

34,7%

Sorprende que 1/3 de los bancos no da una respuesta óptima a los usuarios que acceden a sus sites desde el móvil.

La gran mayoría de bancos que tienen site mobile-friendly apuestan por tener un site móvil y no responsive.

1

12

Site móvil o responsive

Login al mobile banking

Descarga de app nativa

Latam se descuelga respecto de los bancos europeos y norteamericanos en cómo empujar el mobile banking.

1 de cada 3 de bancos españoles que tienen site móvil y casi la mitad de bancos latinoamericanos no tienen app nativa o no la promocionan desde sus sites móviles.

2

13

Opción de hacerse cliente

Información de producto

Buscador de oficinas

Sólo el 25% de los bancos con site móvil invita a hacerse cliente y la mitad no informa sobre ninguno de sus productos o servicios financieros.

Y se observa un uso no generalizado de los sites móviles para ofrecer información de productos o hacerse cliente.

3

14

3

35 claves en sites móviles de banca

15

Conduciendo al usuario desde el primer momento. 01

…

BB&T hace un uso inteligente de su home al plantearla como puerta de entrada a las diferentes opciones que ofrece.

Página de inicio

16

Priorizando la acción y la funcionalidad antes que la navegación y el contenido. 02

… Debemos empujar desde una página de inicio acciones bien concretas como loguearse, contactar o localizar la oficina más cercana o descargar la app como nos propone el Chase.

Página de inicio

17

Con una buena contextualización de mensajes y la máxima customización. 03

Página de inicio

Debemos buscar formatos simples que nos ayuden a comunicar sin interrumpir ni penalizar el objetivo o acción que busca hacer el usuario. Idealmente, deberíamos poder customizar mensajes si el usuario es cliente o no lo es. Ningún banco de los analizados contextualiza ni los mensajes ni la navegación en función de la naturaleza del usuario.

18

Buscando integrar el login a nuestro mobile banking desde el primer instante. 04

…

Sign-on con el protagonismo que merece el home banking en una presencia móvil para un banco como hace First National.

Página de inicio

19

Empujando mucho más nuestras apps nativas entre nuestros clientes. 05

…

Página de inicio

20

06

… Con el estándar de navegación más popular para sites móviles, accesible en todo momento a lo largo de todo el site.

Navegabilidad

Con acceso directo en todo momento al menú de navegación y a la página de inicio.

21

07

…

Con una clara simplificación del menú de navegación.

Escondamos el menú de navegación. Ya bastante espacio se nos come el navegador como para dejar visible la navegación y añadir muchas opciones de navegación.

Navegabilidad

22

08

…

HSBC en su presencia móvil en UK consigue plantear una navegación bien completa y que responde perfectamente a la lógica mental de los usuarios de buscar contenidos y servicios.

Categorización adecuada al modelo mental del usuario con etiquetas inequívocas.

Navegabilidad

23

Trabajando con páginas con mayor scroll como lógica de navegación más amable. 09

…

Navegabilidad

24

Con una experiencia que optimiza la pantalla con orientación horizontal.

10

…

Navegabilidad

25

11

Presentemos nuestros productos de una manera extremadamente simple y sintética haciendo uso de bullets, frases bien cortas y negritas.

Argumentación

Presentación de productos clara y concisa en clave de ventajas y beneficios.

26

12

…

SimpleBank es probablemente el banco a nivel mundial que mejor ha entendido la simplicidad con la que comunicar y persuadir a través del móvil.

Óptima escaneabilidad y legibilidad de los textos (párrafos cortos, listas, negritas, headlines...)

Argumentación

27

Importancia del mimo y cuidado en la redacción de textos, tamaños de letra e iconografía. 13

…

USAA es también un buen ejemplo de site móvil bien trabajado a nivel de diseño y claridad de los mensajes.

Argumentación

28

El vídeo como recurso para vender y persuadir desde el móvil. 14

…

SimpleBank hace bien al incluir algún recursos en vídeo para presentar su propuesta de valor. El vídeo nos parece un elemento ideal para argumentar servicios financieros y ofertas comerciales a través del celular.

Argumentación

29

15

Bank of America es uno de los pocos bancos que se preocupa por explicar las ventajas y beneficios del mobile banking.

Explicando por qué usar el mobile banking y qué podremos hacer a través del móvil.

Argumentación

30

16

…

Barclays se preocupa por transmitir los niveles de seguridad y protección que tiene el banco en su servicio móvil.

Y nuestra preocupación por la seguridad, creando credibilidad y confianza.

Argumentación

31

Integrando funcionalidad donde el móvil aporte funcionalidad y valor. 17

…

Barclays nos permite hacer un rápido upload de las fotos que tenemos en el móvil para personalizar nuestras tarjetas.

Funcionalidad

32

Con contenidos e informaciones que pueden ser vitales cuando nos conectamos desde el móvil. 18

…

Barclays da óptima respuesta para saber qué hacer cuando perdiste o te robaron la cartera con tus tarjetas de crédito.

Funcionalidad

33

19

…

Halifax integra diferentes calculadoras que le permiten a los usuarios entender opciones y tasas en créditos hipotecarios.

Con la posibilidad de cotización y simulación desde el mismo móvil.

Funcionalidad

34

Con funcionalidades que busquen el contacto con el usuario. 20

…

Bank of Montreal te permite solicitar una cita a través del móvil en tu sucursal más cercana.

Funcionalidad

35

21

…

Y un óptimo buscador de oficinas y ATMs, informando sobre horarios.

Funcionalidad

36

Geolocalizando nuestra presencia para contextualizar la información de nuestro site. 22

…

Banc Sabadell –como algunos otros bancos– te preguntan tu geolocalización para acercarte información según tu ubicación.

Funcionalidad

37

Preocupándonos por optimizar el más mínimo espacio. 23

…

Cuando diseñamos, diseñemos como si estuviéramos a 25 cms del celular. Eso significa tipos grandes, espacios claros, padding en los enlaces, botones de más 9 mm2…

Usabilidad

38

24

…

Formularios bien pensados con una óptima visualización y con mensajes contextuales.

Usabilidad

39

25

…

eTrade estructura el proceso de alta en 4 pasos y nos permite tener claridad en todo momento de dónde estamos en el proceso.

Secuenciando el proceso buscando la máxima linealidad y simplicidad.

Usabilidad

40

Páginas a prueba de bombas en cuanto a tiempos de descarga. 26

… A partir del cuarto segundo se aprecia cómo la tasa de abandono se incrementa de manera significativa.

Análisis de Google: ‘Building faster mobile websites’

Usabilidad

41

27

…

la Caixa nos invita a darnos de alta como clientes desde el móvil con las promociones y mensajes que nos puedan crear urgencia.

Creación de urgencia en la solicitud de productos a través del canal web.

Contratación

42

28

…

Chase permite un proceso de contratación completo desde el móvil.

Con la posibilidad de contratación y cierre desde el móvil.

Contratación

43

Repensando la manera de contratar desde el móvil. Se nos olvida que es un teléfono ☺ 29

Contratación

…

Dando máxima prioridad al contacto telefónico como cierre como bien nos propone TD Canada Trust.

44

30

…

Posibilitando el cierre a través de otros canales (oficinas más cercanas,…)

Dejando claras las posibles vías de contratación (aunque no sean desde el móvil).

Contratación

45