Saltar al contenido principal

Conmutador de aplicaciones

Conmutador de aplicaciones en Storybook
Note: Este componente debe utilizarse solo bajo el ámbito de los patrones de UX del encabezado y no se debe utilizar en situaciones aisladas o personalizadas.

Uso​

Descripción general​

El conmutador de aplicación permite al usuario pasar rápidamente de una aplicación a otra mientras se encuentra en Guidewire Cloud Home. El usuario puede acceder a ella desde el ícono Conmutador de aplicación, que se encuentra en el encabezado global. Todas las aplicaciones disponibles para el usuario se muestran en un menú desplegable. Cada categoría de aplicación puede expandirse o contraerse utilizando un acordeón. Los usuarios pueden localizar una aplicación específica realizando una búsqueda en el campo de búsqueda.

Anatomía​

anatomía del conmutador de aplicaciones

El componente de conmutador de aplicaciones consta de los siguientes elementos:

  1. Búsqueda del conmutador de aplicaciones: función de búsqueda con predicción de escritura que permite a los usuarios buscar cualquier aplicación dentro de Guidewire Cloud Home.
  2. Acordeón: se utiliza para expandir y contraer las categorías de aplicaciones.
  3. Pie de página del conmutador de aplicaciones: permite a los usuarios volver a Guidewire Cloud Home.

Prácticas recomendadas​

  • El conmutador de aplicaciones permite a los usuarios pasar de una aplicación a otra. Le recomendamos que advierta a los usuarios que perderán el progreso si cambian de aplicación mediante el encabezado global.
  • Utilice la función de búsqueda con predicción de escritura para ayudar a los usuarios a localizar rápidamente aplicaciones específicas. Esto es particularmente importante para aquellos usuarios que tienen acceso a la mayoría de las aplicaciones en Guidewire Cloud Home.
  • Una estructura de acordeón permite a los usuarios escanear rápidamente una lista de aplicaciones y acceder a más información cuando fuera necesario. Reducir el contenido de esta manera ayuda a evitar la sobrecarga cognitiva.
  • Incluya un enlace como parte del pie de página que dirija al usuario de regreso a la pantalla Guidewire Cloud Home.

Capacidad de ser responsive/adaptabilidad​

Los microfrontends dentro de Guidewire Cloud Home están diseñados para computadoras de escritorio y tablets.

Interacciones​

  • Al pasar el ratón por encima, el ícono del conmutador de aplicaciones aparece resaltado con un cuadrado gris claro, lo que le indica al usuario que se puede hacer clic en él.
  • Si se hace clic en el ícono del conmutador de aplicaciones, se muestra un menú desplegable con una lista de aplicaciones disponibles para el usuario.
  • Al pasar el ratón por encima, cada aplicación se resalta con un fondo azul claro, lo que comunica al usuario que se puede hacer clic en ella y ejecutarla desde allí.
  • El ícono de corchete angular indica el estado del acordeón.
    • El ícono de corchete angular apunta hacia la derecha cuando está contraído.
    • El ícono de corchete angular apunta hacia abajo cuando está expandido.

El conmutador de aplicaciones permite al usuario navegar entre aplicaciones. Esta función siempre está disponible para el usuario, independientemente de la aplicación que esté utilizando.

Aspectos que deben tenerse en cuenta sobre la redacción de UX​

Los rótulos del acordeón deben ser concisos y deben describir claramente el contenido anidado.