Que sont les jetons de conception? éclatant

Dans cet épisode du podcast Smashing, nous parlons de jetons de conception. Que sont-ils, quel problème résolvent-ils et comment peuvent-ils être utilisés dans un système de conception existant? Drew McLellan s’adresse à quelqu'un qui est bien plus qu’un expert en matière de jetons: Jina Anne. À Amazon, elle a été responsable principale des systèmes de conception et concepteur principal du système de conception Lightning de Salesforce, tandis qu’elle a dirigé l’architecture CSS et le guide de style de la boutique en ligne Apple Store. Elle a travaillé avec GitHub, Engine Yard et le Museum of Art de Memphis Brooks, entre autres. Elle a fondé et organisé Clarity, la première conférence sur les systèmes de conception, et fait partie de l'équipe principale de Sass, où elle dirige la conception de la marque et le site Web de Sass. Quand il s’agit de concevoir des systèmes, vous aurez du mal à trouver quelqu'un de plus qualifié, mais saviez-vous qu’elle n’a jamais vu un trottoir? Mes amis fracassants, s'il vous plaît accueillir Jina Anne. Bonjour Jina.

Jina Anne: Bonjour.

Drew: Comment allez-vous?

Jina Anne: Je suis en train de casser.

Drew: I Je voulais vous parler aujourd’hui de jetons de design, expression que beaucoup d’entre nous ont probablement déjà entendue, mais nous ne sommes peut-être pas sûr de ce que cela signifie. Mais avant d’y arriver, je suppose que nous devrions parler un peu des systèmes de conception. Je veux dire, les systèmes de conception sont ton truc, non?

Jina Anne: Ouais. Cela règle tout autour de moi. Oui.

Drew: Je pense que quelque chose que nous constatons est de plus en plus courant dans les projets et que les gens le rendent public et qui semble être un véritable mouvement autour des systèmes de conception. Mais je pense que beaucoup d’organisations ne les ont pas encore en place. Quel problème un système de conception formalisé résout-il de votre point de vue?

Jina Anne: Il peut résoudre de nombreux problèmes. Je pense que certains des problèmes les plus courants que les gens cherchent à résoudre concernent la maintenabilité et la cohérence. Cela concerne généralement la dette de conception ou, dans certains cas, la dette de code, dans certains cas les deux. J’envisage également cela comme un… Par exemple, il n’ya pas que le code ou la conception, mais aussi les problèmes liés à la manière dont les gens travaillent ensemble. Je le considère donc comme un moyen de résoudre également certains problèmes liés à la communication et au processus de flux de travail, etc.

Drew: Les systèmes de conception sont-ils alors exclusivement des outils utiles pour les très grandes équipes et les grandes organisations?

Jina Anne: Je ne le pense pas. Je les ai vus travailler très bien avec des équipes plus petites ou parfois même avec un seul concepteur. Ils aident certainement avec les grandes équipes, mais ils ne sont certainement pas exclusifs aux grandes équipes. En fait, je pense que si vous vous voyez peut-être devenir une grande équipe à un moment donné, le système déjà en place vous aidera à le faire plus efficacement.

Drew: Selon vous, de quoi s'agit-il? des symptômes que quelqu'un pourrait rechercher s'ils travaillent et qu'ils ont toujours des problèmes? À quoi ressemblent ces problèmes qui pourraient être résolus en mettant en place un système de conception?

Jina Anne: Il existe quelques exemples de duplication d’efforts, de duplication de code. Vous pouvez avoir une panne de communication où les choses ne sont tout simplement pas construites de la manière dont elles sont censées être construites. Cela pourrait résulter de choses qui ne sont pas bien documentées, de sorte que les gens ne sachent pas vraiment quelle est la meilleure chose à utiliser ou où chercher. Oui, il y a toutes sortes de signes.

Drew: Je suppose que les systèmes de design sont généralement un concept plutôt qu'une solution technique spécifique. Dans votre travail, vous devez voir des personnes utiliser toutes sortes d’outils différents pour réaliser des systèmes de conception.

Jina Anne: Ouais.

Drew: Quelles sont certaines des façons les plus courantes de se laisser aller?

