Création d'un langage de système de conception

Il semble que le mot à la mode actuel dans l'industrie du design et tout le monde en veut un. Mais comment un produit peut-il tirer profit d'un langage de conception vivant et respirant? Je vais essayer de décomposer les bases pour que vous puissiez comprendre pourquoi cela est nécessaire.

La création d'un langage sous-jacent unira nos philosophies et méthodologies de conception sur notre plate-forme.

Alors, pourquoi avons-nous besoin d'un langage de conception?

Il y a deux façons de voir les choses, d'un point de vue interne et externe.

Interne

Cela crée une perspective holistique pour nous assurer que nous respectons tous les mêmes méthodologies et modèles en équipe. Chaque membre de l'équipe doit être en phase avec le concept que nous encourageons et devrait être capable de référencer les principes de conception contre tout projet sur lequel ils travaillent actuellement. Le principal objectif d'un langage de conception est de créer une concentration et une clarté pour les concepteurs. Un langage de conception est comme n'importe quelle langue. En cas de confusion, cela entraînera une panne de communication.

Externe

Avoir un langage de conception cohérent crée une harmonie au sein d'une plate-forme. Pour les spectateurs, les couleurs, les interactions et les motifs standardisés créent un sentiment de familiarité et de sécurité. Un langage de conception bien planifié et bien exécuté est la clé d'une expérience gratifiante. Par exemple, si vous entrez dans un Starbucks en Islande, vous reconnaîtrez beaucoup de touches similaires à votre Starbucks local. La familiarité apporte un sentiment de confort et de sécurité à l'utilisateur.

L'introduction de contraintes de conception sur des éléments individuels au sein d'une plateforme crée une cohérence à un niveau supérieur.

Un langage de conception réussi sera:

Focus: permettre au concepteur de se concentrer clairement sur le projet en cours plutôt que d'être détourné par d'autres distractions.
Clarté: permet au concepteur de réfléchir clairement à nos croyances en matière de conception et aux contraintes de conception en place sur la plate-forme.
Confiance: permet au concepteur d’avoir une confiance totale en ce qu’il conçoit et en cohérence avec les autres membres de l’équipe.
Cohérence: créez une cohérence à travers le produit, ce qui créera une expérience sécurisée et familière sur toute la plate-forme.
Efficacité: créer une compréhension entre les équipes, ce qui signifie moins de temps passé à se concentrer sur les détails moins importants.

Fondamentalement, si vos concepteurs sont concentrés et comprennent le langage de conception, cela leur donnera confiance, ce qui aidera l'entreprise à un niveau supérieur, car cela créera de la cohérence et de l'efficacité.

Construire les fondations

Principes de conception

La mise en place de principes de conception solides, auxquels toute l'équipe a contribué, garantit que nous respectons tous les mêmes méthodologies et modèles qu'une équipe. Chaque membre de l'équipe doit être en accord avec le concept que nous encourageons et devrait être capable de référencer les principes de conception contre tout projet sur lequel ils travaillent actuellement.

Ton de la voix

Il est important de créer une voix cohérente pour notre produit. Chaque concepteur (ou toute personne impliquée) doit être conscient de l’approche nécessaire lors de la rédaction du contenu. Avoir un contenu cohérent est une très grande partie de la création d'une expérience utilisateur cohérente et tous les concepteurs doivent essayer d'aligner tout le contenu en conséquence.

Comment travaillons-nous en équipe? Il est important que tout le monde tienne dans la même direction et tout le monde convient que les valeurs choisies sont importantes pour créer un environnement de travail heureux.

Il y a évidemment beaucoup d'autres éléments que vous pouvez créer pour créer une base de base pour votre identité de conception. Ce qui précède n'est que la pointe de l'iceberg. Chaque entreprise est différente, alors n'hésitez pas à la développer autant que vous le souhaitez pour expliquer les méthodologies de votre approche.

Identité visuelle

Créer l'identité visuelle n'est pas quelque chose qui sera créé du jour au lendemain. Ça prend du temps. Parfois, les choses sont aussi claires que nécessaires, d'autres fois, il faut du temps pour que les éléments de construction se mettent en place. Une fois en place, il est important que les fondamentaux soient capturés et documentés à un haut niveau. L'utilisation de la couleur, de la typographie et du style de l'iconographie est essentielle pour créer une cohérence sur une plate-forme.

Couleurs: Quelle est la palette de couleurs utilisée sur la plate-forme? Expliquez comment, où et pourquoi nous utilisons certaines couleurs.
Typographie: Quelle est la police utilisée sur la plate-forme? Résume les règles autour de la pondération, du dimensionnement, de l'alignement vertical, etc.
Iconographie: Quel est le style générique pour les icônes? Il expliquera la raison pour laquelle nous avons des styles spécifiques pour différentes familles d'icônes.
Grille / Layouts: Quel système de grille est utilisé sur la plate-forme? Expliquez l'utilisation de la grille et l'idéalisme de haut niveau de nos mises en page.
Interactions: Qu'est-ce que les gens s'attendent à voir lorsqu'ils interagissent avec notre site? Donnez un aperçu de nos interactions standard.
Animations: Comment abordons-nous les animations? Expliquez la raison des animations sur la plateforme et nos contraintes d'utilisation.
Ressources de conception: Un point central pour les actifs à télécharger facilement pour les partenaires externes. Nuanciers, logos, jeux d'icônes, etc.

Les prochaines étapes

