Re-diseño

Pago TDC

Creación de un nuevo diseño para pagos con tarjeta de crédito nacionales e internacionales. Creación de flujos personalizados, según condicion de los clientes asociados o no a un pago automático de su tarjeta de crédito.

Rol
  • UX designer
Timeline
  • Dic 2021- May 2022
Etapa
  • Ingresé en etapa de mejoras al diseño, mensajería.
Equipo
  • Dupla UI
  • PO
  • IL
  • TL
  • Scrum master
  • Devs
  • QA
  • Automatizador

Antecedentes

Objetivo de negocio

El pago de tarjetas de crédito es el pago que realizan clientes del banco con cargo a su cuenta corriente o vista. Durante un tiempo este flujo ha tenido y mantenido un SNEX (unidad de medición del banco) muy negativo de un -40% en promedio de los últimos 4 meses del 2021.

La voz del cliente

Con respecto a lo que dicen los usuarios en la encuesta SNEX pasiva, detectamos los siguientes dolores.

CSS apertura reclamos

De un total de 38.178 llamados 9.332 son asociados al pago de tarjetas.

PAC asociado

De los llamados por reclamos, la mayoría se asocia a preguntas relacionadas al PAC suscrito a la tarjeta de crédito. Se analizó el porcentaje de clientes que tienen asociados un PAC automático.

Entendiendo el problema

Focos principales:

·Bajar la tasa de detractores a promotores SNEX.
·Bajar la tasa reclamos en Centro de servicios.

Situación actual

·Alta tasa de reclamos recurrentes, por una mala experiencia pagando su tarjeta.

¿Cómo se presenta este problema y que oportunidades podemos tomar para mejorar la experiencia en Web?

#01

Hipótesis

"Si mejoramos el mensaje informativo de PAC mínimo, lograremos un mejor entendimiento de las opciones de pago".

#02

Hipótesis

"Si calculamos automáticamnete el Pago mínimo de los clientes, evitaremos pagos duplicados."

Pantallas antiguas

Paso 1

Ingresar datos

Con PAC

Sin PAC

Paso 2

Confirmar

Paso 3

Comprobante

Maquetas

Primeras propuestas

Luego de entender el problema y las diferententes soluciones, llegaron a estas propuestas de diseño que luego tomamos con mi dupla UI y fuimos trabajando en ellas.

Si construimos Entonces cambiaremos Cómo lo mediremos Grupos impactados
Un nuevo flujo, donde cliente pueda pagar su tarjeta de crédito, con información de su deuda, cupo utilizado, fecha y monto del último pago, con mensajería comprensible. La experiencia de nuestros clientes al pagar su TDC, generando una experiencia omnicanal con la App. Con encuesta que dejaremos disponible en el nuevo flujo de pago TDC. Banca Privada.
Iteraciones maquetas

Desde estas maquetas entregadas, comenzamos a refinar y trabajar las diferentes casuísticas y casos borde.

*Los alcances de diseño están considerados para un espacio de 736px de ancho, ya que el sitio privado esta construido en monolito con estructura fija.

Pagar total facturado sin PAC

Pagar total facturado con PAC por el total

Pagar total facturado con PAC mínimo

Pagaste tu deuda

Pagar en cuotas internacional

Comprobante

-->
Maquetas

Propuesta de solución final

Luego de varios meses de trabajo en conjunto, se llegó a estas maquetas del primer MVP1 de pago de tarjetas de crédito nacional e internacional.

01

Con PAC

Pagar el total facturado

  • Se actualizó y cambio el look and feel al nuevo design system.
  • Se incorporó una barra de progreso la cual muestra el cupo de la tarjeta utilizado y disponible.
  • Muestra el Mes de la facturación, además de un hipervínculo para acceder al Estado de cuenta del mes.
  • Traemos el último pago realizado de su tarjeta con fecha y monto.
  • Incorporamos una alerta amarilla informativa que indica la fecha de cuando se cobrará el PAC. Además traemos el calculo de la diferencia entre el PAC mínimo y su facturado, que era algo que tenía alta tasa de reclamos.
  • También se agregó una alerta azul que explica lo que es un PAC, muchos clientes no comprendían lo que es un PAC.

Flujo total facturado y otro monto

Cliente con o sin PAC