Jina Anne: Je pense que les méthodes les plus courantes consistent à créer une bibliothèque de composants sous forme de code et que vous la verrez souvent comme une bibliothèque React ou une bibliothèque Angular, quelle que soit la plate-forme que vous utilisiez. re utiliser. Il existe généralement un site Web associé qui affiche ces composants. Ensuite, vous verrez peut-être aussi une bibliothèque Sketch ou Figma.

Jina Anne: Mais l’un des aspects sur lesquels j’aimerais insister, c’est que si vous regardez ce site Web qui affiche votre documentation et vos composants, ce site Web n'est pas réellement votre système de conception. C’est une représentation de votre système de conception. Donc, je pense que beaucoup de gens consacrent beaucoup de temps à la création de ce site magnifique et magnifique, et c’est bien. Ils sont agréables à regarder et agréables à partager et ils aident beaucoup à communiquer ce que vous faites et même à recruter.

Jina Anne: Mais c'est le système lui-même qui représente veux que les gens dépensent leur amour et leurs soins dans, alors réfléchissez à ce qui va dans ce site web, comme le contenu et comment vous avez organisé les choses, comment vous avez nommé les choses, les choses que vous systématisez, alors, oui. Je pense que beaucoup de gens pensent aux artefacts, comme les produits livrables, mais c’est vraiment beaucoup plus que cela. C’est aussi beaucoup de processus et de flux de travail.

Drew: Le système de conception aide-t-il exclusivement aux projets Web?

Jina Anne: Pas du tout. Je pense que c’est le plus courant, du moins, à ce que j’ai vu, mais les systèmes de conception peuvent certainement couvrir beaucoup de choses. Dans l'espace numérique, vous avez des plateformes natives, mais même en dehors de l'espace numérique, je pense que beaucoup de gens parlent de systèmes de conception dans un espace de produit numérique. Mais ils ont été autour depuis des siècles pour les médias traditionnels et des scénarios du monde réel. Si vous avez vu le manuel des normes graphiques de la NASA des années 70, il s’agissait d’un système de conception.

Drew: Donc, je suppose, il doit y avoir un certain chevauchement entre des choses, des choses traditionnelles comme les directives de marque et ce genre de choses. documentation que je pense probablement que les gens connaissent dans toutes sortes de domaines. Il doit y avoir un croisement entre ce type de documentation d'un système et un concept plus moderne de système de conception.

Jina Anne: Oui, je crois bien. Je pense que beaucoup de gens oublient que tout est une question de marque. La raison principale pour laquelle tout ceci a même commencé et la raison pour laquelle nous souhaitons afficher ces éléments de manière uniforme ou unifiée concerne la marque, car la marque ne se limite pas à des logos. C’est ainsi que les gens utilisent et expérimentent le service ou le produit de votre entreprise ou ce que vous proposez. Donc, oui, absolument.

Drew: J'ai donc un système de conception en place, je veux dire une organisation. Nous avons fait beaucoup de travail. Nous avons un système de conception. Il y a des créatifs au sein de l'organisation qui travaillent peut-être, comme vous l'avez mentionné, Figma ou Sketch. Nous avons des concepteurs Web qui utilisent cela dans un CSS. Nous avons peut-être une équipe mobile qui développe des applications comme Android et iOS. Des tas de personnes travaillant avec un système de conception y contribuant et en consommant des choses. Où les jetons de conception entrent-ils? Quel problème résolvent-ils?

Jina Anne: Ooh, oui. Permettez-moi d'abord de revenir à une histoire. Lorsque j'ai rejoint Salesforce pour la première fois, je faisais partie d'une petite équipe de projet. C’était un produit différent, c’est comme un outil de productivité comme des tâches, des notes, etc. Nous n'étions que trois designers et j'étais le seul qui, je suppose, ne dirait pas assez de courage, mais peut-être assez intéressé pour travailler avec les designs Android. Je pense que les deux autres designers n’étaient tout simplement pas aussi intéressés. Donc, j'étais essentiellement le concepteur principal de notre application Android. Ensuite, j'ai aussi beaucoup travaillé sur le design d'applications iOS et, bien sûr, sur l'application Web et le site Web marketing, et donc de nombreux projets en jeu.

Jina Anne: Avec le site Web, j'aime bien pour concevoir et coder, c'était assez simple. Je pouvais aller de l'avant et créer les boutons, la typographie et tout ce dont nous avions besoin pour l'application Web ou le site Web marketing, le documenter en code et le fournir.

