Saltar al contenido principal

Indicador de consumo de créditos

Descripción general​

Este patrón proporciona un método uniforme para notificar a los usuarios cuando una operación o característica consumirá créditos de Guidewire.

Cuándo se debe utilizar​

  • Cuando una acción, como habilitar una función, ejecutar una operación o aprovisionar una entidad, consuma créditos de Guidewire desde su primer uso.
  • Cuando una acción comience a consumir créditos de Guidewire después de que se haya alcanzado un límite de uso.

Cuándo no se debe utilizar​

  • Cuando una acción no consuma créditos de Guidewire.
  • No utilice el patrón indicador de consumo créditos de Guidewire para clientes que no formen parte del programa Platform Packaging and Pricing (PPP), ya que no tendrán créditos de Guidewire habilitados.

Formato​

Anatomía​

El indicador es una variante del ícono de descripción emergente, que utiliza el ícono de crédito de Guidewire y se coloca junto a los componentes. Cuando se utiliza en un botón o menú, el indicador es un ícono y su descripción emergente aparece al pasar el ratón por encima.

Los cuatro estados visuales del indicador de crédito de Guidewire: predeterminado, seleccionado, en foco y en foco seleccionado.

  1. Las variantes se muestran de izquierda a derecha: predeterminado, seleccionado, en foco y en foco seleccionado.
  2. Descripción emergente que se muestra al estar seleccionado.
  3. Descripción emergente que se muestra sobre el botón.
  4. Ícono de crédito de Guidewire en el botón.

Ubicación​

Para las funciones que consumen créditos de Guidewire:

  • Posición: El indicador se coloca a la derecha del rótulo.
  • Espaciado: Se mantiene un espaciado de 8 px entre el indicador y el último elemento del rótulo.

El indicador créditos de Guidewire se coloca 8 píxeles a la derecha del rótulo de una función.

Ejemplos del indicador créditos de Guidewire utilizado en un botón y dentro de un elemento de menú.

Pautas generales​

Indicador​

  • Coloque el indicador 8 px después del elemento que lo precede (por ejemplo, el texto del rótulo o un ícono de ventana emergente). El mensaje de ventana emergente correspondiente aparece al seleccionar el elemento.
  • En botones, coloque el indicador en el lado derecho. El mensaje de ventana emergente correspondiente aparece al pasar el cursor por encima.
  • Muestre siempre el indicador antes de una operación para asegurarse de que los usuarios sepan de antemano el costo de créditos.
  • Si los créditos de Guidewire se consumen solo después de que se haya alcanzado un límite de uso, indique tanto el límite total como la cantidad actual utilizada.

Mensajería​

Para consumo de crédito inmediato​

Utilice el siguiente mensaje de descripción emergente para cualquier acción que consuma créditos de Guidewire al usarla:

“Cuando se utiliza esta función, consume créditos de Guidewire de su monto asignado actual. Para obtener más información, consulte el panel de control de Uso de la plataforma”.

Para el consumo después de un límite​

Utilice el siguiente mensaje de descripción emergente cuando una acción comience a consumir créditos de Guidewire solo después de que se haya alcanzado un límite de uso:

“Cuando se alcanza el límite, el uso adicional de esta función consume créditos de Guidewire del monto asignado actual. Para obtener más información, consulte el panel de control de Uso de la plataforma”.

Terminología​

Utilice siempre el término completo “créditos de Guidewire”. No utilice abreviaturas, como “créditos de GW”.

Qué evitar​

No muestre enlaces al panel de Uso de la plataforma ni a la documentación de créditos de Guidewire. El mensaje de descripción emergente ya menciona estos recursos y los usuarios pueden anclarlos a la página de inicio de Guidewire Home si fuera necesario.

Ejemplo de uso incorrecto que muestra enlaces al panel de Uso de la plataforma y a la documentación de créditos de Guidewire.

No muestre información de consumo de créditos de Guidewire después de completar una operación. Los usuarios deben ser conscientes del costo antes de llevar a cabo la acción.

Ejemplo incorrecto en el que se muestra el aviso de consumo de crédito en un mensaje de confirmación después de completar una operación.

No muestre información de costos detallada en la descripción emergente.

Ejemplo incorrecto que muestra una descripción emergente abarrotada con un desglose detallado de los costos de créditos.

No muestre un cuadro de diálogo de consentimiento ni ninguna otra forma de advertencia disruptiva, ya que esto puede ser intimidante para los usuarios.

Un ejemplo de lo que no se debe hacer: interrumpir al usuario con un cuadro de diálogo de advertencia o consentimiento para una acción de crédito estándar.

No muestre un resumen de costos durante los flujos de creación o actualización, ya que esto puede distraer a los usuarios de la tarea en cuestión.

Ejemplo incorrecto: resumen de costos que distrae y que se muestra al usuario durante un flujo de creación o actualización.

No utilice texto secundario para indicar el consumo de crédito. Esto puede entrar en conflicto con las descripciones de funciones existentes y no es una opción disponible de forma uniforme en todos los componentes (por ejemplo, botones).

Ejemplo incorrecto del uso del campo de texto secundario de un componente para anunciar el costo del crédito.

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.

Accesibilidad​

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)