Test de usabilidad

Objetivos del estudio

  • Validar los flujos de métodos de pago en deuda nacional y cuoteo internacional, de acuerdo a su condición de PAC (PAC total facturado, PAC mínimo y sin PAC).
  • Identificar si los participantes comprenden las nuevas casuísticas y mensajes abordados en cada flujo
  • Confirmar que los clientes entienden los títulos de secciones y rótulos durante el proceso de pago de su tarjeta de crédito de acuerdo a su condición de pago.

Brief test

Muestra usuarios

Ejercicio 1

Supongamos que tienes una tarjeta de crédito nacional, y quieres pagar el monto facturado del mes. ¿Cómo pagarías tu tarjeta?.

01

Con PAC

Total facturado

  • Clientes que pagan su total facturado escogen las 3 opciones que les indicamos, si bien el camino que fue habilitado era pagar su total facturado, los otros caminos que tomaron indirectamente no son incorrectos.
  • La zona de más calor se concentra en el CTA de "Abonar a tu próxima facturación", es un buen indicador de que está bien visible en el en el flujo

02

Con PAC

PAC mínimo

  • Clientes que pagan su total facturado escogen mayormente el total facturado o mínimo y otro monto.

03

Sin PAC

Pagar tarjeta

  • Usuarios sin PAC comprenden el selector de pagar total facturado o mínimo.
  • Se inclinan en todas las opciones de los selectores, para pagar su monto facturado. Lo que más escogen es el selector de pagar total facturado.
  • Siguen el flujo de seleccionar la opción de total facturado y el CTA de seleccionar cuenta de pago.

Ejercicio 2

Supongamos que tienes una tarjeta de crédito internacional, y deseas pagar tu deuda facturada en 6 cuotas. ¿Cómo lo harías?

02

Cuotización

Pagar deuda en cuotas

  • Los usuarios entienden los selectores de cuotas y CTA. No tuvieron problemas en seguir el flujo.

Ejercicio 3

Comprensión mensajería

Considerando que tienes un PAC por el mínimo facturado mensual.¿qué entiendes del mensaje en alerta destacado en amarillo?.

Considerando que tienes un PAC por el total mensual.¿Qué entiendes del mensaje en alerta destacado en amarillo?.

Considerando que tienes una deuda internacional en dólares. ¿qué entiendes del mensaje en alerta informativa destacada en azul?

Liberación a clientes

Impacto en SNEX

En Abril se liberó el nuevo flujo de Pago de tarjetas de crédito. Permite realizar pagos nacionales e intrenacionales. Pagar el total facturado, pago en cuotas y otro monto.

Del 1 al 6 de Abril A la izquierda flujo antiguo - A la derecha flujo nuevo

Primera semana de liberación el flujo lleva 43 respuestas de la encuesta.

Encuesta qualtrics
Literales

¿Qué dicen nuestros clientes del nuevo diseño?

Encuesta Qualtrics

  • Usuarios sin PAC comprenden el selector de pagar total facturado o mínimo.
  • Se inclinan por todas las opciones de los selectores, para pagar su monto facturado. Lo que más escogen es el selector de pagar total facturado.
  • Siguen el flujo de seleccionar la opción de total facturado y el CTA de seleccionar cuenta de pago.
Resultados y aprendizajes

¿Qué nos quedó por mejorar?

Luego de haber realizado el test y seguir monitoreando el flujo los meses siguientes hemos encontrado varias oportunidades de mejora que incluyen temas de usabilidad, mensajería, y conceptos bancarios que no comprenden aún los clientes que tiene un PAC asociado.

Se validó hipótesis de entendimiento

Pudimos bajar la incertifdumbre al entregar información clara y transparente. Logramos bajar la cantidad de respuestas negativas ante la renuncia de su PAC asociado.

Se validó hipótesis de calculo automático de PAC

Al calcular automáticamnte el PAC asociado disminuímos los pagos duplicados, y bajamos la carga cognitivade los usuarios.

Mejoras usabilidad

Quedaron varias mejoras que realizar en cuanto a la adaptación de nuevos clientes al actual diseño. Falta seguir reforzando una comprensión y educaciñon financiera antes los períodos facturados y movimientos.

Diseñado y codeado conpor Natalia Miranda