Jina Anne: Cependant, avec les applications Android et iOS. , Je ne sais pas vraiment comment coder pour cela et je n’étais donc pas en mesure de livrer la même chose. Donc, je devais faire une tonne de spécifications Redlines, qui, si vous n'êtes pas familier avec les Redlines, c’est essentiellement là où vous spécifiez chaque espacement, taille de police, couleur, tout ce qui indique comment le construire pour l’ingénieur. . Je les ferais pour beaucoup, beaucoup, beaucoup d’écrans et, bien sûr, beaucoup d’écrans comportaient des variations, car vous montrez peut-être ce qui se passe lorsque vous cliquez sur ce bouton ou que survient un certain état. Donc, faites cela sur de nombreux écrans, puis enregistrez-les dans Dropbox, puis documentez-les dans un wiki. C’était le processus que j’avais à faire à l’époque.

Jina Anne: Habituellement, je pense aux choses de la même manière que CSS, notamment le C dans CSS, alors je me dis: «Oh, eh bien, Les tailles de police ne doivent être déclarées qu'une seule fois, car elles vont se répercuter partout. »Mais j'ai constaté qu'avec certains ingénieurs, j'avais déjà travaillé par le passé. Si vous ne le spécifiez pas, je suppose qu'avec un natif, cela fonctionne bien. Un peu différemment, ils ne vont pas le construire et je devrais donc être très explicite et nommer à peu près tout par écran. J'étais juste comme: «Oh, pourquoi c'est comme ça?» Ensuite, chaque fois que nous apportions des changements, je devais revenir en arrière et changer à nouveau tous ces écrans. Ce n'était pas amusant du tout.

Jina Anne: Lorsque j'ai rejoint l'équipe principale de Salesforce, je travaillais sur le site Web de Sass et je m'amusais à utiliser un fichier YAML. pour stocker les données pour les couleurs, la typographie, l’espacement, etc., et parcourait ces données pour créer le guide de style, ainsi que les variables Sass dans les classes. La raison pour laquelle j’ai fait cela, c’est que nous avons ouvert le site Web de Sass et que je souhaitais que les gens puissent également contribuer à la conception. Mais je ne voulais pas en faire un processus fastidieux où vous deviez mettre à jour le guide de style avec toutes les couleurs que vous ajoutez et donc le faire de cette façon, tout simplement en automatisant ce processus.

Jina Anne: J'ai montré cela à l'équipe de Salesforce et c'est à partir de là que le concept de jetons de conception est né. Donc, ils ont construit un outil appelé Theo et il existe maintenant d’autres outils qui font la même chose que Style Dictionary. Mais l'idée en est que vous avez cet outil automatisé qui prend les données que vous lui donnez et génère le code. Vous pourriez penser: «Cela pourrait être des variables d'ingénierie excessive. Pourquoi ne pas simplement utiliser des variables? ”

Jina Anne: Eh bien, comme vous l'avez dit plus tôt, l'idée est que les plates-formes natives prennent ces attributs d'une manière totalement différente et tentent ainsi d'adapter la conception à Android et iOS. , quelles que soient les autres plates-formes utilisant Salesforce. Nous avions des utilisateurs sous Java, d'autres encore sous React, d'autres sous Angular, PHP, non seulement en interne chez Salesforce, mais également en externe avec tous nos partenaires et clients qui construisaient leurs propres applications. C'était donc une façon de stocker nos informations visuelles sous forme de données, puis de manière automatisée, de générer les variables ou les données XML dont vous aviez besoin ou les données JSON, quel que soit le format recherché par la plate-forme en question.

Jina Anne: Ensuite, ce qui était génial à propos de ce que nous avons trouvé, disons qu'une couleur ne dépasse pas les taux de contraste. Je n’ai pas eu à informer ensuite l’équipe Android, l’équipe iOS et l’équipe Web. Je viens de faire ce changement et ensuite, ils le recevraient automatiquement la prochaine fois qu'ils recevraient le dernier numéro. Donc, cela nous a vraiment permis de rationaliser beaucoup de choses et de nous aider à alléger le fardeau de la mise à jour des conceptions visuelles des ingénieurs, ce qui nous a permis de le faire.

