Saltar al contenido principal

Pago

Descripción general​

El patrón de pago se utiliza en muchas áreas diferentes en los productos de Guidewire y en el mundo del comercio electrónico. Un patrón de pago incluye 3 secciones: plan de pago (período), método de pago y dirección de facturación o código postal. Cada sección tiene muchas variantes que responden a diferentes casos de uso.

El flujo de pagos varía según el perfil y la línea de negocio. El proceso normalmente consiste en los siguientes pasos:

  • Seleccionar un cronograma de pagos. Por ejemplo, mensual y anual.
  • Ingresar los detalles de pago mediante tarjeta de crédito, transferencia bancaria o algún otro método.
  • Comprobar la dirección de facturación.

Cuándo se debe utilizar​

Utilice este patrón en cualquier flujo en el que el usuario final necesite completar una transacción de pago.

Cuándo no se debe utilizar​

No use este patrón al agregar un conductor en cambios de póliza a medio plazo. En la mayoría de los casos, esos cambios requieren una función de cotización y de pago.

Anatomía​

Anatomía del patrón de pago

El patrón de pago consta de las siguientes secciones:

  1. Plan de pagos, para seleccionar el plan de pagos y la frecuencia de los pagos.
  2. Forma de pago, para seleccionar la forma de pago.
  3. Dirección de facturación, para editar y revisar la dirección de facturación antes de completar el pago.

Pautas generales​

  • Permita a los usuarios agregar y eliminar campos según sus necesidades.
  • Utilice un asistente para el proceso de pago, no un modal que saque al usuario de contexto.
  • Permita múltiples planes de pago. Es una práctica común ofrecer a un usuario la posibilidad de pagar mensualmente, pagar todo de una vez y, a veces, pagar un monto personalizado (en caso de que el usuario quiera reducir el pago de la prima, el monto mínimo adeudado es siempre el pago actual).
  • Permita diferentes opciones de pago. Tarjeta de crédito y ACH son las opciones estándares. El usuario debería tener la opción de agregar varios tipos de pago y mantener ciertos tipos registrados.

Contenido​

Pautas generales de redacción​

  • En todos los aspectos del diseño de las interfaces de productos de Guidewire, utilice mayúsculas como se usan en las oraciones. No use mayúsculas en todas las palabras.
  • Use verbos en tiempo presente y voz activa en la mayoría de las situaciones.
  • Use contracciones comunes para darle al texto un tono más natural e informal (pauta correspondiente al inglés).
  • Use un lenguaje sencillo. Evite la jerga innecesaria y el lenguaje complejo.
  • Las palabras y las oraciones deben ser breves.

Capacidad de ser responsive​

Imagen que ilustra los cambios en el patrón de pago en dispositivo móvil

El patrón de pago está diseñado de tal manera que se requieren cambios mínimos cuando se usa en un dispositivo móvil. En este caso, los cambios en el diseño se limitan a lo siguiente:

  • Según las opciones elegidas, las tarjetas dentro de la sección del plan de pago se contraen una debajo de la otra para caber en la pantalla.

Tematización​

De forma predeterminada, los temas y la marca coinciden con los de la aplicación, a menos que se invaliden.

Los patrones pueden adoptar ciertos temas para cumplir con los requisitos específicos de la marca y las necesidades del cliente. Esto incluye elementos visuales como colores, tipografía, íconos, botones y otros componentes o elementos gráficos.

Más información sobre la tematización con tokens de diseño

Investigación que lo avala​

La investigación para este patrón consistió en un análisis competitivo. El análisis competitivo es una técnica de investigación que se utiliza para comparar y entender en qué están trabajando otros en el mismo campo. Los diseñadores de UX analizaron algunas de las aseguradoras más grandes con sede en EE. UU. y revisaron los patrones que utilizan en su flujo. Buscaron fortalezas y debilidades relativas, tendencias y diferencias. Por ejemplo, ¿qué preguntas hacen las aseguradoras y cómo las hacen? Los diseñadores utilizaron esa información, encontraron puntos en común y crearon un patrón basado en esas prácticas frecuentes.

Recursos​

Descargue un archivo ZIP con los patrones más recientes de Jutro y comience a diseñar experiencias.

Biblioteca de patrones de Jutro (19.6 MB)