Passer au contenu principal

Sélecteur d'applications

Sélecteur d'applications dans Storybook
Note: Ce composant doit être utilisé uniquement dans le cadre des modèles UX d'en-tête et non dans des scénarios isolés ou personnalisés.

Utilisation​

Présentation​

Grâce au sélecteur d'applications, l'utilisateur peut rapidement passer d'une application à une autre dans Guidewire Cloud Home. Il peut y accéder à partir de l'icône du sélecteur d'applications qui se trouve sur l'en-tête global. Toutes les applications mises à la disposition de l'utilisateur figurent dans une liste déroulante. Chaque catégorie d'applications peut se développer ou se réduire au moyen d'un accordéon. Les utilisateurs peuvent trouver une application spécifique en effectuant une recherche dans le champ de recherche.

Structure​

structure du sélecteur d'application

Le composant Sélecteur d'applications comprend les éléments suivants :

  1. Recherche du sélecteur d'applications : fonctionnalité de recherche à saisie semi-automatique qui permet aux utilisateurs de rechercher une application dans Guidewire Cloud Home.
  2. Accordéon : utilisé pour développer et réduire les catégories d'applications.
  3. Pied de page du sélecteur d'applications : permet aux utilisateurs de revenir à Guidewire Cloud Home.

Meilleures pratiques​

  • Les utilisateurs peuvent passer d'une application à une autre à l'aide du sélecteur d'applications. Nous vous recommandons de prévenir les utilisateurs qu'ils risquent de perdre leur progression en changeant d'application depuis l'en-tête global.
  • Utilisez la fonctionnalité de recherche à saisie semi-automatique pour aider les utilisateurs à trouver rapidement des applications spécifiques. Ceci est particulièrement important pour les utilisateurs qui ont accès à la plupart des applications sur Guidewire Cloud Home.
  • Une structure en accordéon aide les utilisateurs à passer rapidement en revue une liste d'applications et à accéder, au besoin, à davantage d'informations. Réduire le contenu de cette manière permet d'éviter le risque de surcharge mentale.
  • Dans le pied de page, intégrez un lien renvoyant l'utilisateur vers l'écran Guidewire Cloud Home.

Réactivité/Adaptabilité​

Les micro front-ends de Guidewire Cloud Home sont conçus pour une utilisation sur ordinateur de bureau et tablette.

Interactions​

  • Lorsque l'utilisateur survole l'icône du sélecteur d'application avec la souris, l'icône est encadrée de gris clair pour lui indiquer qu'il peut cliquer dessus.
  • Lorsque l'utilisateur clique sur l'icône du sélecteur d'applications, une liste déroulante des applications mises à la disposition de l'utilisateur apparaît.
  • Lorsque l'utilisateur survole une application avec la souris, elle est mise en surbrillance avec un arrière-plan bleu clair, indiquant ainsi à l'utilisateur qu'il peut cliquer dessus et la lancer.
  • L'icône représentant un chevron indique le statut de l'accordéon.
    • L'icône représentant un chevron est dirigée vers la droite lorsque l'accordéon est réduit.
    • L'icône représentant un chevron est dirigée vers le bas lorsque l'accordéon est développé.

Le sélecteur d'applications permet à l'utilisateur de passer d'une application à une autre. Cette fonctionnalité est toujours à la disposition de l'utilisateur, quelle que soit l'application qu'il utilise.

Considérations sur la conception de l'expérience utilisateur​

Les étiquettes d'un accordéon doivent être concises et doivent clairement décrire le contenu imbriqué.