Drew: Ainsi, au lieu d'être sorte de variables dans une base de code particulière, dans votre propre base de code React ou dans votre PHP ou dans votre Java ou ailleurs, sont-elles comme des variables dans l'ensemble d'une organisation? Est-ce juste de dire?

Jina Anne: Correct. Correct. Ensuite, ce qui est cool, ce sont les couleurs, par exemple les couleurs transparentes, que vous faites différemment dans Android, comme les hexagones à huit chiffres, au lieu de RGBA comme avec le Web. Ainsi, cet outil que vous utilisez, si vous en utilisez un qui est conçu pour réfléchir à tout cela, effectue cette transformation pour vous. Donc, plutôt que de dire virgule RGBA 50, virgule 40, quelle que soit la couleur, vous pouvez simplement dire carte de fond de couleur ou quelque chose comme ça. C’est vraiment plus une entité nommée de temps en temps, vous pouvez tous parler le même langage, même s’il peut rendre une syntaxe différente.

Drew: Bien. Ainsi, bien que les variables de base de la manière dont cela pourrait être mis en œuvre, l’idée est bien plus grande que ce que vous pensiez être simplement des variables. Je veux dire, j'imagine que d'une manière comme RSS pourrait s'appeler simplement des variables. Mais en réalité, la façon dont cela nous permet de distribuer du contenu de blog et des podcasts et tout a un impact beaucoup plus large que la seule technologie de base qui existe là-bas. Je vois beaucoup de gens quand ils l'utilisent ou en parlent dans leur propre site Web, ils ne parlent généralement que de variables Sass ou CSS. Je pense que c’est la raison pour laquelle il ya cette confusion, telle que, "Eh bien, n’est-ce pas juste des variables?", Telle que, "Pourquoi le renommons-nous?". C’est une application beaucoup plus large de ce processus, avec tout un processus. Cela explique même comment vous répartissez ces variables entre les composants, comme au niveau global ou au niveau d'un composant individuel. Vous pouvez avoir plusieurs couches et ainsi de suite. Cela peut devenir assez intéressant.

Drew: Je suppose donc qu'en plus d'aider à la maintenance, vous avez mentionné la possibilité de changer une couleur dans un emplacement central et d'avoir ensuite tout ce qui est, à l'aide de ces jetons de conception, être capable de le récupérer lors de la prochaine génération ou de la prochaine actualisation à partir du système, cela pourrait probablement permettre toutes sortes d’activités intéressantes. Je sais que beaucoup de gens fabriquent en quelque sorte des produits à étiquette blanche. C’est le même produit de base, mais il a été personnalisé avec des modifications de conception différentes selon les objets. Ainsi, l’utilisation de jetons de conception pourrait également être une solution pour ce type d’applications, la nécessité de couvrir plus d’une base de code particulière.

Jina Anne: Bien. Ouais. C’était donc certainement un cas d’utilisation chez Salesforce. Je ne sais pas pourquoi j'utilise toujours le présent, mais beaucoup de clients voulaient pouvoir personnaliser l’interface utilisateur qu’ils utilisaient. Nous avions donc ce concept de variables que nous voulions plus être perçus comme une constante, comme peut-être une couleur erronée par rapport aux couleurs devant être configurées, comme des couleurs personnalisables. Donc, pour les besoins de certaines personnes, cela peut aussi devenir intéressant, un étiquetage blanc ou tout type de thématisation, mode sombre ou mode nuit, offrant même une fonctionnalité que vous avez peut-être vue dans Gmail, mais qui reste confortable, confortable et compact. densité d'espacement. Donc, il y a toutes sortes de choses supplémentaires que vous pouvez obtenir avec plusieurs produits très rapidement, ce qui est vraiment agréable.

Drew: Il s’agit en réalité d’une extension des principes de base de la programmation dans lesquels vous vous assurez que 'a vraiment défini les choses une fois au même endroit, de sorte que vous n'avez pas plusieurs instances, il est donc facile de mettre à jour. Mais il s’agit là d’une idée bien plus vaste qu’un élément élémentaire d’un produit, mais aussi d’un point de vue central et centralisé.

