Arrêtez de choisir vos icônes de tableau de bord par mot-clé
La plupart des problèmes de tableau de bord ne proviennent pas de mauvaises icônes.
Ils proviennent de bonnes icônes utilisées avec une mauvaise signification.
Si vous recherchez « users » et choisissez un SVG épuré, vous pourriez rencontrer des problèmes plus tard. Vous aurez besoin d'icônes différentes pour les clients, les membres de l'équipe, les propriétaires de compte et les administrateurs. Bientôt, une seule icône « user » devra porter trop de significations. Cela rend votre tableau de bord SaaS visuellement bruyant.
Arrêtez de choisir des icônes par mot-clé. Commencez à les choisir par rôle.
Un mot-clé vous indique à quoi une icône se rapporte. Un rôle vous indique ce que fait une icône.
Classez vos icônes dans ces cinq catégories :
- Icônes de navigation : Elles représentent des destinations comme le Tableau de bord, la Facturation ou les Paramètres. Elles doivent être simples et stables.
- Icônes de statut : Elles répondent à des questions comme « Est-ce actif ? » ou « Est-ce un échec ? ». Utilisez des symboles directs comme des coches, des avertissements ou des cadenas.
- Icônes d'action : Elles représentent des opérations comme modifier, supprimer ou exporter. Évitez de les utiliser sans libellé si l'action est complexe.
- Icônes d'objet : Elles identifient des entités comme un projet, une facture ou un dossier.
- Icônes d'état vide : Elles apparaissent lorsque des données sont manquantes. Celles-ci peuvent avoir plus de personnalité.
Ne cherchez pas seulement le plus beau SVG. Cherchez un vocabulaire visuel.
Utilisez ces trois tests avant de vous décider pour une icône :
- Le test de taille : L'icône fonctionne-t-elle encore à 16px dans un tableau dense ? De nombreuses icônes sont superbes à 32px mais échouent lorsqu'elles deviennent petites.
- Le test de contexte : Placez l'icône à côté de son libellé et de ses voisines. Peut-elle être confondue avec l'icône adjacente ?
- Le test de signification : L'icône soutient-elle le libellé, ou le libellé doit-il expliquer l'icône ?
Si vous ne trouvez pas d'icône distincte pour une fonctionnalité, c'est peut-être que le nom de votre fonctionnalité est trop vague. Les icônes renforcent le sens. Elles ne corrigent pas un langage imprécis.
Au lieu de chercher « icône utilisateur », cherchez « icône de collaborateur interne » ou « icône de compte client ». La précision de votre recherche mène à la précision de votre UI.
Source : https://dev.to/svgicons/stop-picking-dashboard-icons-by-keyword-ij2