Jetons de conception Système de conception

Nommez et gérez les valeurs partagées.

7 points de contrôle · 3 groupes de contenu

Contenu de la checklist

Progression de la vérification

Structure et signification

Comparer les informations et la présentation dans le contexte d'utilisation.

Séparer la valeur et le butDistinguez les valeurs primitives des variables basées sur les rôles et des variables spécifiques aux composants.Changez l'interface claire en sombre, puis vérifiez les états des composants. Utilisez des noms à des fins telles que du texte secondaire ou des bordures ; Évitez de laisser chaque écran choisir une couleur similaire.Exemple Les dates de mise à jour, les suggestions de zones de saisie et les commentaires utilisent tous le jeton « texte muet » ; L'échange de jetons mettra à jour les trois selon les mêmes règles.La dénomination a des règlesUtilisez un nom qui reflète son utilisation, son statut et sa portée afin que les autres puissent deviner comment il sera utilisé.Les noms de rôle tels que la couleur d'arrière-plan d'avertissement sont plus durables que les noms de valeur tels que jaune-200 ; conserver le même ordre de noms pour l’ensemble du système.Enregistrez comment utiliser chaque variableDonnez des exemples appropriés et indiquez les cas où cette variable ne doit pas être utilisée.Chaque variable nécessite un exemple d'utilisation correcte et un avertissement en cas d'utilisation incorrecte ; indiquez clairement que les variables individuelles de l'ingrédient ne constituent pas des sélections à l'échelle du produit.

Interaction et convivialité

Essayez l'opération, modifiez le statut et continuez à travailler.

Découvrez les interfacesUtilisez un rôle cohérent lorsque vous changez de lumière ou d’obscurité et vérifiez le contraste de chaque état.Un nom de rôle doit conserver sa signification dans le clair/obscur ; ne nécessite pas que le composant sache quel code couleur appartient à chaque interface.Gardez la conception et le code synchronisésComparez les noms et les valeurs entre les documents de conception et les composants utilisés.Choisissez une source de données principale et vérifiez automatiquement les biais ; Le même nom mais une valeur différente est toujours une erreur de synchronisation.Suivi des modifications partagéEnregistrez la raison, l'étendue de l'influence et la méthode de conversion lors de la modification ou de la suppression d'une variable.Enregistrez la variable de remplacement et la plage de conversion lors de la suppression de l'ancienne variable ; Vérifiez les dépendances avant de publier de nouvelles valeurs.

Complétez l'expérience

Recherchez les détails faciles à manquer lors de la mise en œuvre de la conception.

Attribuer la propriété et un processus pour ajouter des jetonsIndiquez qui examine les nouveaux jetons, quand les jetons existants doivent être réutilisés et comment les significations qui se chevauchent sont résolues.Une demande d'ajout d'une variable doit inclure les cas d'utilisation et les raisons pour lesquelles un rôle existant n'est pas utilisé ; Évitez que chaque groupe crée sa propre palette de couleurs.

La progression est enregistrée automatiquement dans ce navigateur.

GUIDE

Comment vérifier

Vérifiez si la valeur est appelée par rôle

Changez l'interface claire en sombre, puis vérifiez les états des composants. Utilisez des noms à des fins telles que du texte secondaire ou des bordures ; Évitez de laisser chaque écran choisir une couleur similaire.

EXEMPLES

Exemples d’utilisation

Couleur de police secondaire commune

Les dates de mise à jour, les suggestions de zones de saisie et les commentaires utilisent tous le jeton « texte muet » ; L'échange de jetons mettra à jour les trois selon les mêmes règles.