Jina Anne: Oui, nous l’avons donc considérée comme notre source de vérité. Cependant, au cas où quelqu'un s'inquiéterait du genre «Eh bien, Android ne fait pas les choses comme sur iOS», ou vous pourriez avoir certaines inquiétudes là-bas. Selon l’architecture utilisée, vous pouvez toujours résoudre ces cas d’utilisation. Nous aurions donc un ensemble de jetons globaux dans lequel tous nos produits seraient importés, mais nous les avons ensuite conçus de manière à pouvoir les modifier pour ce contexte particulier ou les étendre, par exemple en proposant des jetons supplémentaires uniquement dans ce contexte particulier. Besoins. Donc, vous pouvez toujours donner l’expérience précise que vous devez donner à chacun de ces contextes, tout en apportant les éléments partagés les plus courants.

Drew: Sur le plan technique, comment cela fonctionnerait-il? Existe-t-il un format de fichier commun aux différents systèmes? Existe-t-il une norme en ce qui concerne la façon dont vous déclarez vos jetons de conception?

Jina Anne: C’est intéressant que vous ayez posé cette question. Il y a en fait un groupe communautaire formé par… Le W3C a tous ces groupes communautaires. Ce n’est pas vraiment un groupe de travail, mais c’est toujours une initiative de la part de diverses personnes présentes dans cet espace qui essaient de formuler une recommandation sur ce que ces normes pourraient être. Même la manière dont les gens stockent leurs données peut changer. Comme cela pourrait être YAML, cela pourrait être JSON, cela pourrait même être un tableur. Ce que vous exporterez serait alors différent, car vous utiliseriez peut-être Sass, LESS ou un système de base XML. En fait, nous ne voulons pas vous dire laquelle de ces choses utiliser car, selon notre cas d'utilisation, vous devrez peut-être utiliser des feuilles de calcul au lieu de JSON ou YAML ou vous aurez peut-être besoin d'utiliser XML plutôt que des variables Sass ou LESS ou même CSS. C’est parce que les produits de chacun sont très différents et ont des besoins différents.

Jina Anne: Mais nous pouvons normaliser l’outillage nécessaire pour générer ces éléments. La raison pour laquelle nous voulons essayer de parvenir à une sorte de standard est parce que de nombreux outils de conception commencent à implémenter cela, InVision, Adobe, Figma. Tous ces outils se penchent sur les jetons de conception, car il est nécessaire de ne pas en faire une solution basée sur le code, mais également un outil basé sur des outils de conception. Nous ne voulons pas le faire de manière à ce que ces outils ne se sentent pas capables d’innover. Nous voulons qu'ils soient capables d'innover, mais proposons au moins une sorte de standard afin que les nouveaux fabricants d'outils puissent entrer dans cet espace et aient déjà en quelque sorte une compréhension bien établie de la manière de le mettre en place. Ainsi, même si nous n'allons pas définir de manière stricte le format de fichier que vous utilisez ou l'outil utilisé, nous allons essayer de normaliser davantage le processus interne et son API. .

Drew: Parce que, comme je l'ai dit, une fois que cette API a été définie, l'outillage créé peut communiquer avec cette API, quels que soient les outils que les utilisateurs souhaitent utiliser. Ainsi, quelqu'un pourrait écrire une bibliothèque Java qui parle de cette API, puis tout ce qui utilise Java pourrait l'utiliser, etc. Existe-t-il actuellement des outils permettant de prendre en charge les jetons de conception?

Jina Anne: Ouais. Du côté du code, j'ai déjà mentionné Theo et Style Dictionary. Il y en a aussi un appelé Diez, D-I-E-Z. C'est un peu plus récent dans l'espace et ça va au-delà, tout comme le processus de transformation, mais c'est plutôt génial de traiter les jetons de conception comme un composant, ce qui est cool.

Jina Anne: Ensuite, le design D'un côté, InVision l'a déjà dans leur outil DSM, qui est leur outil Design System Manager. La dernière fois que je l'ai regardé, il ne s'agissait que de couleurs et de typographie, mais je sais quand… j'ai parlé à Evan, l'un des principaux artisans de ce produit. Il m’a dit que d’autres choses, comme l’espacement, devraient entrer en jeu, si ce n’est pas déjà fait. Je ne l’ai pas regardé super récemment. Je sais qu'il existe de nouveaux outils qui attirent vraiment mon attention, comme les modules et les interactions. Ces deux outils sont des outils de conception basés sur le code.