Vous êtes probablement au courant de l’importance d’un langage de conception sur votre plate-forme, mais vous vous dites «par où commencer». Cet article est un niveau assez élevé. Créer un langage de conception va beaucoup plus loin que ce que j'ai identifié ci-dessus. La création du guide de style et à son tour le développement d'une bibliothèque de composants est l'évolution d'un système de conception.

Donc, voici un processus que j'ai mis au point et qui devrait vous aider à vous concentrer sur ce dont vous avez besoin pour faire avancer les choses:

Faire un audit d'inventaire de l'interface utilisateur

Avant de commencer quoi que ce soit, il est préférable d'identifier à quel point la version actuelle est incohérente. Cela fonctionne de deux manières. Cela aide à identifier la raison pour laquelle vous le faites, à identifier à quel point tout est incohérent, mais cela devrait vous aider à obtenir le soutien de l'entreprise pour savoir exactement pourquoi vous créez le système de conception; pour créer de la cohérence sur la plate-forme. Brad Frost a mis en place un excellent article comment vous allez procéder à un audit d’interface utilisateur.

Un exemple d'audit d'interface utilisateur

Prioriser vos éléments d'interface utilisateur

Je suis sûr que chaque équipe de conception a des priorités différentes en ce qui concerne ce qui, à son avis, est essentiel à la création de cohérence, mais il y a généralement des éléments essentiels à la création des bases. Les goûts des couleurs, de la typographie et de l’iconographie sont un excellent point de départ. Travaillez étroitement avec l'équipe de conception et de développement pour créer une liste de priorités en fonction de votre audit d'interface utilisateur. Cela devrait guider votre feuille de route dans un avenir prévisible.

J'ai trouvé en utilisant un Trello Le conseil d'administration, en tant que moyen de maintenir une liste de priorités à jour, est un excellent moyen de travailler. Il vous permet de: a) créer votre liste et définir les éléments dans une ligne prioritaire, c’est-à-dire ce que vous allez aborder en premier et b) vous permet de suivre exactement la distance qui vous sépare de chaque composant.

Un exemple de tableau Trello documentant la transition d'un composant dans le cycle

Commencez des discussions avec l'équipe de conception

Donc, maintenant que vous avez identifié exactement ce que vous allez aborder en priorité dans la liste des priorités, il est temps de s'asseoir avec l'équipe de conception pour obtenir toutes les idées et opinions sur les premiers composants nécessaires. Il existe différentes approches pour qui possède le projet de système de conception , mais pour cet exemple, je vais prendre l'exemple d'un concepteur unique en charge du projet.

Cela signifie qu'il vous appartient de discuter de tous les aspects du composant avec les concepteurs qui, avec le temps, utiliseront le langage de conception. Ceci est extrêmement important pour garantir que les concepteurs ont tous le sentiment d'avoir contribué à la création.

Documenter toutes les instances

Il est temps de prendre des décisions. Documentez ce que vous créez, en vous assurant que vous répondez à tous les besoins. Il est essentiel que ce que vous créez ne soit pas subjectif. Vous devez expliquer pourquoi vous prenez ces décisions, car cela vous permettra d'expliquer vos décisions à l'équipe de conception.

Un exemple d'utilisation de la couleur.

Voir si ça marche

L'étape suivante consiste à tester vos décisions. Il est très facile de prendre des décisions sur papier, mais lorsque vous les mettez en pratique, il se peut que certaines décisions ne fonctionnent tout simplement pas. Essayez quelques exemples du nouveau style en utilisant les conceptions actuelles.

Le verrouiller

Une fois que vous êtes satisfait du résultat et que vous avez l'adhésion de toutes les parties, il est temps de le verrouiller et de sensibiliser le reste de l'équipe sur la manière et la raison pour laquelle ces éléments doivent être utilisés. Il est important de se rappeler que même si vous verrouillez le style, si vous pensez que certains éléments ne fonctionnent pas, vous pouvez les modifier si nécessaire.

Passer à l'élément suivant

Une fois que vous avez éduqué l'équipe et que vous avez compris que les concepteurs respectent vos décisions, il est temps de passer à la prochaine série d'éléments. Il vous appartient de déterminer le nombre d'éléments que vous prenez à la fois, mais vous ne devriez jamais trop vous en priver. Cela vous empêchera de vous concentrer sur les petits détails. Ma préférence de départ serait: couleurs, typographie, icônes, champs de saisie, tableaux, listes.

Une fois que tout le monde a appris le nouveau style, il est important que tous les concepteurs et développeurs mettent en œuvre les styles correctement.

L'enregistrement hebdomadaire est essentiel pour surveiller les choix de style afin de s'assurer que tout le monde travaille avec les mêmes décisions de conception. Utiliser des produits tels que Artisanat par Invision vraiment aider à apporter de la cohérence lors de la progression.

Comment mesurer le succès

Le langage de conception n'est pas un succès tant que la société ne commence pas à l'utiliser et à y trouver de la valeur.

Exemples de langages de conception

En outre, voici une étude de cas que j'ai créée pour une récente révision de conception à laquelle j'ai participé: https://www.behance.net/gallery/34224289/Ryanair-Design-Centre

La plus grande menace existentielle pour tout système est la négligence

Alex Schleifer, vice-président du design chez Airbnb

[- Cet article était à l'origine publié sur Medium . -]

création de sites web productivité de la conception langage de conception système de conception langue du système de conception comment créer un langage de design