Transcription
1. Commençons !: Je suis Dan Mall, designer et directeur créatif,
fondateur et directeur de SuperFriendly Design collaboratif à Philadelphie. La classe d'aujourd'hui porte sur les systèmes de conception , comment les créer, comment travailler avec eux et comment faire participer tous vos collègues. Un système de conception est un outil pour vous aider à devenir plus efficace et plus efficace dans votre travail. Cela devrait vous aider à bouger plus vite. Cela devrait vous aider à mieux travailler avec d'autres personnes, et honnêtement, vous devriez juste avoir plus de plaisir. Une chose que je vois des designers et des développeurs faire encore et encore est juste de réinventer la roue. Combien de fois vous voulez concevoir ce bouton ou cette forme, ou juste les choses qui sont vraiment sèches dans un projet. Allons sortir ces trucs du chemin. Un système de conception devrait prendre soin de ces choses, sorte que vous pouvez être libéré pour faire toutes les choses amusantes que vous n'avez normalement pas le temps de faire, mais vous voulez vraiment faire autrement. Après avoir suivi ce cours, vous aurez toutes les connaissances et les outils dont vous avez besoin pour travailler avec un système de conception, créer le vôtre et travailler avec d'autres personnes. Mon objectif pour vous est de vous faire réfléchir de plus en plus sur les systèmes de conception, d'en essayer un, puis d'en utiliser vraiment un sur votre projet. Aucun bon cours n'est complet sans devoirs, donc je vais vous donner des trucs à faire aussi. Ce que nous allons faire est de créer une liste de contrôle de choses qui vous aidera à
comprendre pourquoi vous avez besoin d'utiliser un système de conception et vous rendra vraiment excité à l'idée de le faire. Vous serez en mesure de le partager dans la galerie de projets, le
commenter et de voir ce que d'autres personnes font également. Merci d'avoir suivi ce cours. Commençons.
2. Que sont les systèmes de design ?: Si vous pensez à un système de conception, je ne sais pas que nous avons une définition canonique pour cela, mais il devrait être quelque chose qui vous aide à faire facilement les choses que vous voulez faire. La plupart des systèmes de conception ont beaucoup de choses en commun. Ils ont des composants ou des motifs qui sont vraiment les petites pièces que vous allez utiliser pour assembler dans ce que vous fabriquez. Ensuite, il y a aussi les conseils et
la référence sur la façon dont vous allez utiliser ces choses. Ces choses sont généralement regroupées dans un site de référence. Ce site de référence a toutes sortes d'instructions pour vous. Des choses comme comment commencer, comment télécharger et commencer à l'utiliser quand nous parlons d'un produit numérique. Qu' est-ce que je fais avec ça ? Où puis-je obtenir les fichiers ? Où puis-je trouver toutes les choses dont j'ai besoin ? Alors une fois que je les ai, comment puis-je les utiliser ? Quelles sont les meilleures pratiques en ce qui concerne
les meilleures pratiques de l'industrie ainsi que les meilleures pratiques de ce système en particulier ? Ces choses sont généralement les choses qui viennent avec un système de conception. Je pense qu'il est également important de parler de ce qu'un système de conception n'est pas. Cette réponse est super nuancée car ce qu'un système de conception n'est pas, c'est dire un fichier d'esquisse. Un fichier d'esquisse peut faire partie d'un système de conception, mais en soi, ce n'est pas un système de conception. De la même manière, une bibliothèque de motifs ou une bibliothèque de composants n'est pas un système de conception en soi parce qu'il manque la pièce de guidage, juste les pièces. Une bibliothèque de modèles et une bibliothèque de composants font partie d'un système de conception, mais ce n'est pas tout. Donc, je pense vraiment que ce qui est important dans le système de conception, c'est que c'est la combinaison de ces choses. Ce n'est pas seulement une de ces choses en soi. Cette combinaison, encore une fois, doit avoir un résultat aussi. Le système de conception doit nous aider à mieux collaborer. En tant que concepteurs, développeurs, personnes de produits, personnes de contenu, le système de conception devrait être un outil que nous pouvons tous rassembler et utiliser pour nous aider à améliorer le travail. Si nous manquons des parties de ça, notre travail ne peut pas être meilleur. Il y a beaucoup de grandes choses sur les systèmes de conception. La première grande chose est un système de conception vous faire gagner du temps et vous faire économiser de l'argent. Ça pourrait être vous en tant que pigiste ou une seule personne travaillant sur quelque chose. Ou ça pourrait être toute votre organisation. Comment cela gagne-t-il du temps ? Eh bien, pensez au nombre de fois que vous avez conçu un bouton, ou au nombre de fois que vous avez conçu un formulaire. Disons qu'il faut une journée entière pour concevoir une page de formulaire et que vous le faites pour chaque projet. Imaginez maintenant avoir un outil qui fait passer d'un jour à dix minutes. C' est déjà un jour que tu économises. C' est un jour où tu peux faire autre chose. Si vous facturez votre temps, c'est une journée entière que vous n'avez pas à facturer pour cette chose. Vous pouvez facturer quelque chose d'autre. Il vous aide, il aide vos clients, il aide votre organisation. Cela vous aide à gagner du temps en faisant les choses que vous n'avez plus besoin de faire. Cela permet à tout le monde d'économiser de l'argent parce qu'ils n'ont pas à s'inquiéter de ces choses. Il permet également d'économiser de l'argent d'une manière un peu indirecte, en ce sens qu'il vous donne de la cohérence. L' une des choses qui décompose les organisations et décompose les projets à un niveau nuancé est vraiment la cohérence de quelque chose. Lorsque les choses sont incohérentes, cela rend les utilisateurs mal à l'aise, cela rend les concepteurs mal à l'aise. Cela rend les développeurs doivent construire des choses légèrement différentes. La cohérence vous aide en fait à construire quelque chose une fois et à savoir qu'il se propagera dans le reste de votre système. Un autre moyen qu'un système de conception aide est qu'il devrait aider toutes les personnes d'une équipe à collaborer. Je sais que lorsque je travaille sur mon travail avec une équipe, je suis
parfois le concepteur et je vais travailler avec un développeur. Ce que j'aime à avoir un système de conception, c'est que nous pouvons l'utiliser comme référence partagée. Nous connaissons la même langue. On peut s'asseoir autour d'un tableau blanc et dire : « Oh, utilisons le composant déroulant. » Tout le monde sait ce que je veux dire. Ce que cela a fait, c'est que cela m'a permis de
gagner du temps et de gagner notre temps de collaboration où je n'ai pas à partir, faire un fichier Photoshop ou Sketch remis à un développeur et ensuite ils doivent construire cela. On peut juste esquisser ça ensemble. Parfois, je n'ai même pas besoin de sauter dans Photoshop pour faire ces choses. On va l'esquisser ensemble. Le développeur peut le construire, et ensuite je peux revenir après ça et dire : « D'accord. Allons modifier ça. Ajustons l'espacement » et des choses comme ça. Il aide en fait la collaboration en vous donnant un langage partagé que vous utilisez tous le même mot, disant les mêmes choses sur les choses que vous essayez de concevoir et de construire. Peut-être que ma façon préférée qu'un système de conception vous
aidera est qu'il devrait en fait vous libérer pour faire les choses que vous voulez vraiment faire que normalement vous ne pouvez même pas obtenir sur un projet. Je sais que j'ai une liste de toutes les choses que je ne peux pas faire sur un projet parfois. Avoir un système de conception ou quelque chose pour m'aider et me donner un peu d'efficacité là-bas, m'
aide à arriver à ces choses. Par exemple, si je n'avais pas à concevoir ce bouton encore et encore, ou ce formulaire ou cet en-tête ou ces éléments globaux. Au lieu de cela, je pourrais prendre le temps de faire cette animation que je voulais vraiment obtenir, ou peut-être cette illustration, ou peut-être essayer une nouvelle technique ou apprendre une nouvelle technologie, ou peut-être apprendre sigma ou une nouvelle application ou quelque chose comme ça. Si vous avez déjà ces choses dans la boîte, si vous avez les composants, si vous avez les principaux et que vous les utilisez, cela vous fait gagner du temps. Maintenant, vous pouvez arriver à ce petit peu de oomph supplémentaire que vous voulez mettre dans votre projet que vous n'avez normalement pas la chance de faire.
3. Exemples de systèmes de design: Parler de définitions est assez abstrait alors regardons quelques exemples pour aider à le rendre plus réel pour nous. Il s'agit du manuel des normes graphiques la New York City Transit Authority et cela existe depuis longtemps. C' est vraiment la bible des manuels de normes graphiques. Une partie de la raison pour laquelle je pense que la New York City Transit Authority a duré si longtemps, c'est parce que ce manuel est écrit si bien, parce que ce système de conception est écrit si bien. Jetons un coup d'oeil aux tripes de ça. Vous verrez ici qu'une partie de ce manuel ne sont que les parties. Vous verrez qu'ils ont tout de la façon dont chaque lettre est censée être spécifiée ici. Voici comment vous imprimez un double A voici comment vous imprimez un B. Voici comment vous imprimez un double C et c'est dans les détails méticuleux. C' est chaque lettre de l'alphabet pour vous montrer s'il y avait une ligne de métro qui avait ces lettres, c'est comme
ça que vous l'imprimeriez. Ils n'épargnent aucune dépense pour vous assurer que vous avez spécifications pour chaque chose que vous pourriez vouloir utiliser, toutes les lettres de l'alphabet. Ce n'est pas comme s'ils t'en montraient un et ensuite ils disaient, « Ouais, fais-le tout comme ça. » Ils vont dans les détails minutieux pour vous montrer ce truc. Ce livre est plein de toutes les parties, mais ce n'est pas seulement les parties. Il est également plein d'exemples de la façon d'utiliser les choses et de conseils sur la façon d'utiliser ces choses. Permettez-moi de vous en montrer un exemple. Cette page est ici une page sur les signes
temporaires et cela montre les personnes qui implémentent le système, comment vous pouvez créer un signe temporaire. Il y a des indications ici pour vous dire ce qu'est un signe temporaire. La nature du panneau temporaire exige qu'il soit plus facile de produire, placer et de retirer, puis il a des instructions pour produire un panneau temporaire. Ensuite, il montre également des exemples de l'endroit où placer ce signe temporaire, quoi il devrait ressembler, où il devrait aller et comment il devrait réellement fonctionner. C' est une excellente orientation pour un système de conception. Tout ce livre, tout ce manuel est en partie seulement les parties, partiellement les composants eux-mêmes, mais ensuite partiellement le guidage et avait la rigueur des deux parties et le guidage est je pense que ce qui a fait ce système tenir pendant si longtemps. Maintenant, ces deux livres sont vraiment géniaux. Ce sont des livres qui ont été écrits à la fin des années 70 sur l'architecture. Christopher Alexander parle essentiellement dans ces livres, comment pouvez-vous aborder l'architecture du bâtiment d'une
manière systématique et comme le dit la couverture du livre, « Une façon intemporelle de construire ». C' est une partie 1 et la partie 2 dans le côté du langage de modèle de celui-ci est, comment implémentez-vous réellement ces choses ? C' est la théorie de cela. C' est presque comme un système de conception en deux parties, où une partie de celui-ci est les pièces et ensuite une partie de celui-ci est le guidage réel sur ces pièces. Il y a beaucoup de théorie et de philosophie sur la façon de construire l'architecture de cette façon, dont beaucoup
s'appliquent à la façon dont nous pourrions construire des produits numériques aujourd'hui. Si vous cherchez quelque chose de plus moderne, c'est un livre fantastique d'Alla Kholmatova, il s'appelle Design Systems. Il s'agit de la façon de construire un système de design moderne. Toutes les choses dont nous parlions en termes
de théorie et en termes de pratique et en termes de pièces,
Alla compile dans ce livre et parle de la façon d'utiliser réellement les systèmes de conception et de faire des systèmes conception et de les maintenir comme une référence fantastique pour tous ceux qui veulent en savoir plus sur ce sujet. Maintenant, c'est un exemple un peu non traditionnel ici. La plupart des choses que nous avons examinées sont en fait manuels et ce livre s'appelle Design by Apple en Californie. C' est un peu différent des autres exemples. Si je regarde ce livre, vous verrez qu'il n'y a pas beaucoup de mots. Il n'y a que des photos. Ce sont de belles photos qui documentent à quoi ressemblent les produits Apple. Maintenant, vous pouvez appeler cela un livre de photographie plus qu'un système de conception, mais il a un peu de référence pour le système de conception. Ce que je veux dire par là, c'est qu'il y quelques 100 pages ici et que vous venez de parcourir ce livre, juste page par page en regardant le matériel, regardant tous les différents appareils qu'ils fabriquent, et juste obtenir et voir les sous différents angles. Ce que vous trouverez ici, c'est que vous pouvez feuilleter les quelques 100 pages de ce livre, et à la fin du livre, même s'il n'y a pas eu de mots, vous pouvez comprendre comment Apple construit ses produits. Vous pouvez probablement conclure quelque chose à la fin qui dit, « Voici les principes qui sont importants pour le travail d'Apple. » Je pense que c'est le travail d'un bon système de conception, c'est aussi de pouvoir examiner toutes les choses et de pouvoir conclure
: « Ok, c'est ce qui est important pour cette organisation au sujet de la façon dont les produits sont fabriqués. » Même si c'est un peu un exemple non traditionnel, je pense qu'il fait encore un bon point quant au travail de ce qu'un système de conception devrait faire. Une des choses que je tiens à souligner à travers cela est que tous les systèmes de conception ne doivent pas avoir la même apparence. Le résultat est ce qui est important, pas le format réel de celui-ci. Ceci est un exemple d'un système de conception qu'Apple pourrait avoir. Ils en ont aussi un autre qui est peut-être un peu plus populaire que ce livre. Il s'appelle le HIG d'Apple, les directives de l'interface humaine et c'est pour tous ceux qui veulent construire une application iPhone. Lorsque nous regardons ce HIG et que nous regardons
cela, ce sont deux exemples de systèmes de conception de la même entreprise. Cela ne veut pas dire que vous ne pouvez avoir qu'un seul système de conception. Vous pouvez en avoir deux si elles s'appliquent différentes manières ou si vous voulez montrer vos produits de différentes manières. Il existe aussi des versions numériques des systèmes de conception, pas seulement dans les livres et donc regardons quelques uns des plus populaires. Material Design est celui qui est créé par Google et beaucoup de gens utilisent la conception matérielle pour les produits non-Google, mais aussi Google les utilise pour les produits Google. Ce que vous verrez ici, c'est qu'il s'agit d'une interface unifiée pour les applications Android, pour les applications qui sont par Google, pour des choses comme G-mail et Google Maps, mais aussi pour certaines de leurs filiales comme YouTube. C' est un système de conception qui a tout ce dont nous avons parlé. Il y a des composants et il a des conseils, alors nous allons cliquer ici. Si nous allons dans l'onglet Développer pour les développeurs, il y a tous les composants dont nous avons réellement besoin et il est distribué par plate-forme. J' ai Android, iOS, Web et Fluter. Si je clique dans la partie Web ici, vous verrez
que je peux accéder aux composants et que je peux accéder à la documentation elle-même. Composants me donne toute cette liste de choses et je vais juste cliquer sur un. Si je voulais utiliser un bouton dans le cadre de la conception du matériau, qui me donne un exemple pour ce que c'est et je peux faire défiler vers le bas et cela me
donne toutes les indications sur la façon d'installer cette chose et comment l'utiliser, et même plus que cela, tout ce système me donne des conseils sur la façon d'utiliser ces choses d'un point de vue philosophique. Il y a tout le travail technique ainsi que le travail philosophique. Tout cela est dans un seul endroit et c'est assez commun avec les systèmes de conception, est de pouvoir voir une sorte de liste de tous les composants, être capable de voir le composant ici en action, une version live de celui-ci, puis quelques conseils sur la façon dont pour l'utiliser et quand l'utiliser. La même chose est vraie pour la fin du design pour le matériau, c'est la fin du codage, mais la fin du design introduit des choses comme des principes alors regardons les principes de couleur pour Material Design, par exemple. Ce que cela montre, c'est toutes les palettes de couleurs qui viennent avec le matériel et comment vous pouvez les utiliser. Beaucoup de palettes de couleurs robustes ici pour tout le chemin des Shades 50 à 900. Ils vous montreront les couleurs primaires et secondaires, ainsi que toutes les variantes, les teintes et les teintes. Cela vient également avec des principes, de sorte qu'ils parlent de la lisibilité comme principe, expressivité comme principe, et de la hiérarchie comme principe. Encore une fois, vous voyez ces combinaisons de sorte que ce pas seulement les composants et ce n'est pas seulement le guide, c'est toutes ces choses ensemble dans le contexte. Nous passons à un autre exemple. Il s'agit du système conçu par les forces de vente, et c'est ce qu'on appelle le système de conception Lightning. Voir ici une sorte d'approche similaire où ils
ont des directives et ils ont également des composants,
mais ils ont aussi des détails spécifiques sur des choses comme l'accessibilité et les jetons et les icônes. Si nous allons regarder les composants eux-mêmes, vous verrez encore ici, la même chose. Voici une liste de tous les composants fournis avec ce système. Si je vais dans les boutons ici, vous verrez que j'ai toute la variance. J' ai tout le bouton basé, le neutre, la marque, la marque contour, le destructeur, et le succès et encore une fois, juste en dessous est juste le code pour pouvoir l'utiliser. Du point de vue de la conception, voici à quoi ressemblerait la chose, du point de vue du développement, voici le code dont j'ai besoin pour implémenter ceci. Encore une fois, juste dans le contexte est l'orientation. Encore une fois, voici une règle empirique d'accessibilité pour le bouton. Je n'ai pas besoin d'aller ailleurs pour le voir. C' est dans des contextes que le composant lui-même. Le dernier exemple que nous allons voir ici est Polaris by Shopify. C' est un système de conception et donc il a encore une fois, les mêmes choses que le matériau et l'éclaircissement ont, mais d'une manière légèrement différente et je tiens à souligner quelque chose de spécifique à ce sujet. Alors que nous examinons les composants de Shopify, Shopify est une plateforme de commerce électronique et ce qui est vraiment génial dans leur système de conception Polaris, c'est qu'ils montrent des choses spécifiques à leurs utilisateurs et à leurs clients. Ce n'est pas seulement, voici un bouton à utiliser parce que c'est un bouton et les gens ont besoin d'utiliser des boutons, mais ils montrent en fait des choses par rapport aux marchands et par rapport à l'acheteur. À titre d'exemple, allez dans Actions ici et je vais dans une liste d'actions et cette liste d'actions me donne quelques conseils. Même chose que nous avons vu dans le matériel et dans la foudre, où nous avons le composant en action et arriver à voir comment cela fonctionne et j'obtiens le code pour être en mesure d'implémenter cela. Mais ce dont ils parlent ici qui leur est spécifique si je lis ce guide ici est une liste d'actions rend une liste d'actions ou d'options sélectionnables, c'est universel, c'est générique, mais ensuite ils deviennent plus spécifiques. Ce composant est généralement placé dans un conteneur contextuel pour créer un menu déroulant permettant aux commerçants de choisir dans une liste d'options. Encore une fois, cela est vraiment spécifique à la façon dont ils veulent que les
commerçants puissent utiliser ces composants. C' est l'une des choses que j'aime le plus dans ce système Polaris, c'est que pas seulement n'importe qui qui veut utiliser une liste ici que j'utilise la liste, spécialement conçu pour les commerçants et les acheteurs.
4. Créer une liste de souhaits pour votre système de design: Commençons notre première mission. Disons que vous n'avez pas de système de conception avec lequel vous travaillez, que ce soit par vous-même ou peut-être avec votre équipe. Commençons à en créer un. La première chose que nous voulons faire dans la création d' un est vraiment juste de comprendre pourquoi nous en avons besoin. Alors faisons ça. Prenez un morceau de papier et pliez ce morceau de papier en deux. Sur le côté gauche, ce que j'aimerais que vous fassiez, c'est d'
écrire toutes les tâches que vous avez faites sur le dernier projet. Alors pensez au dernier projet que vous avez fait. Tout ce que tu as fait, peu importe à quel point nuancé, écrivez ça. Ça pourrait être que je dessine les icônes. Ça pourrait être que j'ai conçu cette page. Ça pourrait être que j'ai écrit un mémoire. Ça pourrait être tout ce que c'est. J' ai envoyé cet e-mail à propos de cette chose particulière. Essayez d'écrire tout ce que vous pouvez vous souvenir de votre dernier projet. Ok, étape suivante. Maintenant, que vous avez une liste de tout ce que vous avez fait sur votre dernier projet sur le côté droit du journal, j'aimerais que vous écriviez toutes les choses que vous auriez souhaité obtenir et que vous n'avez pas eu la chance aussi. C' est vraiment comme tes trucs de rêve. Alors pensez à cette animation que vous ne pouviez pas faire. Ce petit peu d'accessibilité supplémentaire a aidé que vous n'avez pas intégré. Cela pourrait être le système d'icônes que vous voulez concevoir,
personnalisé, mais vous deviez utiliser une bibliothèque de stock à la place. Qu' est-ce que tout ce que vous aimeriez pouvoir faire sur ce projet ou peut-être n'importe quel projet ? C' est là que ça devient intéressant. Sur le côté gauche de votre papier, vous avez tout ce que vous avez fait sur le dernier projet. J' aimerais que vous encerchiez les choses qui, selon vous, pourraient être faites plus efficacement. Un bon format pour y penser est que si seulement j'avais x, cette chose aurait été plus facile. Dernière étape, maintenant que vous avez toutes les choses encerclées à gauche de choses que vous pourriez être plus efficace, j'aimerais que vous traciez une ligne de ce truc à quelque chose du côté droit. Ça va être votre feuille de caractères. Par exemple, à gauche, vous pourriez avoir quelque chose comme j'ai conçu tous les boutons. Sur la droite, vous pouvez avoir quelque chose qui indique l'ensemble d'icônes personnalisées de conception. Si vous tracez une ligne entre les boutons et le jeu d'icônes, vous avez essentiellement fait une liste de commerce pour dire, si j'avais déjà un ensemble de boutons, maintenant je pourrais passer du temps sur ce jeu d'icônes. C' est là que la magie entre en jeu. Vous venez de créer votre première liste de souhaits pour ce que votre système de conception devrait faire. Maintenant que vous savez ce que vous voulez concevoir le système, commencez à croiser les choses du côté gauche, où sur votre système de conception que vous commencez dessus, première chose que vous prenez soin, les boutons. Une fois que vous prenez soin de ces boutons, vous obtenez votre icône définie sur le prochain projet. Voilà la partie cool. Maintenant que vous avez fait votre mission, vous avez une liste de toutes les choses qui devraient être dans votre version 1 de votre système de conception. C' est génial quand tu travailles seul. Ce qui rend cela encore mieux, c'est que vous pouvez maintenant commencer à le faire avec votre équipe et que vous pouvez faire cet exercice avec votre équipe. Tu peux diriger ça. Tu fais ta liste. Peut-être que vous pouvez demander à vos collègues de faire leur liste aussi. Si vous êtes un concepteur, demandez
peut-être à vos développeurs avec lesquels vous travaillez pour faire leur liste. Qu' est-ce qu'ils aimeraient pouvoir faire ? Quel est le truc pour lequel ils échangeraient, quelque chose qu'ils pourraient déjà avoir dans la boîte. Demandez ensuite aux membres de votre équipe de les échanger. C' est ce que je fais tout le temps dans les ateliers. Je vais demander aux designers de faire une liste de toutes les choses qu'ils veulent faire. Ensuite, je vais demander aux développeurs de faire une liste de toutes les choses qu'ils veulent faire et tout le monde travaille sur le projet. Ensuite, nous négocions des listes et ce que fait, c'est qu'il crée de l'empathie les uns pour les autres parce que parfois les
concepteurs ne savent même pas qu'un développeur
aurait aimé mettre un peu de vernis supplémentaire sur cette chose. Peut-être que c'était un truc sur leur liste. Les concepteurs en ont vraiment marre des développeurs comme, oh mec, ils n'ont pas mis le temps, mais ça aurait pu être qu'ils n'ont tout simplement pas eu le temps. Donc exposer ces listes, les
rendre publiques et être en mesure de voir celles de
tout le monde aidera à gagner de l'empathie pour dire, eh bien, je ne savais même pas que vous vouliez faire ça, alors maintenant je peux vous aider avec ça sur votre prochain projet. C' est un excellent exercice de team building et quelque chose qui permet
vraiment aux gens de partager la vision d'un système de conception. Même ce processus de création pourrait être quelque chose qui amène les gens plus sur la même page. Maintenant que vous avez cette liste, vous savez pourquoi vous avez besoin d'un système de conception. Ensuite, parlons de la façon dont on en fait un.
5. Créer votre propre système de design: Les systèmes de conception comportent généralement deux parties, des motifs et des processus. Celui avec lequel vous commencez est vraiment à vous de décider. n'y a pas de bon ou de mauvais ordre. Où je recommande que vous commenciez cependant, est celui pour lequel vous avez le plus d'idées. Qu' est-ce qu'il y a juste des démangeaisons pour sortir de ta tête ? Savez-vous simplement quels boutons vous voulez concevoir ou quels composants déroulants vous voulez concevoir ? Eh bien, commencez par là. Peut-être que si vous n'avez pas d'idées pour cela, peut-être avez-vous plus d'idées de principes, choses que vous voulez guider le système. Si c'est quelque chose qui vous intéresse et que vous
savez déjà ce que vous voulez dire là-bas, commencez par ça. Donc, finalement, vous devez obtenir les deux, mais où que vous voulez commencer, c'est à vous de décider. Plongons dans les principes. Il existe deux types de principes. Il y a des principes universels et des principes spécifiques. Ainsi, par exemple, un bon principe universel pourrait être quelque chose comme l'accès pour tout le monde. À mesure que vous créez des applications et des sites Web, vous voulez que tout le monde puisse y accéder. Mais c'est aussi vrai pour tous les sites web aussi. Cela ne veut pas dire qu'il ne devrait pas être dans votre système de conception, mettez-le là dedans. Parlons de principes spécifiques cependant. Les principes spécifiques sont ceux qui fonctionnent uniquement pour votre système. Un excellent exemple d'un principe spécifique est tiré de TiVo. L' un des principes de TiVo est que c'est stupide de la télé. Ce que j'aime dans ce principe pour TiVo, c'est qu'il est si génial pour eux, c'est un excellent mantra à suivre. C' est l'esprit d'eux, c'est décontracté, c'est un peu irrévérencieux, ça correspond à leur marque et aussi, ça ne fonctionnerait pas pour une autre organisation. Cela ne fonctionnerait pas pour dire, Quickbooks ou Salesforce ou n'importe lequel d'entre eux. Un principe spécifique devrait être quelque chose qui est vraiment génial pour vous et votre organisation, mais qui convient à quelqu'un d'autre. J' imagine que si je travaillais chez TiVo, et que j'aurais eu un problème sur quelque chose que j'essayais de concevoir, alors je pourrais regarder ces principes pour aller, comment cela peut-il m'aider ? Donc le principe devrait vraiment vous aider dans les points de tension. Donc, quand vous ne savez pas vraiment quoi faire, vous devriez être capable de référencer vos principes et d'y aller, oh oui, c'est ce que ça dit de faire. Donc un principe comme c'est stupide TV, si j'essaie de décider entre deux interfaces différentes. Peut-être que je choisirais le plus simple parce qu'il est plus conforme au principe de l'entreprise. Les principes et les modèles devraient avoir une application universelle
et une application spécifique. Parlons donc du côté modèle de ça. Lorsque nous parlons de modèles universels, il y a certaines choses que chaque site va avoir. Le texte en est un bon exemple. Un formulaire en est probablement un bon exemple aussi. Peut-être que vous n'avez pas besoin de réinventer la roue avec la façon dont vous
allez afficher le texte. C'est très bien. Mais vous allez également vouloir des modèles spécifiques pour vous,
pour ce projet sur lequel vous travaillez, ou pour l'organisation dans laquelle vous travaillez. Par exemple, disons que vous travaillez pour l'IRS. Votre système de conception pour l'IRS devrait probablement vraiment se concentrer sur les forums et la saisie de données. Mais disons que vous travaillez pour la société de divertissement. Il s'agit probablement moins d'entrée de données qu'il ne s'agit peut-être de panneaux d'affichage et de héros. Assurez-vous donc que les modèles sur lesquels vous travaillez, les composants que vous créez, sont vraiment spécifiques à votre organisation et aux besoins de
votre organisation ou aux besoins du projet sur lequel vous travaillez réellement. Il y a une nuance intéressante aux motifs et aux composants et au langage qui les sépare. Si vous regardez tous les systèmes de conception qui sont publics et en ce moment, ils
n'utilisent pas tous ces mots de la même manière. conséquent,
les composants désignent généralement les petites pièces et pièces dont vous aurez besoin pour créer ce système. Les patrons le signifient parfois. Mais j'ai vu beaucoup d'organisations utiliser des modèles d'une manière différente. Parfois, un motif est un exemple d'un flux. Ainsi, par exemple, un composant pourrait être quelque chose comme un menu déroulant, mais un modèle pourrait être quelque chose comme un flux de retrait. C' est à vous de décider ce qui vous convient le mieux. Assurez-vous d'être cohérent quant à la façon dont vous l'utilisez. Si vous êtes une personne de liste de contrôle, il y a de grandes ressources pour vous aussi. concepteur Nathan Curtis dispose d'une liste de contrôle impressionnante pour les systèmes de conception qui décrit toutes les différentes pièces dont vous pourriez avoir besoin dans votre système de conception. Maintenant, vous n'avez certainement pas besoin de tous. Mais peut-être jeter un coup d'oeil à eux et vous
verrez qu'ils correspondent probablement à votre liste aussi. Quelles sont des choses que tu n'as peut-être pas pensé ? Ces autres choses que tu peux prendre sur la liste de Nathan. Voici les pièces dont vous aurez besoin pour la première version de votre système de conception. Une autre excellente façon de créer un système de conception, est de prendre des choses qui
fonctionnent déjà et d'en extraire toutes les bonnes choses. Donc surtout si vous travaillez dans une grande organisation, vous avez probablement fait des trucs et d'autres équipes qui ont probablement fait des choses, c'est probablement vraiment bon. Donc, vous pourriez avoir un produit là-bas qui a un très bon flux dedans. Peut-être que c'est un flux de paiement, peut-être que c'est un flux de connexion, peut-être que c'est un très bon composant comme il y a grande cohérence dans cela ou la topographie là-bas est vraiment bonne. Ce que vous pouvez faire pour démarrer votre système de conception, c'est vraiment regarder ces choses et partir, vous savez ce qui fonctionne là ? La topographie. La topographie là-bas est ce que nous devrions utiliser pour beaucoup d'autres choses. Alors maintenant, commencez à extraire ce truc de ce projet, nous appelons des pilotes. Utilise-les comme pilotes et dis-leur, ok, on peut extraire ces trucs du pilote et ça va être la base de notre système de conception. Si vous n'avez pas ce truc, vous pouvez commencer à le créer. Disons que vous travailliez pour une entreprise de divertissement, et peut-être que vous n'avez pas le produit idéal. Eh bien, vous pouvez le créer. Vous pouvez dire, d'accord, que nous allons faire un exercice fictif où nous créons une application de guide. Vous pouvez créer cette application de guide et ensuite dire, d'accord, nous allons prendre les choses de cette application de guide et nous
allons l'utiliser pour démarrer notre système de conception. Donc, la clé ici lorsque vous utilisez des projets pilotes est de regarder des choses qui sont réelles, pas des choses qui sont abstraites. Parfois, il est difficile de concevoir un bouton si vous ne savez pas ce qu'il est censé faire. Donc, au lieu de concevoir un bouton isolément, concevez un écran entier, puis retirez le bouton de cet écran et
dites que ce sera le bouton que nous utiliserons. Donc, les projets pilotes sont vraiment utiles pour cela, c'est de pouvoir regarder les choses dans leur contexte et de les sortir de leur contexte. Si vous le faites dans l'inverse, ce sera beaucoup plus difficile. C' est là que les choses qui sont de vraies applications sont vraiment utiles. Alors, comment organisez-vous tout ça ? Disons que vous avez pris des choses dans un projet pilote. Tu as créé tes propres trucs. Vous avez fait une liste de choses que vous voulez faire. Qu'est-ce que tu fais ? Eh bien, je pense que la première étape est d'essayer de l'organiser. C' est à vous et à la culture de votre organisation. Donc, pour certaines organisations, vous pouvez déjà avoir un conseil Jira ou un conseil Trello ou une confluence ou quelque chose comme ça où vous pouvez obtenir un bel espace pour mettre les choses et les organiser. Mais vous ne pourriez pas. Vous pouvez donc démarrer votre propre Google Doc ou une feuille Excel ou un dossier sur votre ordinateur comme un endroit pour le démarrer. C' est bon. Toutes ces façons sont les bonnes façons de faire les choses. n'y a pas de mauvaise façon de le faire. Je pense que c'est une bonne chose que tu peux faire. Organisez-le et l'étape suivante serait de comprendre comment partager cela. Alors, quelle est la meilleure façon de le partager. Est-ce qu'il envoie un e-mail au reste de votre équipe ? Eh bien, génial. Fais ça. Est-ce qu'il prépare un poste de camp de base ou un poteau mou ? Fais ça aussi. Alors commencez à penser à ces façons que vous pourriez organiser certains de ces matériaux afin que ceux-ci puissent être les composants et peut-être les lignes directrices autour d'elle, et découvrez comment vous pouvez le partager. Une bonne chose à faire est de regarder comment les autres sites de référence le font. Donc, si vous avez besoin d'un exemple, il est normal d'aller copier la conception du matériau ou le bootstrap ou le système de conception éclaircissant et d'utiliser leur truc comme guide. Donc, si vous voulez structurer votre document Word de la même manière, c'est bon, c'est un bon début, et il n'y a pas de mauvaise façon de le faire. Il est important que vous l'organisiez et que vous puissiez le
partager et que vous commenciez du bon pied. En tant que designer moi-même, il y a une bizarrerie intéressante que je trouve sur les designers. Nous sommes toujours si précieux dans notre travail. Nous essayons de rendre tout vraiment spécial. Travailler sur un système de conception est un peu contre-intuitif parce que la première version de votre système de conception, surtout si vous travaillez dans une grande entreprise, devrait s'occuper des choses ennuyeuses. Mon ami Josh Clark a un excellent article sur les systèmes de conception prenant soin des choses ennuyeuses. Il dit que les systèmes de conception les plus excitants devraient être ennuyeux. Ça devrait s'occuper de toutes les choses que tu ne veux pas faire. Ce ne devrait pas être tout ce truc spécial de flocon de neige que tu veux vraiment faire. Sauvegardez cela pour vous-même et économisez cela pour quelque chose dans lequel vous pouvez réellement verser votre temps et vos efforts. Ainsi, la première fois que vous lancez un système de conception, que vous travailliez dans une grande entreprise ou que vous travailliez tout seul sur un projet. Commencez avec toutes les choses ennuyeuses. Faire les boutons, faire les forums, faire les flotteurs. Sortez ce truc du chemin pour que vous
puissiez réellement travailler sur ce qui est beaucoup plus cool.
6. Obtenir l'assentiment: L' un des aspects les plus difficiles des systèmes de conception est d'amener les gens à bord. D' après mon expérience, c'est là le travail acharné qu'il a accompli. Nous sommes des concepteurs, nous sommes des développeurs, nous savons comment faire le design et le développement très facilement. C' est ce que nous faisons, c'est ce que nous sommes vraiment doués, ce qui est dur, c'est de convaincre quelqu'un qu'il en a besoin, ce qui est dur, c'est de convaincre quelqu'un qu'il en a besoin,
et que nous en avons besoin, et qu'il faut les encourager. C' est toujours la partie la plus difficile pour moi à propos des systèmes de conception, c'est d'amener les gens à bord. J' ai eu la chance de pouvoir travailler avec très bons clients qui le savent et ils ont fait bon travail pour donner le ton et mettre la table sur leur côté pour que nous puissions faire du bon travail. Par exemple, nous avons travaillé avec l'Église adventiste du Septième Jour pour
les aider avec un système de conception et un an auparavant, nous avons travaillé avec eux. Notre client, Brent, qui était le responsable web, est allé voir son patron et il a fait quelque chose qui était vraiment intéressant. Ils font beaucoup de sites Web là-bas, ce qu'il a fait c'est qu'il a imprimé
ces sites et ces petites vignettes sont de trois pouces par trois pouces et les a mises toutes sur des planches de montage et il a fini par avoir six ou sept planches de montage sur un 150 vignettes différentes. Tous ont l'air différent et il est entré dans son patron avec ces planches de montagne et il a dit, regardez tout l'argent que nous gaspillons, tous ces sont construits sur mesure conçus à partir de zéro, réinventant la roue tous les et nous ne le faisons pas assez vite. Nous ne sommes pas en mesure de le faire à la vitesse et au volume que nous voulons et donc, nous gaspillons de l'argent, je sais comment résoudre ce problème, nous avons besoin d'un système de conception et si vous pouvez me donner le budget pour cela, et si vous pouvez me donner la place pour pouvoir créer cela bien, nous pouvons être beaucoup plus efficaces, nous pouvons aller beaucoup plus loin dans notre organisation. Pour lui, ce qui était vraiment génial à ce sujet, et pour nous aussi, c'est qu' il a vraiment mis la table pour que nous fassions du bon travail. Il a fait le travail d'amener tout le monde à monter sur
l'idée de savoir pourquoi ils en ont besoin et notre travail est devenu vraiment facile. Nous pouvions bien faire le travail, c'était facile pour nous, qui est le travail de conception et de développement, parce que nous n'avions pas vraiment à faire le convaincant. Quelqu' un d'autre doit aussi faire le convaincant. Je pense que c'est une partie importante de ce travail. Comment faites-vous pour que quelqu'un fasse quelque chose pour vous ? Eh bien, tu dois savoir quelle est leur motivation. Parce que peu de gens sont de bonne volonté faire quelque chose pour vous, être désintéressé. Au lieu de cela, ils doivent savoir ce qu'il y a dedans pour eux. Ça dépend de qui tu parles et tu dois parler leur langue. Si vous parlez à un développeur, pourquoi un développeur veut-il un système de conception ? Eh bien, ils le veulent pour qu'ils n'aient pas à écrire des codes à partir de zéro ou peut-être qu'ils ne veulent pas écrire des codes qui échouent parce qu'ils se joignent à partir de zéro à chaque fois, peut-être que la cohérence est le langage que vous leur parlez. Peut-être que pour votre directeur financier de votre entreprise, pour eux, il s'agit de savoir que, oh nous allons économiser de l'argent en faisant cela parce que nous n'allons pas avoir à former
autant d'équipes ou nous n'allons pas avoir à dépenser autant de temps sur projets. Parlant, le langage de l'efficacité est probablement une bonne chose pour eux. Cela dépend vraiment de qui vous parlez et essayer de
comprendre quelle est la langue dont ils ont besoin, quelle est la chose qu'ils ont besoin d'entendre pour savoir que,
peut-être que c'est le PDG d'une entreprise et pour cette personne, il s'agit de remplir la mission de l'entreprise. Peut-être que pour eux, il s'agit de savoir comment ce système de conception va nous aider à réaliser notre mission ? Vraiment, pensez à votre système de conception est en mesure de
répondre à toutes les différentes parties de votre organisation. Haut niveau, bas niveau dans les mauvaises herbes, dans la forêt et les arbres. Ce qui est cool dans un système de conception, c'est qu'il a toutes ces différentes parties. Si vous pouvez extraire ces parties et dire que cette partie concerne la finance, cette partie concerne l'efficacité, cette partie concerne la mission. Je pense que vous serez en mesure de convaincre les gens beaucoup plus efficacement. Quand tu convainques quelqu'un de quoi que ce soit, tu dois faire tes recherches. L' une des façons dont je trouve cela vraiment efficace est de parler aux gens face à face, c'est une bonne façon. Quand nous commençons avec les clients, nous leur parlons de leurs besoins, la douleur, de
ce qui fait mal en ce moment. On est vraiment lents à ce truc. Ok, cool, si c'était plus rapide, comment ça t'aiderait. Poser des questions vraiment basiques est utile. Parfois, faire cela en tête-à-tête est moins de pression que s'il s'agit d'un groupe. Une des choses que je recommanderais est de commencer par parler aux gens face à face pour
savoir comment cette chose pourrait les aider ou, en général, même comment ils peuvent être aidés. Peut-être que la solution n'est pas un système de conception, mais souvent dans une organisation avec des questions sur l'efficacité et la rapidité, l'argent et le temps. Un système de conception est vraiment bon outil pour cela. Une bonne façon de se préparer à ça et d'obtenir l'adhésion est de dire, eh bien, tout le monde me dit où ça fait mal en ce moment, dites-moi quelles sont les douleurs et ensuite un système de conception peut être une solution pour ces douleurs. Je pense qu'il est utile de regarder d'autres systèmes de conception comme un moyen de dire, voici une solution à un problème qui est similaire à ce que nous avons. Mais ce qui est difficile à ce sujet,
ce qui n'est vraiment pas clair, c'est que les gens ne s'inquiètent pas vraiment de la solution au problème. Ils sont vraiment inquiets pour le résultat. Il est difficile de regarder un autre système de conception et d'y aller, je vois comment cela a contribué à l'efficacité de cette organisation. Ce qui est vraiment utile et malheureusement, il n'y a pas beaucoup de statistiques à ce sujet en ce moment, mais de plus en plus sortir, qui je pense est vraiment génial, c'est non seulement dire, eh bien, Salesforce a un système de conception éclair, mais au lieu de dire, Salesforce a effectivement réduit leur temps sur les projets de moitié en raison de leur système de conception. Je pense que c'est ce qui aide vraiment les gens, c'est de comprendre cela et d'entendre ces statistiques pour le dire. Parce que nous sommes dans le même bateau et si c'est le résultat qu'ils ont obtenu avec cet outil, peut-être que nous pouvons avoir un résultat similaire avec un outil similaire. Un système de conception est un outil vraiment important pour une organisation pour
entreprendre le processus de conception d'un, en
construire un, en mettre en œuvre un est un effort herculéen. Ce n'est pas quelque chose que vous pouvez probablement faire en une journée. Une chose à laquelle vous pourriez penser est, eh bien, quelle est la version que vous pouvez faire en une journée ? Quelle est la chose que vous pourriez mettre en place en quelques heures et dire, d'accord, au cours d'une semaine sur ce projet, ce petit outil m'a aidé en réduisant mon temps de moitié. Imaginez que si nous mettons à l'échelle cet outil, qu'il réduirait le temps de moitié aussi, maintenant si nous avions l'outil qui pourrait nous faire économiser six mois sur ce qui serait normalement à 12 mois projet, ce serait génial. Si vous n'avez pas de statistiques, si vous n'avez pas accès à, eh bien, voici ce qu'une autre organisation a fait avec cela. Peut-être que vous pouvez créer votre propre petit cas de test et dire, accord, maintenant que si nous mettons à l'échelle, si nous extrapolons ceci, nous pouvons voir que nous obtenons probablement autant d'économies, et ce qui est génial à ce sujet, c'est que ce sera vraiment spécifique à votre organisation. Ce ne sera pas des données anecdotiques. Ce ne sera pas des données qui disent, eh bien, ces organisations ont obtenu ça ou peut-être que nous pouvons l'obtenir ici. Ce sera vraiment basé sur ce que vous avez de l'expérience dans cet environnement particulier. L' approbation est vraiment importante pour les systèmes de conception, et la raison en est qu'un système de conception est si vaste qu'il touche toutes les parties d'une organisation. Ce n'est pas seulement pour les concepteurs, même s'il s'agit d'un système de conception. Ce n'est pas seulement pour les concepteurs, c'est pour les développeurs,
les responsables des produits, les personnes chargées du contenu, et tous les membres de l'organisation. Tout le monde doit être acheté parce qu'il va être mis en œuvre dans l'ensemble de l'organisation. Pour beaucoup de choses sur un grand promoteur de demander pardon au lieu de la permission avec un système de conception qui pourrait être l'exception. Je pense que faire acheter les gens et ça va vous épargner beaucoup de maux de tête plus tard parce que même si vous commencez au niveau du sol et y allez, eh bien, commençons juste et nous allons trouver comment l'implémenter plus tard, vous allez pour se heurter à un barrage lorsque vous arrivez à ce point où vous allez bien, nous devons mettre en œuvre cela en oeuvre, nous devons nous impliquer dans notre infrastructure ou une partie de celle-ci. Tu vas tomber dans un mur là-bas. Obtenir plus en amont est généralement plus bénéfique. Obtenir l'adhésion et une organisation est un peu différent de l'adhésion à un projet. Disons que vous êtes un pigiste, que vous travaillez dans une agence, peut-être une petite agence, et que vous parlez à un client d'un système de conception pour eux. Certaines des nuances là, sont vraiment intéressantes où j'ai travaillé sur la conception de systèmes pour les clients est parfois va créer une bibliothèque de modèles et un guide de référence juste pour notre équipe, et parfois le client n'a aucun intérêt à elle. Il devient un outil utile pour notre équipe et dire comment nous allons faire le travail pour le client. Le client veut la sortie de ce travail. Certains clients m'ont dit, nous ne nous soucions pas vraiment de la bibliothèque de modèles ou du site de référence, nous voulons juste les pages finales et c'est tout à fait bien. Si vous utilisez un système de conception pour vous-même pour faire la sortie pour le client, c'est génial. C' était utile pour vous. Tu n'as pas à avoir l'impression de devoir remettre ça. Maintenant, je pense que vous devriez être prêt à
remettre ça à votre client et avoir réellement les conversations avec eux et être ouvert avec eux pour dire, écoutez c'est comme ça que nous avons pu rendre cette chose si dans cette mesure de grande qualité et très rapidement, nous pensons que si nous vous le donnions aussi, vous seriez en mesure de le faire avec votre organisation. Certains clients achètent sur ça, d'autres ne le font pas. Mais si vous travaillez dans une agence ou si vous êtes un freelancer, n'ayez pas peur de simplement l'utiliser pour vous-même pour créer la sortie et ensuite l'offrir comme
un bonus pour le client s'il veut vraiment avoir cette partie de l'outil aussi. Que vous facturez le client supplémentaire pour ce système de conception est vraiment à vous de décider.
7. Mettre en œuvre votre système de design: La mise en œuvre est très importante pour la conception des systèmes. Vous êtes tous des designers, pensez à combien de fois vous avez obtenu un guide de style PDF que certaines marques ont dit,
oui, juste utiliser, suivre le guide de style et ensuite ce que nous faisons c'est que nous jetons et ensuite nous faisons ce que nous pensons être
juste de toute façon. Si un système de conception n'est vraiment qu'un site de référence et n'est pas réellement implémenté dans les outils et la culture de votre organisation ou de votre projet, personne ne l'utilisera. Donc, s'assurer que c'est comme une partie du mélange est super important pour un système de conception. L' un des principes que mon équipe utilise beaucoup lorsque nous travaillons sur des systèmes de conception, un de nos favoris est de faire de la meilleure chose la chose la plus facile. Beaucoup d'équipes avec lesquelles nous travaillons utilisent Bootstrap et quand elles commencent à vouloir un système de conception, partie de notre défi est de savoir comment rendre le système de conception meilleur que Bootstrap ? Bootstrap est un excellent outil et donc tout ce que nous avons utilisé qui doit le remplacer doit être meilleur et il y
a beaucoup de versions de ce qui peut être mieux. Donc, à titre d'exemple, Bootstrap est assez vanille. Si j'utilise Bootstrap et que je veux l'utiliser pour mon organisation, j'ai encore beaucoup de travail à faire avec. J' ai besoin d'intégrer mes polices de marque, j'ai besoin d'avoir mon organisation ou mes projets de palettes de couleurs, donc il y a du travail que je vais devoir faire. Si le système de conception avait déjà ce truc intégré, maintenant la meilleure chose à utiliser, le système de conception est en fait la chose la plus facile à utiliser parce que je n'ai pas à faire autant de travail dedans. L' un des principes que nous essayons d'utiliser et comment nous travaillons avec les clients et comment vous pourriez être en mesure de le
faire avec votre travail est comment pouvez-vous rendre plus faciles que les choses avec lesquelles les gens travaillent en ce moment ? Le Saint Graal d'un système de conception est un outil qui est mis en œuvre dans le flux de travail de chacun. Cela facilite la conception pour les concepteurs et rend le codage, le frontal plus facile pour les développeurs frontaux. Cela facilite le codage du back-end pour les développeurs back-end. Il dispose d'outils de gestion de produits pour les responsables de produits. Donc, les meilleures implémentations sont celles et donc le Saint Graal est celui que tout le monde peut utiliser le système de conception. Maintenant, c'est vraiment difficile à faire. Il y a beaucoup d'outils qui doivent être construits, il y a beaucoup de processus à mettre en œuvre et de flux de travail à mettre en œuvre. Donc, idéalement, un système de conception dirait, avoir les références de conception pour les concepteurs, il aurait les outils frontaux pour les développeurs frontaux et il serait également intégré dans l'implémentation afin que les développeurs back-end puissent l'utiliser aussi. J' ai rarement vu cela arriver, et donc beaucoup d'organisations y travaillent, mais il y a seulement une poignée de
ceux qui l' ont réellement accompli et encore moins qui ont réellement publié à ce sujet. Lonely Planet est une organisation qui l'a fait il y a quelques années et ils ont un excellent système appelé Rizzo, qui vaut la peine d'être examiné et très récemment, Airbnb a un assez bon système où il est implémenté dans beaucoup de leurs outils. Je pense qu'une bonne façon de penser à la façon d'intégrer un système de conception dans le flux de travail, est d'y penser comme n'importe quel nouvel outil. Quand il y a un nouvel outil que
vous utilisez, vous allez probablement le remarquer beaucoup. Vous allez probablement pouvoir l'appeler, vous allez probablement devoir en parler, vous devrez probablement rappeler aux gens de l'utiliser. Donc, lorsque vous implémentez un système de conception dans votre organisation, vous allez probablement faire un projet sans lui et quelqu'un dira, oh, nous devrions utiliser un système de conception pour cela et c'est bon, cela fait probablement partie de la période d'essai, la période d'intégration de celui-ci. Comme il s'intègre de plus en plus dans votre flux de travail à mesure que vous vous y habituez,
il commence à devenir une seconde nature où maintenant vous ne construisez
plus ou ne concevez plus sans votre système de conception, maintenant vous êtes en train de l'atteindre plus fréquemment et cela fait simplement partie de votre nature, de votre outillage, de la partie naturelle de votre flux de travail. Le plus souvent dans les organisations, un système de conception est vraiment utile pour concepteurs et les développeurs frontaux et c'est un excellent endroit pour commencer, ayant des références de conception et des conseils et aussi un code front-end, du HTML, CSS, et JavaScript avec lesquels
un développeur frontal peut travailler pour construire des interfaces, c'est une très bonne première étape. Intégrer cela dans un outil back-end est probablement la prochaine phase de votre système de conception, quoi pourrait ressembler une version deux, il y a des outils pour ce genre de choses. Donc si c'est l'endroit que vous commencez, c'est bon, c'est vraiment un endroit où être. Une des définitions dont nous avons parlé avec les systèmes de conception est un système de conception est un produit et vous devez donc le traiter comme un produit. Alors, comment amener les gens à s'intéresser à un produit ? Eh bien, vous devez faire du marketing pour ce produit. peut s'agir d'e-mails, de bulletins Ilpeut s'agir d'e-mails, de bulletinsd'information, d'un compte Twitter, d'un groupe Slack, il peut s'agir simplement de moyens d'impliquer et d'intéresser les gens. Un système de conception même à l'intérieur ou à l'organisation n'est pas une exception à cela. Donc, vous pourriez avoir à faire le même type d'évangélisation que vous feriez si vous
faites un logiciel en tant que produit de service, sauf que vous le faites simplement en interne. Donc, cela signifie que les gens sont à bord, nous avons parlé d'acheter un peu, cela signifie pouvoir évangéliser avec eux un peu, envoyer du matériel, envoyer des mises à jour fréquentes, donc vous devez le traiter comme un produit à part entière. Ce n'est pas seulement un outil, c'est un produit réel que vous devez maintenant soutenir. Ce qui est vraiment génial dans le système de conception, c'est qu'il peut être opt-in, donc tout le monde n'a pas à l'utiliser. De la même manière que certaines organisations que vous ne prescrivez pas les outils de conception ou les outils de développement que les gens utilisent, les gens peuvent utiliser leurs propres éditeurs de code ou si vous voulez utiliser Sketch versus Sigma par rapport à Illustrator, vous avez la liberté de le faire. Maintenant, vous pouvez inciter les gens à dire que
si nous utilisons tous cet outil, nous en profitons tous, mais il n'a pas besoin d'être mandaté. J' ai trouvé que mandater de haut en bas fonctionne très rarement, cela n'a jamais fonctionné en quelque sorte pour forcer tous les développeurs à utiliser la même plate-forme de codage, cela n'a pas fonctionné pour faire en sorte que les concepteurs utilisent la même application, cela ne fonctionnera pas avec le faire avec un système de conception aussi. Donc, au lieu de penser à comment il peut être mandaté, au lieu de penser à comment vous pouvez inciter les gens à vouloir être en mesure d'utiliser cela. Les incitatifs sont intéressants à parler. Comment faire pour que les gens utilisent quelque chose ? Vous leur faites appel. Donc différentes choses font appel à différentes personnes. Certes, l'efficacité et ce genre de choses sont vraiment utiles pour convaincre les gens que, oh, vous devriez utiliser cette chose. Mais parfois, comme une sorte de moyens plus doux de le faire, parfois les gens veulent juste faire partie de quelque chose et donc créer une communauté est un excellent moyen d'inciter les gens à dire regarder toutes les personnes qui utilisent ce système de conception en interne ou regardez toutes les personnes qui peuvent l'utiliser et ne voulez-vous pas faire partie de ce club ? Donc, je ne pense pas que ce doit être juste les avantages tangibles durs, il pourrait aussi être le genre, vous rejoignez le club cool kids ou vous faites cette nouvelle chose ou vous faites partie de la partie de pointe de cette organisation et ce que nous faisons ou même regardons dans le monde pour dire, regardez ce que toutes les entreprises cool comme Google et Airbnb et Facebook font avec leurs systèmes de conception, faisons de notre organisation un de ces types d'organisations. La façon dont un système de conception est intégré à une organisation est vraiment intéressante parce qu'il y a beaucoup de gens là-bas avant d'avoir un système conçu, il y a beaucoup de gens là-bas qui ont leurs anciennes façons de faire les choses parce que vous n'aviez pas de système de conception. Alors maintenant, vous avez présenté ce nouvel outil à tout le monde et c'est un obstacle en soi pour amener tous ceux qui travaillent déjà là-bas d'une manière différente à embarquer avec cela. nouvelles recrues sont parfois un peu plus une complication, mais je pense qu'il y a aussi des avantages à cela. Par exemple, nous travaillons avec une organisation en ce moment où nous l'aidons à créer le premier système de conception et qu'elle embauche en même temps. Donc, les gens qui travaillent là-bas en ce moment, nous travaillons en quelque sorte sur le système de conception avec eux, et donc le système de conception est un peu gênant, c'est un peu maladroit pour eux. Mais ce qu'ils font en fait, qui est vraiment un grand pas, c'est que ces nouveaux employés arrivent à bord, ils font juste partie du protocole que nous utilisons le système de conception, ceci fait partie de l'outillage que vous travaillez ici. Voici ce que vous utilisez pour votre portail RH, voici ce que vous utilisez pour communiquer avec le reste de l'équipe, voici comment vous créez des produits. Donc, même si ce n'est pas tout à fait vrai à ce stade, tout le monde essaie ce costume, ils disent, faisons juste comme si c'était un outil que nous allons utiliser et avons toujours utilisé et voyons comment ça se passe. Donc, pour les nouveaux employés, vous avez une opportunité là-bas aussi parce que c'est un peu une ardoise vierge de dire, eh bien, c'est la façon dont nous faisons les choses et pour une nouvelle embauche, ils ne savent pas mieux, ils ne savent pas que vous ne l'utilisez pas dans cette organisation. Donc, en essayant sur les nouveaux employés et les informant que c'est la façon dont nous voulons travailler, nous ne le faisons pas exactement maintenant, mais comme vous arrivez à bord, peut-être que vous pourriez être l'un des responsables de l'accusation. Cela incite une nouvelle embauche à dire, oh,
c' est une façon de m'impliquer et d'aider gens qui sont ici plutôt que d'avoir
l'impression que je suis déjà en train de rattraper le retard.
8. Faire évoluer votre système de design: Les systèmes de conception doivent absolument être maintenus, comme nous l'avons dit, c'est un produit et chaque produit doit être maintenu. Certains produits sont maintenus plus que d'autres, certains restent là pendant un an jusqu'à ce que l'équipe travaille dessus, puis ils sont mis à niveau vers la version 2. J' ai vu des systèmes de conception qui sont comme ça. D' autres sont un produit sur lequel les gens travaillent chaque semaine et parfois même tous les jours. C' est à votre organisation ou à votre équipe fréquence
à laquelle vous souhaitez travailler sur le système de conception, le
maintenir à jour, la mise à jour des composants, les conseils à jour, les améliorer, les itérer sur eux, en faisant une autre version d'entre eux. Cela peut être aussi lent ou aussi rapide que votre organisation peut soutenir et devrait réellement soutenir. C' est vraiment à la cadence de vos efforts, quel point tout le monde est disponible pour y travailler et à quelle fréquence vous en avez besoin. La gouvernance des systèmes de conception est un sujet si délicat. Cela est dû en partie au fait que l'idée des systèmes de conception, même s'ils existent depuis longtemps dans le monde de l'impression, ils sont nouveaux dans le domaine du numérique. Je ne sais pas s'il y a un système de conception qui existe assez longtemps pour dire que c'est la façon dont la gouvernance devrait fonctionner. En partie, l'industrie est en train de déterminer comment il faudrait maintenir
un système de conception et qui devrait en être responsable et de tout ce genre de choses. Il y a beaucoup de modèles de gouvernance différents. Un modèle évident est que, bien, il y a une personne dans notre organisation et cette personne est responsable de ce système de conception. Cela fonctionne bien, mais cela ne fonctionne que pendant une courte période, car idéalement vous voulez que votre système de conception soit un succès, et que vous voulez que ce soit quelque chose que tout le monde utilise. Plus il y a de gens qui
l'utilisent, plus rapidement cette personne est submergée par des gens qui leur posent des questions, découvrent comment ils peuvent s'y intégrer,
il dépasse très rapidement un emploi à temps plein. Beaucoup de système de conception commencent par, il y a une personne en charge de cette chose, mais très rapidement dépasser cela. La prochaine étape est, eh bien, d'une personne, peut-être que nous allons simplement développer une équipe autour du système de conception. Au lieu d'une seule personne en charge, il y a six personnes en charge. C' est un modèle que nous avons vu auparavant à divers degrés de succès. Là où ce modèle tombe en panne, c'est maintenant qu'il semble
qu' il y a six personnes en charge de ce système de conception et qu'elles ne sont pas vraiment en charge de fabriquer d'autres produits pour cette organisation et donc ils sont un un peu hors du contact pour ce que le système de conception a réellement besoin de prendre en charge. Parfois, cette équipe d'une organisation travaille comme une agence interne pour exploiter les choses et traiter les demandes
d'autres équipes de produits au sein de l'organisation et cela se sent un peu détaché. L' un des modèles que nous avons vus fonctionne le plus bien, et je pense que c'est aussi dans ces articles, est ce qu'on appelle un modèle fédéré. n'y a pas d'équipe dédiée au système de conception qui fonctionne sur ce point. Mais il pourrait y avoir une ou deux personnes qui étaient juste sur le système de conception
, puis le reste de cette équipe est en fait composé de personnes qui travaillent sur d'autres équipes de produits. C' est un peu un modèle représentatif à dire, certaines personnes qui ont travaillé directement sur ça et seulement ça, mais nous allons avoir des gens pour d'autres équipes sur. C' est presque comme un conseil de conseillers, mais les gens qui peuvent vraiment conseiller de dire, sur ce produit, nous avons fait une chose, allons le mettre dans le système de conception ou nous avons besoin de cette chose ici pour que vous obtenez des points de vue différents de la part de l'organisation. C' est le modèle jusqu'à présent que nous avons vu fonctionner avec le plus de succès. Encore une fois, je pense que c'est un peu trop jeune pour dire, c'est certainement le modèle qui va de l'avant. Il y a beaucoup de façons de travailler sur les composants et les
mettre à jour et l'orientation et la mise à jour dans le système de conception. À une extrémité du spectre, on met à jour tout le système à la fois. Vous le sortirez le premier jour, un an plus tard, vous pourriez publier la version 2 de l'ensemble du système de conception. Chaque composant est mis à jour, tous les conseils sont mis à jour, tout
est d'un seul coup. l'autre côté du spectre, il est capable de travailler sur chaque composant indépendamment. En l'espace d'une semaine, vous pouvez mettre à niveau un composant de la version 1 vers la version 1.1. Un autre composant peut rester la version 1 pendant encore deux ans. Vous pouvez travailler dessus au niveau d'un composant. Il y a des avantages et des inconvénients à chaque approche. L' avantage d'y travailler à un niveau très limité et très détaillé est que, vous travaillez réellement sur cette chose en temps réel et vous n'attendez pas une année entière pour essayer de faire tout un tas de travail. Vous pouvez en fait diviser le travail sur cela en très petits morceaux qui sont beaucoup plus gérables. Les inconvénients de cela cependant, c'est que vous devez maintenant avoir des gens dévoués sur ce sujet. Vous devez avoir des gens qui travaillent dessus à plein temps pour y travailler, disons chaque semaine ou même tous les jours, pour savoir qu'un composant doit être mis à jour. l'autre côté du spectre, l'avantage de le faire une fois par an est que vous pouvez tout faire à la fois. L' inconvénient de le faire de cette façon
est que disons que vous avez besoin d'une mise à jour du composant. Eh bien, avoir à attendre un an pour la mise à jour de ce composant, ce n'est pas une bonne chose, surtout pour les autres parties de votre organisation qui vont, eh bien, soit nous avons besoin de corriger ce problème maintenant, soit nous allons dévier du système. Votre kilométrage peut varier en fonction l'organisation dans laquelle vous travaillez, de la façon dont ils sont occupés, ainsi que de l'effort et du temps que vous pouvez consacrer au système de conception et à sa maintenance. Mais ce n'est probablement pas un côté ou l'autre, mais probablement atterrir quelque part au milieu. L' une des questions les plus fréquentes autour des systèmes de conception est, combien cela devrait changer et devrait-il être une chose unique et faite ou il y a quelque chose que vous devriez tweeter tout le temps. L' une des choses que j'aime dans le travail numérique est que nous avons la capacité de changer les choses aussi souvent que nous le voulons. C' est différent de faire un travail d'impression, si vous imprimez quelque chose de mal sur un papier et que
vous faites une faute de frappe, vous devez jeter ce papier et en imprimer un tout nouveau. Avec le numérique, vous n'avez pas à le faire, nous pouvons itérer. C' est l'une des choses qui sont formidables dans la conception de produits et le design numérique, c'est que nous pouvons changer les choses de façon modeste et changer les choses d'une manière importante. La question de savoir si oui ou non, vous devriez faire votre système de conception de cette façon, changements
très larges ou itérer dessus, dépend
vraiment de la qualité qu'il est. Je dirai que si c'est vraiment génial, tu peux le laisser tranquille. Si ce n'est pas si génial, alors vous devriez probablement le réparer. Mais ce que nous savons de la conception de produits numériques est que très rarement l'un d'entre nous peut prédire quelque chose sur un produit numérique. Faites-le vraiment bien la première fois et peut le clouer, avoir parfait et ensuite ne plus jamais avoir à le toucher. La réponse est probable que vous devrez la toucher un peu après avoir fait votre hypothèse initiale et en faire la première fois. Il y a probablement une version 2 au coin de la rue quelque part. Que ce soit dans un an, dans six mois ou dans six semaines,
je pense que cela dépend de la façon dont vous avez deviné la première fois. Ce qui est passionnant dans les systèmes de conception aussi, c'est qu'ils sont fondamentaux et que vous devriez être en mesure de vous appuyer sur eux. Concevez des systèmes tels que nous les voyons aujourd'hui, si vous regardez l'allégement ou
si vous regardez le matériel, si vous regardez l'un des populaires open source qui sont là-bas, beaucoup d'entre eux sont pour les plates-formes standard, web et peut-être des applications natives. Vous pouvez voir des applications Android ou iOS. Nous vivons dans une période vraiment cool aujourd'hui où ce ne
sont pas seulement les appareils avec lesquels nous interagissons. Beaucoup d'entre nous ont Amazon Echos dans nos maisons ou Google Homes. Nous interagissons avec des choses qui sont voix seulement ou toucher seulement et pas seulement des choses pour lesquelles nous utilisons une souris, tablettes et des choses comme ça. Je pense que la façon dont un système de conception devrait prendre en charge cela du vue de la plate-forme et du modèle dépend vraiment de la façon dont vous allez l'implémenter. Mais une chose qui devrait rester ferme tout au long du chemin, c'est en fait que vos principes devraient soutenir ces nouvelles choses. Un test de vos principes est de dire, si nous regardons ce principe, est-ce que cela guide notre travail sur le Web et qu'il peut guider, disons, un appareil vocal uniquement ? Si ce n'est pas le cas, peut-être qu'il y a un bon accord avec vos principes. Même si les plates-formes peuvent venir et aller, pensez à, vous pouvez prendre en charge les réactions dans une version de votre système de conception, et puis si la réaction disparaît sur quelques années, vous allez être peut-être vouloir retirer cela. Vos plateformes peuvent aller et venir, mais pensez
peut-être que vos principes persistent tout au long du temps. L' une des pierres d'achoppement les plus courantes que je vois avec systèmes de
conception est de devenir trop spécifique dans une technologie. Il y a toujours une saveur de la semaine. Un système de conception du point de vue de la conception visuelle et graphique et de la conception de l'interface utilisateur. Ces choses sont éprouvées et vraies, design
visuel n'a pas changé, les principes de la conception graphique restent fermes. C' est génial, mais il y a toujours une saveur de la semaine en termes de technologie. Une semaine, c'est angulaire une semaine, ça réagit une autre semaine, c'est vue. L' un des pièges que je vois avec les systèmes de conception est d'aller de l'avant sur une technologie. Si vous avez l'intention que votre système de conception dure longtemps, je suggère de ne pas aller trop loin dans la saveur de la technologie et d'aller avec quelque chose d'un peu plus agnostique. La plupart des façons dont nous construisons des systèmes de conception est de prendre en charge HTML, CSS et JavaScript Vanilla, puis de construire des couches de technologie en plus de cela. Voici nos composants HTML et CSS et JavaScript, puis voici la version réactive de ces composants ou la version angulaire de ces composants. Mais vraiment s'assurer que vous avez les deux versions. Si vous allez tout en disant, notre système de conception est seulement réagit, alors si vous vous éloignez de réagir pour une raison quelconque, vous devez réoutiller l'ensemble du système. Si vous pensez à la longévité, je suggère de descendre aux technologies HTML, CSS et JavaScript qui ont existé et continuent à persister depuis des décennies déjà, plutôt que quelque chose qui pourrait se retirer dans trois ou quatre ans. Une partie du piège d'un bon système de conception est que si
vous avez le bon outillage, c'est tout ce dont vous avez besoin. Si vous avez déjà un excellent système de conception, vous avez fait le travail pour identifier les bons composants, pour identifier les grands principes, vous avez des principes universels, vous en avez des spécifiques, disons, eh bien, nous l'avons. Maintenant, on peut faire ce qu'on veut sans parler. Je pense qu'une partie de la chose qui est facile à oublier avec un système de conception, c'est que le système de conception devrait encourager la collaboration et non pas la décourager. Si vous êtes un designer et que vous avez un bon système de conception ou un développeur et que vous avez un excellent système de conception, ça ne devrait pas être une excuse pour vous d'y aller, je peux juste faire ça sans parler à quelqu'un, même si vous le pouvez. Je pense que ça va être l'une des grandes tentations d'avoir un bon système de conception, c'est de pouvoir dire que ça devrait être une chose qui me fait parler à gens avec qui je travaille plus que quelque chose qui me fait partir, je ne besoin de travailler avec eux plus. C' est ainsi que le système de conception s'améliore. Si vous ne collaborez pas, votre système de conception s'arrêtera. Il deviendra rassis très facilement. Plus vous collaborez, plus vous trouverez d'opportunités pour améliorer votre système de conception.
9. Réflexions finales: On l'a fait. On est arrivés à la fin du cours. Maintenant, j'espère que vous savez tout ce que vous devez savoir pour commencer à utiliser des systèmes de conception. Si vous n'en avez pas utilisé auparavant, donnez-lui un coup de feu. Si vous en avez déjà utilisé un avant, maintenant vous savez comment le rendre meilleur ? Ce que j'espère que vous ferez à partir d'ici, c'est
commencer à collaborer davantage, à travailler plus avec vos clients, avec vos projets, avec les membres de votre équipe, avec votre organisation, mais comment vous pouvez mettre en œuvre des systèmes de conception et les utiliser au mieux des votre capacité. Au cours de ce cours, vous avez fait des listes, vous générez des idées, vous avez des pensées,
maintenant, partagez celles avec d'autres personnes. C' est tout le but d'un système de conception est de collaborer. Mettez ça en pratique. Vous pouvez regarder la Galerie de projets. Vous pouvez y soumettre votre travail. Vous pouvez obtenir des commentaires sur le vôtre et voir ce que les autres font aussi, alors assurez-vous d'en profiter. Toute bonne classe vous laisserait probablement plus de questions que de réponses, donc j'espère que c'est le cas ici. Si vous avez des questions ou des commentaires, laissez-les dans la discussion du projet, et je vais vérifier assez fréquemment pour voir ce que vous avez à dire. Merci beaucoup d'avoir pris le cours. J' ai hâte de voir ce que tu fais.
10. Plus de cours sur Skillshare: façon.
Dan Mall, Creative Director + Advisor
