Passer au contenu principal

Iconographie

Dans toutes les applications d'entreprise et grand public de Guidewire, les icônes jouent un rôle clé en fournissant à l'utilisateur un contexte, des informations, des possibilités d'action et des commentaires.

Bien que Jutro propose une bibliothèque d'icônes complète, nous encourageons l'utilisation d'icônes uniquement lorsque cela s'avère nécessaire et améliore l'expérience globale de l'utilisateur.

Principes de conception​

Les icônes système sont conçues pour être simples, modernes, conviviales et parfois originales. Chaque icône est réduite à sa forme minimale, exprimant des caractéristiques essentielles.

Les formes des icônes sont audacieuses et géométriques. Elles ont un aspect symétrique et homogène, ce qui garantit leur lisibilité et leur clarté, même à petite échelle.

Les icônes se situent dans un cadre de 24 x 24 pixels et peuvent être redimensionnées par incréments de 4 pixels (par exemple, 16 px, 20 px, 24 px).

Mises en page denses​

Sur les ordinateurs de bureau, lorsque la souris et le clavier sont les principaux modes de saisie, les mesures peuvent être réduites à 20 dp.

Formes de bordures​

Les formes de bordures sont basées sur la grille. En utilisant ces formes de base comme référence, vous pouvez maintenir des proportions visuelles homogènes pour l'ensemble des icônes de votre produit.

Square
Height: 152dp
Width: 152dp
Circle
Diameter: 176dp
Vertical rectangle
Height: 176dp
Width: 128dp
Horizontal rectangle
Height: 128dp
Width: 176dp

Infobulles​

Lorsque les utilisateurs survolent une icône, placent le focus dessus ou appuient dessus, une infobulle apparaît et affiche un texte concernant l'icône. Certaines icônes apparaissent sans libellé. Dans ce cas, une infobulle fournit les informations et le contexte nécessaires, ce qui permet ainsi d'éviter toute approximation de la part de l'utilisateur.

Icônes du secteur de l'assurance​

Icônes IARD​

Les icônes d'assurance IARD de Guidewire sont uniques et cruciales pour fournir du contexte et des conseils à l'utilisateur lorsqu'il découvre les nuances de l'assurance IARD tout en effectuant des tâches complexes. Par ailleurs, ces icônes sont des indicateurs visuels essentiels dans les interfaces utilisateur reposant sur de gros volumes de données.

Voici quelques exemples :

Responsabilité civile générale
Blessure
Recours
Perte de jouissance