Pour choisir entre plusieurs propositions, placez-les côte à côte, utilisez le même fond et observez-les à 64, 32 puis 16 pixels. Évaluez la silhouette, la lisibilité, le contraste, la différenciation et le lien avec le produit ; gardez des notes qualitatives plutôt qu’une note qui prétend mesurer un résultat utilisateur.
Préparer une comparaison équitable
- Réunissez les propositions dans une grille et donnez-leur des noms neutres, comme A, B et C.
- Affichez-les à la même dimension et sur le même fond. Répétez la vérification sur un fond clair et un fond sombre.
- Réduisez chaque visuel à 64, 32 et 16 pixels. Ce sont des tailles de contrôle choisies pour l’exercice, pas des seuils de conformité de store.
- Cachez les noms de fichiers pendant la première lecture pour vous concentrer sur les formes.
Une grille de questions, sans score artificiel
| Critère | Question à poser | Observation à garder |
|---|---|---|
| Lisibilité | La forme principale reste-t-elle visible à 16 px ? | Détail conservé, fusionné ou disparu. |
| Silhouette | Peut-on distinguer les options quand on plisse les yeux ou masque les détails ? | Contour distinctif ou forme trop commune. |
| Contraste | Le symbole se sépare-t-il du fond clair et du fond sombre ? | Zone lisible ou zone qui se confond. |
| Différenciation | Les options semblent-elles être de vraies directions différentes ? | Différence de métaphore, de forme ou seulement de finition. |
| Cohérence produit | L’idée évoquée rejoint-elle la fonction et le public décrits dans le brief ? | Lien explicite, incertain ou absent. |
Les visuels A à C sont des illustrations tirées de la galerie publique d’Iconise. Ils servent à l’exercice de lecture ; aucun prompt, classement ni résultat de test ne leur est attribué.
Exemple de décision illustrative
Supposons que, dans votre propre réduction des trois illustrations, A conserve un contour plus facile à reconnaître que B. Notez cette observation, puis vérifiez si A évoque aussi mieux la fonction de votre application. Si B explique mieux le produit, la silhouette seule ne tranche pas. Cet exemple décrit une méthode de raisonnement ; il ne rapporte pas un test effectué sur ces SVG ni une préférence mesurée.
Confirmer le choix dans son contexte
L’aperçu réduit ne remplace pas la vérification dans l’interface et sur les fonds où l’icône sera réellement affichée. Les masques et règles diffèrent entre système, page de store et navigateur. Gardez deux pistes si les critères restent partagés, puis demandez un avis en montrant le même contexte à chaque personne ; ne présentez pas ce petit exercice comme un test utilisateur représentatif.
- Retenez une piste principale et expliquez pourquoi elle répond au brief.
- Gardez une alternative seulement si elle apporte une qualité distincte.
- Vérifiez ensuite les sorties requises pour iOS, Android ou le web avant de préparer les fichiers.
Le guide des tailles et formats détaille ensuite ces usages et leurs sources officielles.