Saltar al contenido principal

Cotizaciones múltiples

Descripción general​

El patrón de cotizaciones múltiples es una página web fácil de usar diseñada para proporcionar a los usuarios un acceso rápido y conveniente a varias cotizaciones de seguros. La página muestra tres cotizaciones de seguros en simultáneo, lo que permite a los usuarios comparar coberturas, primas y otros detalles relevantes. La página de cotización tiene como objetivo simplificar el proceso de obtención de un seguro mediante la presentación de información completa de una manera clara y organizada.

Cuándo se debe utilizar​

Cuando se proporciona una cotización que requiere varias ofertas en una línea de negocio en particular.

Cuándo no se debe utilizar​

  • Para una cotización o línea de negocio que no requiera varias ofertas.
  • Para cambios en la póliza. En ese caso, no se aplican varias ofertas.

Anatomía​

Anatomía del patrón de cotizaciones múltiples Ejemplo del patrón de cotizaciones múltiples que aparece en un flujo de cotización y compra para asegurados (versión para computadoras de escritorio).

La composición y disposición, el tema y los componentes pueden variar según la aplicación y el caso de uso.

En este ejemplo, el patrón de cotización múltiple consta de los siguientes elementos:

  1. Panel de precios: Muestra la oferta de seguro. Cuando se selecciona una oferta, se cambian los montos de cobertura que se indican debajo.
  2. Enlace de vista de facturación: Ofrece la posibilidad de cambiar entre un precio mensual y uno anual (o cualquier frecuencia de pago que requiera la aseguradora).
  3. Enlace Comparar coberturas: Permite al usuario comparar opciones de cobertura mediante una tabla.
  4. Coberturas editables: Permite al usuario ver y editar una cobertura en particular.
  5. Resumen de la cotización: Muestra la información ingresada en los pasos anteriores y permite al usuario volver atrás y realizar cambios.
  6. Resumen de descuentos: Muestra todos los descuentos obtenidos en los pasos anteriores.
  7. Sección de precios: Muestra la cotización seleccionada con la opción de comprar, enviar la cotización por correo electrónico o guardarla.

Pautas generales​

  • Utilice el patrón de cotizaciones múltiples en los flujos de cotización y compra que requieran varias ofertas.
  • Minimice la toma de decisiones y simplifique la interacción con mensajes claros.
  • Permita a los usuarios salir del proceso y guardar su cotización. Si bien los usuarios incurrirán en el costo cognitivo de recuperar el contexto y recordar sus objetivos, al menos no tendrán que volver a ingresar la misma información.
  • Optimice el flujo del patrón de cotizaciones múltiples para varios tamaños de pantalla y dispositivos (computadoras de escritorio, tablets, dispositivos móviles), a fin de garantizar una experiencia coherente.

Pautas de interacción​

  • Panel de precios: Al hacer clic en el panel de precios, se resalta la cotización seleccionada y se muestra un botón Comprar ahora. Esto también cambia las coberturas debajo.
  • Coberturas editables: Al hacer clic en el ícono de lápiz Editar, se activa un modal para realizar cambios en las coberturas.
  • Resumen de la cotización: Hacer clic en el ícono de lápiz Editar permite a los usuarios ir a una página anterior en el flujo y realizar cambios.

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​

El patrón de cotizaciones múltiples está diseñado de tal manera que se requieren cambios mínimos cuando se usa en una tablet o un dispositivo móvil. Algunas secciones y componentes pueden apilarse a medida que el tamaño de la pantalla se reduce.

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 el trabajo de varias aseguradoras (no clientes) en EE. UU. y Europa, así como las implementaciones de clientes de nuestro diseño existente, y revisaron las fortalezas y debilidades de cada versión. Por ejemplo, ¿qué nivel de adaptabilidad tiene la experiencia en dispositivos móviles? ¿Qué datos se recopilan? ¿Cómo se utilizan las imágenes y la IA? Los diseñadores utilizaron esa información, encontraron puntos en común y crearon un patrón basado en esas prácticas.

Componentes​

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)