Nommer est difficile. Le langage que nous utilisons façonne notre façon de penser les choses, mais aussi la conversation que nous en avons. C’est pourquoi nous avons tant de confusion sur les couleurs, les icônes, les composants de l’interface utilisateur, les fonctionnalités — et c’est pourquoi nous avons du mal à nommer les jetons de conception, les classes HTML et les variables.
Parfois, les noms que nous choisissons sont trop génériqueil est donc difficile de comprendre ce que cela signifie exactement. Et parfois ils le sont trop spécifiquelaissant peu de place à la flexibilité et à la réutilisation. Comment choisir les bons noms ? Et quelles conventions de dénomination fonctionnent le mieux ? Regardons de plus près.
Comment nommer les choses
Si vous cherchez de l’inspiration pour nommer des classes HTML, des propriétés CSS ou des fonctions JavaScript, Classnames est une merveilleuse ressource regorgeant d’idées qui vous aideront à trouver des idées. sortir des sentiers battus.
Le site propose des listes de mots regroupés par thème, parfaits pour nommer. Vous trouverez des termes pour décrire différents types de comportement, la ressemblance entre les choses, l’ordre, le regroupement et l’association, mais aussi collections thématiques de mots cela ne viendrait pas instantanément à l’esprit lorsqu’il s’agissait de code, parmi lesquels des mots issus de la nature, de l’art, du théâtre, de la musique, de l’architecture, de la mode et de l’édition.
Comment nommer les couleurs
Comment choisiriez-vous le bon nom pour une couleur donnée ? Heureusement, David Aerne maintient un formidable référentiel de noms de couleurs, actuellement avec 30355 noms de couleurs uniquesprovenant de diverses références et de milliers de contributions d’utilisateurs.
Bien sûr, le référentiel est livré avec un sélecteur de couleurs et une recherche de nom, ainsi que de nombreux autres sélecteurs de couleurs. Un travail formidable, qui est aussi une référence fantastique à garder à proximité.
Comment nommer des calques et des groupes
Qu’est-ce qui fait un bon nom ? Javier Cuello a résumé un ensemble de bonnes pratiques de dénomination qui vous aident à nommer votre calques, groupes et composants de manière cohérente et évolutive.
Comme le souligne Javier, un bon nom a une structure logique, est court, significatif, connu de tous et n’a aucun rapport avec des propriétés visuelles. Il partage faire et ne pas faire pour illustrer comment y parvenir et examine également de plus près tous les petits détails que vous devez prendre en compte lors de la dénomination des tailles, des couleurs, des groupes, des calques et des composants.
Comment nommer les jetons de conception
Comment créer une taxonomie de jetons de conception flexible qui fonctionne sur différents produits ? C’était le défi auquel l’équipe d’Intuit a été confrontée. La société mère de produits tels que Mailchimp, QuickBooks, TurboTax et Mint a développé un système de jetons flexible cela va au-delà du thème de la marque pour servir de système fondamental pour une large gamme de produits.
Nate Baldwin a rédigé une étude de cas dans laquelle il partage des informations précieuses sur la réalisation de Taxonomie des jetons de conception d’Intuit. Il approfondit les problèmes de l’ancien système de taxonomie, les critères qu’ils ont définis pour le nouveau système et comment il a été créé. De nombreux points à retenir pour créer votre propre taxonomie de jetons robuste et flexible sont garantis.
Noms fréquents pour les composants de l’interface utilisateur
Regarder ce que les autres appellent des choses similaires est une excellente façon de commencer lorsque vous êtes j’ai du mal à nommer. Et quelle meilleure source que d’autres systèmes de conception ? Avant de vous retrouver dans le terrier du lapin du système de conception, Iain Bean a fait la recherche pour vous et a créé la galerie de composants.
C’est une collection qui comprend de nombreux exemples pour plus de 50 composants d’interface utilisateur – de l’accordéon à visuellement caché – et répertorie également les autres noms utilisés par les composants d’interface utilisateur. Une ressource fantastique, et pas seulement en matière de dénomination.
Bonus : nommez cette interface utilisateur, un dictionnaire visuel de composants courants de l’interface utilisateur.
Comment nommer de nouvelles fonctionnalités
Les fonctionnalités sont souvent peu adoptées en raison de mauvaise découvrabilité. L’adoption d’une fonctionnalité prend du temps : la fonctionnalité doit d’abord être découverte, puis comprise, puis essayée, apprise et finalement intégrée. flux de travail existant. Erin Gannon a rédigé un guide pratique utile sur la façon de s’assurer que tout cela se produit.
Les bons noms sont motivés par les besoins et les problèmes des utilisateurs. Ils doivent signaler la valeur ou le résultat d’une fonctionnalité (le travail à accomplir) et, plus important encore ! — puisez dans la propre langue de l’utilisateur. Demandez donc aux gens d’expliquer une fonctionnalité dans leurs propres mots, puis d’utiliser les mots qu’ils utilisent.
Comment nommer des variables (carte de taxonomie)
Un merveilleux exemple de directives de dénomination pour un système de conception complexe multimarque et multithème vient de l’équipe Vodafone UK Design System. Leur carte de taxonomie des variables décompose les anatomie et catégorisation d’un jeton de conception dans un système de collections bien orchestré.
La carte illustre quatre collections nécessaires pour prendre en charge le système et les connexions entre les jetons : de la marque et des primitives à la sémantique et aux pages. Il s’appuie sur le travail de Nathan Curtis sur la dénomination des jetons de conception et permet à chacun de mieux comprendre où un jeton est utilisé et ce qu’il représente, simplement à partir de son nom.
Si vous souhaitez explorer d’autres approches pour nommer les jetons de conception, j’ai dressé une liste de kits et de ressources Figma utiles qui valent la peine d’être consultés.
Guide de dénomination des jetons de conception + inventaire
Romina Kavcic a créé un petit outil utile pour nommer les jetons de conception – depuis l’apprentissage de leur fonctionnement et comment bien les nommer jusqu’à la configuration de votre propre structure de dénomination avec des composants, des catégories, des états et des rôles.
Bonus : la feuille de calcul d’inventaire des noms de jetons de conception, avec une structure simple à quatre niveaux pour vous donner une vue d’ensemble de tous vos jetons de conception. Vous pouvez facilement ajouter des lignes, des thèmes et des modes sans perdre le fil, et filtrez vos jetons.
Nommer des produits ou des services
Si vous recherchez le bon nom pour votre produit ou service, Onym est un fantastique référentiel open source qui organise des outils et des ressources pour trouver des noms pour le brainstorming, la vérification, les guides, les sprints, les étymologies – jusqu’aux récits édifiants et aux agences qui nomment les choses, ainsi que des livres utiles à consulter.
Signets utiles pour nommer des choses
Une liste de référence rapide d’outils et de guides pour nommer à peu près… eh bien, rienen un seul endroit :
Conclusion
Le bon nom est celui qui est bien compris et utilisé par l’équipe et les utilisateurs. On perd tellement de temps à parler exactement de la même chose, mais en différents dialectes — le dialecte du concepteur, le dialecte du développeur, le dialecte du chef de produit et le dialecte de l’utilisateur. C’est ce qui provoque souvent frustration et confusion.
Donc, si vous constatez une faible adoption, cela peut être simplement dû au nom. Et faites attention au potentiel conflits de noms et les mettre dans un arriéré de choses à traiter plus tard. C’est l’un de ces petits détails qui peuvent réduire la frustration et la confusion et aider les équipes à mieux travailler ensemble.
Note de l’éditeur
Nous espérons que ces merveilleux projets vous seront utiles, mis en place par de merveilleux créateurs. Un merci amical à tous ceux qui partagent leur travail avec des gens à utiliser et à apprendre ! C’est l’une des raisons pour lesquelles nous aimons vraiment le Web et les personnes qui le construisent et le conçoivent. 💚
Chez Smashing, nous aimons le Web. C’est pourquoi nous publions des articles et des livres, organisons des ateliers et des événements autour de tout ce qui concerne le Web. Nous aimons voir ce que nous pouvons tous faire pour rendre le Web plus accessible et plus utilisable. Nous aimons également organiser et assister à des événements en ligne – avec remises amicales pour les grands groupes (5+ participants) et les écoles et étudiants. Intéressé? Envoyez-nous simplement un e-mail et nous réglerons le problème !
(ouais, il)
