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

Transcripción

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

2 Índice La banca online será móvil o no será. 75 sites móviles de bancos analizados. 30 claves en sites móviles de banca. 2

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

4 1 Los niveles de crecimiento del móvil como dispositivo para navegar online son ya indiscutibles. Desktop 69,62% A nivel mundial, el 24,35% del tráfico online a un site procede ya desde un móvil. Mobile Tablet 24,35% 5,92% 0,11% 4

5 2 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. Fuente: Encuesta de Board of Governors of the Federal Reserve System a estadounidenses en marzo del

6 3 Aunque las apps son la preferencia para el mobile banking, los sites móviles juegan un papel cada vez más importante. Indiferente 30% Aplicación nativa 44,8% 1 de cada 3 usuarios prefiere acceder a su banca desde el móvil vía web. Site móvil 22,4% Fuente: Keynote Systems, inc 6

7 4 El uso de la banca móvil vía web responde principalmente a una necesidad de consulta de saldo y movimientos. 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 60% Realizar un depósito 43% Fuente: Encuesta de Userzoom a 200 usuarios estadounidenses en febrero del

8 5 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 usuarios en marzo del

9 2 75 sites móviles de bancos analizados 9

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

11 1 Sorprende que 1/3 de los bancos no da una respuesta óptima a los usuarios que acceden a sus sites desde el móvil. No tienen 34,7% Tienen site móvil o responsive 65,3% La gran mayoría de bancos que tienen site mobile-friendly apuestan por tener un site móvil y no responsive. 11

12 2 Latam se descuelga respecto de los bancos europeos y norteamericanos en cómo empujar el mobile banking. Site móvil o responsive Login al mobile banking Descarga de app nativa 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. 12

13 3 Y se observa un uso no generalizado de los sites móviles para ofrecer información de productos o hacerse cliente. 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. 13

14 3 35 claves en sites móviles de banca 14

15 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 01 Conduciendo al usuario desde el primer momento. 15

16 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 02 Priorizando la acción y la funcionalidad antes que la navegación y el contenido. 16

17 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. Página de inicio 03 Con una buena contextualización de mensajes y la máxima customización. 17

18 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 04 Buscando integrar el login a nuestro mobile banking desde el primer instante. 18

19 Página de inicio 05 Empujando mucho más nuestras apps nativas entre nuestros clientes. 19

20 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 06 Con acceso directo en todo momento al menú de navegación y a la página de inicio. 20

21 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 07 Con una clara simplificación del menú de navegación. 21

22 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. Navegabilidad 08 Categorización adecuada al modelo mental del usuario con etiquetas inequívocas. 22

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

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

25 Presentemos nuestros productos de una manera extremadamente simple y sintética haciendo uso de bullets, frases bien cortas y negritas. Argumentación 11 Presentación de productos clara y concisa en clave de ventajas y beneficios. 25

26 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. Argumentación 12 Óptima escaneabilidad y legibilidad de los textos (párrafos cortos, listas, negritas, headlines...) 26

27 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 13 Importancia del mimo y cuidado en la redacción de textos, tamaños de letra e iconografía. 27

28 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 14 El vídeo como recurso para vender y persuadir desde el móvil. 28

29 Bank of America es uno de los pocos bancos que se preocupa por explicar las ventajas y beneficios del mobile banking. Argumentación 15 Explicando por qué usar el mobile banking y qué podremos hacer a través del móvil. 29

30 Barclays se preocupa por transmitir los niveles de seguridad y protección que tiene el banco en su servicio móvil. Argumentación 16 Y nuestra preocupación por la seguridad, creando credibilidad y confianza. 30

31 Barclays nos permite hacer un rápido upload de las fotos que tenemos en el móvil para personalizar nuestras tarjetas. Funcionalidad 17 Integrando funcionalidad donde el móvil aporte funcionalidad y valor. 31

32 Barclays da óptima respuesta para saber qué hacer cuando perdiste o te robaron la cartera con tus tarjetas de crédito. Funcionalidad 18 Con contenidos e informaciones que pueden ser vitales cuando nos conectamos desde el móvil. 32

33 Halifax integra diferentes calculadoras que le permiten a los usuarios entender opciones y tasas en créditos hipotecarios. Funcionalidad 19 Con la posibilidad de cotización y simulación desde el mismo móvil. 33

34 Bank of Montreal te permite solicitar una cita a través del móvil en tu sucursal más cercana. Funcionalidad 20 Con funcionalidades que busquen el contacto con el usuario. 34

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

36 Banc Sabadell como algunos otros bancos te preguntan tu geolocalización para acercarte información según tu ubicación. Funcionalidad 22 Geolocalizando nuestra presencia para contextualizar la información de nuestro site. 36

37 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 23 Preocupándonos por optimizar el más mínimo espacio. 37

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

39 etrade estructura el proceso de alta en 4 pasos y nos permite tener claridad en todo momento de dónde estamos en el proceso. Usabilidad 25 Secuenciando el proceso buscando la máxima linealidad y simplicidad. 39

40 Análisis de Google: Building faster mobile websites A partir del cuarto segundo se aprecia cómo la tasa de abandono se incrementa de manera significativa. Usabilidad 26 Páginas a prueba de bombas en cuanto a tiempos de descarga. 40

41 la Caixa nos invita a darnos de alta como clientes desde el móvil con las promociones y mensajes que nos puedan crear urgencia. 27 Contratación Creación de urgencia en la solicitud de productos a través del canal web. 41

42 Chase permite un proceso de contratación completo desde el móvil. 28 Contratación Con la posibilidad de contratación y cierre desde el móvil. 42

43 Dando máxima prioridad al contacto telefónico como cierre como bien nos propone TD Canada Trust. 29 Contratación Repensando la manera de contratar desde el móvil. Se nos olvida que es un teléfono 43

44 Posibilitando el cierre a través de otros canales (oficinas más cercanas, ) 30 Contratación Dejando claras las posibles vías de contratación (aunque no sean desde el móvil). 44

45 45