Jina Anne: On m'a dit ensuite que cela est censé entrer dans certaines des choses que font Figma et Adobe, alors je ne sais pas si suis révélant des secrets. Je ne pense pas que je le suis. Je pense que c’est tout ce dont ils ont parlé publiquement. Mais oui, je suis vraiment enthousiasmé par le fait que c’est quelque chose que nous faisions vraiment pour faciliter le travail de notre système de conception, mais il a presque accidentellement ouvert la voie à la fusion des outils de conception et du cluster de code. C’est vraiment excitant pour moi.

Drew: Les fabricants de ces divers outils travaillent-ils avec le groupe de communauté de jetons de conception?

Jina Anne: Oui, beaucoup d’entre eux se sont joints. Depuis que je suis membre de la présidence, je peux voir par courriel toutes les personnes qui se joignent à nous. Cela m'envoie un avis. Ce qui est cool, c’est non seulement de voir tous ces utilisateurs d’outils de conception, mais aussi de voir de grandes entreprises. J'ai vu comme Google et Salesforce et tout ça, alors c'est vraiment excitant. Parce que je pense que cela montre que cela compte vraiment pour beaucoup de gens, à grande et à petite échelle, et c'est plutôt cool.

Drew: Donc, si j'écoutais cela et pensais à mes propres projets, pensant: «Ah, oui, les jetons de design sont absolument la réponse à tous ces problèmes que je rencontre», où pourrais-je aller pour en savoir plus pour commencer à apprendre et peut-être commencer à utiliser des jetons de design?

Jina Anne: C'est une très bonne question. Il y a quelques articles et je peux vous envoyer des liens à inclure avec cela, mais je pense que l'un des premiers articles, que j'aurais aimé pouvoir écrire, mais Nathan Curtis a écrit et qu'il a en quelque sorte contribué à attirer l'attention sur eux. Je pense qu'il a inspiré beaucoup de gens à commencer à les utiliser, aussi parle-t-il en quelque sorte de ce qu'ils sont et comment les utiliser, sa méthode recommandée.

Jina Anne: Je n'aime pas le titre de cette prochaine article que je vais mentionner, mais il s'appelle Design Tokens for Dummies. Je ne suis pas un fan de l’utilisation de cette terminologie, mais c’est un article assez bien pensé qui couvre à peu près tout ce qui les concerne. Robin Randall a récemment publié un article sur les astuces sur les styles CSS qui explique en réalité ce qu’elles sont. J’ai fait une session de bibliothèque All You Can Learn pour Jared Spool il y a quelque temps, mais comme il s’agit d’une démarche basée sur l’effectif, vous devez y avoir accès pour pouvoir la consulter. Je sais qu'il y a eu beaucoup de présentations et d'autres choses, mais ce n'est pas encore un livre officiel. Mais c’est peut-être quelque chose sur lequel je travaille. C'est en fait l'un des deux livres sur lesquels je travaille actuellement.

Drew: Donc, si je suis un outilleur ou si je travaille pour une grande organisation qui a ce genre de problèmes et qui en a Je pense que le groupe de la communauté des jetons de conception pourrait contribuer au processus de conception du fonctionnement de la norme.

Jina Anne: Absolument. Je pense que vous voudrez un GitHub parce que c’est là que se déroulent toutes les discussions et notes publiques. Ensuite, vous pouvez créer un compte sur le site Web du groupe communautaire W3C. Avoir ce compte vous permet de rejoindre d'autres groupes de la communauté. Mais alors, oui, à ce moment-là, une fois que vous avez créé votre compte là-bas et… je pense que cela vous demande si vous avez des affiliations, comme si vous travailliez pour une grande entreprise ou quelque chose comme ça, juste pour que ce soit transparent, comme si vous aviez aucun, je ne dirais pas nécessairement biais, mais comme un certain intérêt. Cela aide tout le monde à comprendre d’où vous venez. Quoi qu'il en soit, à ce moment-là, oui, vous vous joignez et vous y êtes presque.

Drew: C'est un processus assez ouvert à ce moment-là

Jina Anne: Oui (19659009) Drew: Quel avenir pour les jetons de design?

