Saltar al contenido principal

Actualización de la cuenta

Descripción general​

Con el patrón de actualización de la cuenta, los usuarios como el asegurado y el agente pueden actualizar su información personal.

Cuándo se debe utilizar​

El usuario desea actualizar la información asociada a su cuenta de póliza.

Los usuarios pueden hacer lo siguiente:

  • Añadir sus pronombres y nombres preferidos. Esto es opcional.
  • Actualizar la información de contacto.
    • Los números de teléfono son específicos de cada país. Agregue el código del país del menú desplegable en el patrón. Por ejemplo, +44 (Reino Unido), +1 (Estados Unidos).
  • Actualizar su dirección.
    • El formato de la dirección es específico de cada país. El patrón de dirección tiene la capacidad de autocompletar las direcciones de un país o le da al usuario la opción de completar manualmente su dirección si no aparece durante la búsqueda.
  • Agregar un campo para el país si fuera necesario.

Cuándo no se debe utilizar​

  • Cuando al asegurado no se le permite actualizar cierta información debido a la forma en que podría afectar su póliza. En tales circunstancias, algunos campos podrían estar deshabilitados y la funcionalidad de actualización de la cuenta quizás no esté disponible. Cuando esto suceda, indique al usuario por qué no puede actualizar su cuenta.
  • Situaciones en las que permitir que el usuario actualice su información podría poner en peligro la integridad o la seguridad de la póliza, o en las que los requisitos legales exigen controles más estrictos.
Note: Se pueden considerar actualizaciones de cuentas para pólizas específicas y el cumplimiento de las reglas de la póliza para la versión 2 de este trabajo.

Anatomía​

El patrón de actualización de la cuenta consta de dos versiones:

  • Edición de sección
  • Edición de página completa

Edición de sección​

Con la edición de sección, el usuario selecciona Editar dentro de cada subcategoría para actualizar su información. La edición de sección es útil para formularios móviles de actualización de cuentas o páginas largas con mucha información para editar. También simplifica el resaltado de errores específicos de cada sección.

En las siguientes imágenes, se muestra la edición de secciones en computadoras de escritorio (izquierda) y dispositivos móviles (derecha):

Imagen que representa la edición de sección en el patrón de actualización de la cuenta

Edición de página completa​

Con la edición de página completa, los usuarios seleccionan Editar para que se pueda editar toda la página. La edición de página completa es útil para páginas de actualización de cuenta más cortas.

Imagen que representa la edición de página completa en el patrón de actualización de la cuenta

Pautas generales​

  • Diseño intuitivo:
    • Organice el contenido de forma lógica, agrupando la información relacionada.
    • Use el texto de ayuda para guiar a los usuarios sobre qué ingresar o seleccionar, y cómo hacerlo.
  • Seguridad y privacidad:
    • Informe con claridad a los usuarios cómo se utilizan y protegen sus datos, y proporcione acceso fácil a la configuración de privacidad.
    • Oculte la información confidencial.
  • Retroalimentación y confirmación:
    • Use notificaciones, toasts o modales para confirmar actualizaciones correctas o alertar a los usuarios sobre problemas.
    • Proporcione mensajes de error claros que expliquen cómo los usuarios pueden solucionar problemas.
    • Use el estado de alerta en los campos para mostrar problemas con los valores de entrada y guiar a los usuarios a resolverlos.
  • Accesibilidad:
    • Use áreas para hacer clic grandes para que los objetivos táctiles se adecúen a los usuarios con discapacidades motoras.
  • Eficiencia:
    • Reduzca al mínimo la cantidad de pasos necesarios para completar una actualización. Analice la posibilidad de guardar automáticamente o utilizar la edición integrada para las actualizaciones en tiempo real.
    • Agrupe la información relacionada de manera que reduzca la necesidad de navegar entre diferentes secciones.
  • Claridad visual y estética:
    • Emplee una jerarquía visual clara para llamar la atención sobre las acciones y la información principales.
    • Indique con claridad qué campos son obligatorios y cuáles no se pueden editar.
  • Orientación y educación:
    • Implemente descripciones emergentes, íconos de ayuda o modales que proporcionen información adicional cuando los usuarios pasen el cursor o hagan clic. Por ejemplo, puede usar una descripción emergente para pedir a los usuarios que seleccionen sus pronombres. Debe proporcionar una explicación clara y concisa de qué son los pronombres y por qué se solicita la información. También puede incluir ejemplos de opciones de pronombres comunes para que los usuarios comprendan mejor el concepto.
    • Analice la posibilidad de incorporar una sección de preguntas frecuentes o ayuda dentro de la configuración del perfil para obtener asistencia inmediata.

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 actualización de la cuenta se adapta a diferentes tamaños y orientaciones de pantalla, desde teléfonos inteligentes hasta computadoras de escritorio.

En las siguientes imágenes, se muestra el patrón de actualización de la cuenta en computadoras de escritorio/tablets (izquierda) y en dispositivos móviles (derecha):

Imagen en la que se muestra el patrón de actualización de la cuenta en factores de forma de computadoras de escritorio, tablets y dispositivos móviles

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​

Durante la fase de descubrimiento, los diseñadores de UX identificaron casos de uso y perfiles. También realizaron un análisis competitivo. Esto incluyó el análisis de otros patrones de cuentas de SaaS para determinar sus fortalezas y debilidades. Los diseñadores utilizaron esa información, encontraron puntos en común y crearon un patrón basado en esas prácticas.

Las características esenciales que surgieron de la investigación incluyen brindar a los usuarios la capacidad de lo siguiente:

  • Actualizar fácilmente su información.
  • Identificar cualquier error y corregirlo.
  • Comprender cómo les va a afectar el cambio.

Artículos de referencia​

Componentes​

Patrones​

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)