Jina Anne: Je suis vraiment emballée par ce qui se passe avec le groupe communautaire. Kaelig en a fait la plupart du temps. Il est le coprésident avec moi et j’aime vraiment voir sa passion derrière tout cela. Mes intérêts particuliers dans ce domaine sont vraiment liés à l’éducation. Donc, un peu comme le travail que j'ai fait avec la communauté Sass, je veux faire un peu de cela pour la communauté des concepteurs, comme parler de la façon d'éduquer les gens sur ce que c'est et pas seulement c'est un document API, mais vous voulez aussi savoir par où commencer. C’est quelque chose qui m’intéresse au niveau des projets.

Jina Anne: Je suis aussi très désireuse de voir où cela évoluera, en particulier avec l’implication de toutes ces sociétés d’outils de conception. Ensuite, beaucoup de gens considèrent généralement les jetons de conception comme une abstraction visuelle, mais en réalité, la technologie utilisée était la même que celle utilisée pour localiser le contenu. Vous emballez les choses dans des chaînes et vous pouvez ensuite passer à travers différentes choses, pour les ramener à leurs racines. J'aimerais que l'application de cette règle s'applique de différentes manières, comme les interactions et le contenu. Je ne suis pas vraiment passionné par les contenus de type AR / VR, mais comment cela se manifeste-t-il? Ouais, vraiment, le voir va au-delà de la couche visuelle de ce que nous voyons.

Drew: Je suppose que c'est la beauté d'avoir un processus ouvert comme le groupe de la communauté du W3C, est-ce que les gens qui ont Les spécialités dans des domaines comme la réalité virtuelle et la réalité virtuelle peuvent contribuer à la conversation et y apporter leur expertise.

Jina Anne: Absolument.

Drew: J'ai beaucoup appris sur les jetons de conception. aujourd'hui. Qu'avez-vous appris récemment?

Jina Anne: J'essaie toujours d'apprendre quelque chose, mais j'ai en fait parfois pris des cours de cocktail. Ouais. Je ne suis pas vraiment intéressé à devenir barman, mais plutôt à apprécier les cocktails. Ce qui est cool avec ces cours, c’est qu’ils ne se limitent pas à faire des cocktails. Ils parlent en fait de pratiques commerciales et éthiques, de l’hygiène de votre bar, de toutes sortes de choses du genre. C’est donc vraiment fascinant parce que j’ai aimé cet étrange fantasme de quitter un jour la technologie et peut-être d’y aller. Voyons voir.

Drew: Avez-vous un cocktail préféré?

Jina Anne: Manhattan.

Drew: C’est bien. C'est bon.

Jina Anne: Ouais.

Drew: Vous ne pouvez pas vous tromper avec un Manhattan.

Jina Anne: J'ai commandé beaucoup de Old Fashioned. dernièrement, ce serait probablement le numéro 2.

Drew: Avez-vous un bourbon préféré?

Jina Anne: Ooh. Le premier qui me vienne à l’esprit est Angel’s Envy. C’est comme fini dans des barils de port qui ont cette sorte d’essence légèrement semblable à celle du port. Leur seigle est vraiment bon, aussi. C'est comme fini dans des fûts de rhum, donc ça a presque l'air d'un goût de pain à la banane.

Drew: C'est une direction à laquelle je ne m'attendais pas aujourd'hui.

Jina Anne: Ouais.

Drew: Voulez-vous parler des jetons de conception

Jina Anne: Mon opinion est la suivante: comme avec les systèmes de conception, les gens vont utiliser de différentes manières et il pourrait aussi y avoir des gens qui n’ont même pas besoin de l'utiliser. Si vous avez un site Web éditorial assez simple, vous n'avez peut-être besoin que de variables CSS, et c’est tout.

Jina Anne: C’est vraiment plus pour les personnes qui ont vraiment besoin d’être redimensionnées ou si vous avez un contexte thématisé, alors peut-être. Mais oui, ce n’est vraiment pas destiné à tout le monde. Donc, juste parce que ça devient un sujet brûlant de parler, vous n'aurez peut-être pas besoin de vous en soucier.

Drew: Si vous, cher auditeur, aimeriez en savoir plus sur Jina, vous pouvez suivre. elle sur Twitter où elle est @Jina, ou retrouvez-la avec tous ses projets sur le Web à sushiandrobots.com. Merci de nous rejoindre aujourd'hui, Jina. Avez-vous des mots de départ?

Jina Anne: Les systèmes de design sont conçus pour les personnes.

(dm, ra, il)