Le pouvoir de la structure - Un guide pour concevoir des modèles de système

Les systèmes de conception aident les organisations à maintenir une cohérence expérientielle entre de nombreux produits, services et entreprises. Bien qu'ils soient généralement associés à des directives visuelles et à des bibliothèques de composants, les systèmes de conception sont tout à fait différents. Alors que de plus en plus d'entreprises réalisent la valeur de la continuité de la conception, les équipes de systèmes de conception nouvellement formées établissent les meilleures pratiques pour assurer la pertinence à long terme des efforts de conception de leurs organisations.

Lorsque plusieurs personnes s'engagent dans la même recherche de conception, des questions communes émergent. Si les réponses à ces questions ne sont pas immédiatement disponibles ou facilement compréhensibles, la cohérence de la conception passe au second plan . Entrez dans les systèmes de conception.

Bien que populaires dans les discussions sur le design contemporain, les racines des systèmes de design remontent à des décennies dans le monde de l'édition de journaux et de magazines. Même maintenant, la hiérarchie systématisée des pages éditoriales est apparente, avec des modèles préconfigurés permettant un placement cohérent du texte et des visuels.

Après 2007, l'afflux du numérique a forcé les entreprises à être plus intentionnelles sur la cohésion de la conception entre les produits et les plates-formes. L'accent a été mis sur les directives visuelles et les bibliothèques de composants, mais ces documents se sont rapidement calcifiés dans les pages de PDF et de fichiers partagés. Par essais et erreurs, les créateurs de systèmes de conception modernes en sont venus à considérer leur travail comme des produits vivants et non comme des documents statiques.

Zalando est la première place de marché de mode en ligne en Europe. Atlassian est mondialement reconnu pour ses outils de développement logiciel. Chacun a de grandes équipes de produits et des besoins de conception complexes. Que peut-on apprendre de leurs modèles de système de conception ?

Zalando : la collaboration comme modèle de système de conception

Zalando est le plus grand détaillant en ligne de chaussures et de streetwear haut de gamme en Europe. Avec plus de 1 900 marques, sa vitrine numérique massive est gérée par une équipe de centaines de designers et de développeurs. Pour assurer une expérience d'achat cohérente sur une telle collection de marchandises, l'entreprise s'appuie sur un système de conception très structuré.

On pourrait penser que le maintien d'un système de conception pour une marque aussi prestigieuse nécessiterait une gouvernance stricte et un cercle restreint de décideurs en matière de conception. Au lieu de cela, l'approche de Zalando est résolument collaborative. Plutôt que de considérer son système de conception comme une entité parfaite sous la menace de l'entropie, Zalando encourage ses équipes techniques à apporter de nouvelles idées si nécessaire. Comment ça marche?

L'objectif principal de l'équipe du système de conception de Zalando (ZDS) est d'aider les équipes de fonctionnalités à développer les composants dont elles ont besoin pour faire briller les produits. Simultanément, ZDS garantit que l'intégrité du système de conception n'est pas compromise. De cette façon, ZDS est à la fois un agent de liaison et un filet de sécurité.

Lorsqu'une équipe technique de Zalando a besoin d'une solution en contradiction avec le système de conception de l'entreprise, elle soumet une contribution à l'aide d'un simple formulaire Google. Lorsqu'un ticket de contribution est reçu, ZDS examine et classe la demande de modification en Légère , Moyenne ou Lourde . Chaque catégorie a sa propre séquence d'examen collaboratif, de conception et d'itération.

Une fois qu'une contribution a traversé ce processus et devient une réalité, l'équipe ZDS met à jour le portail du système de conception partagé de manière centralisée, présente les modifications dans sa démonstration hebdomadaire et communique les mises à jour aux parties prenantes et aux clients.

La simplicité du modèle de contribution de Zalando permet à diverses voix au sein de l'entreprise d'avoir leur mot à dire dans l'évolution du système. Philosophiquement, Zalando considère son système comme un produit, et non comme une simple ressource de documentation destinée à maintenir l'alignement visuel des produits. De cette perspective découlent des enseignements pratiques applicables à divers modèles de systèmes de conception :

• La gouvernance est importante, mais les équipes qui supervisent les systèmes de conception doivent se concentrer sur le succès des autres équipes au sein de leurs organisations.
• Rendez le processus de contribution aux fonctionnalités simple, transparent et collaboratif, et documentez toutes les communications.
• Demandez aux concepteurs et aux développeurs de travailler ensemble sur les modifications du système, favorisant ainsi un langage système partagé.
• Créez une liste de contrôle qui garantit que chaque mise à jour du système résout les problèmes d'accessibilité.

Atlassian : la pensée du système de conception réinventée

Atlassian crée des outils pour le développement de logiciels et la collaboration, comme Jira et Trello.

En 2017, Atlassian a changé de marque et lancé un site pour ses directives de conception. Parallèlement, la société a hébergé un site distinct dédié à ses composants d'interface utilisateur et à leurs exemples de code correspondants.

Au fil du temps, les deux sites ont fusionné , provoquant frustration et confusion parmi les équipes de conception et de développement internes, les fournisseurs d'intégration d'applications tiers et les clients d'Atlassian.

Reconnaissant un fossé grandissant entre la conception et le développement, Atlassian a choisi de repenser son approche des systèmes de conception. Il ne pouvait plus traiter la documentation de conception et de développement comme un simple moyen de générer du code et des sorties graphiques pour les produits Atlassian. Le design system devait être respecté comme un produit à part entière.

Pour bien comprendre son problème, Atlassian s'est soumis à un audit externe et a publié des enquêtes de satisfaction client. Comme on pouvait s'y attendre, les deux sites ont été jugés désalignés et obsolètes. Avec sa réputation en jeu et un vaste écosystème de concepteurs, de développeurs et de parties prenantes demandant du changement, Atlassian a reconnu ses lacunes et a entrepris de réinventer son système de conception.

Début août 2020, l'équipe du système de conception (ADS) d'Atlassian a lancé un nouveau site regroupant les directives pour la marque, le visuel, le contenu, les composants et les modèles.

De plus, l'équipe ADS :

• Migration de la moitié de ses composants d'interface utilisateur vers le nouveau système (le reste est en cours)
• Documentation réécrite et simplifiée tout au long
• Recherche améliorée dans le système
• Ajout de liens de code click-to-copy

La preuve la plus révélatrice de l'état d'esprit mûrissant d'Atlassian vient de la Lead Designer ADS Jennie Yip : « Une idée fausse courante à propos des systèmes de conception est qu'une fois qu'ils sont publiés, ils deviennent une source de vérité immuable. Un système de conception n'est jamais complet. Chez Atlassian, nous commençons à changer notre façon de voir notre système de conception… en une entité vivante et respirante.

5 principes du système de conception à retenir

Le tranchant d'aujourd'hui est la lame émoussée de demain, un problème qui imprègne toutes les disciplines de conception. Les outils et plates-formes de création et d'hébergement de systèmes de conception sont nombreux, mais le développement rapide de la conception numérique rend plus rentable de penser les systèmes de conception en termes de principes directeurs.

1. Les systèmes de conception sont des produits numériques.

Comme tous les produits numériques, les systèmes de conception nécessitent un entretien régulier. Les systèmes qui restent inactifs pendant de longues périodes souffriront de désuétude et de décomposition.

2. Les systèmes de conception sont collaboratifs.

Les systèmes de conception doivent répondre aux besoins des parties prenantes représentant plusieurs fonctions commerciales. Fournir des voies de collaboration empêche les systèmes d'exister dans les silos de conception et d'ingénierie et garantit que les idées de produits ne sont pas ignorées.

3. Les systèmes de conception prospèrent grâce à la simplicité.

Les systèmes de conception sont un endroit pour trouver des réponses, pas pour recueillir des éloges pour des visuels flashy, des animations complexes ou une copie pleine d'esprit. Les informations doivent être bien organisées, faciles à naviguer et consultables, tandis que les descriptions textuelles doivent équilibrer le contexte avec des instructions concises.

4. Les systèmes de conception nécessitent des stratégies de communication et d'engagement.

Les équipes qui gèrent les systèmes de conception doivent réfléchir à la manière de communiquer régulièrement les mises à jour et les nouvelles fonctionnalités aux parties prenantes. Les bulletins d'information, les séances de questions-réponses et d'autres stratégies de sensibilisation devraient informer et engager : « Ce sont les changements. C'est pourquoi vous devriez vous en soucier.

5. Les systèmes de conception sont centralisés.

Les systèmes de conception doivent être accessibles dans un emplacement unique basé sur le cloud. La navigation dans le système ou l'obtention d'actifs ne devrait pas nécessiter la connaissance d'un programme de conception spécifique. Et n'oubliez pas que la publication de directives distinctes pour la conception et le développement est une voie sûre vers la dissonance du produit.

La puissance de la flexibilité structurelle dans la conception

Les systèmes de conception ne sont pas censés être des monolithes, grands et imposants, inchangés à jamais. Ils ne sont pas non plus de simples référentiels pour les composants et les styles de conception. Ce sont des produits vivants et respirants, des efforts biologiques qui nécessitent une plantation et une taille. En tant que tels, ils méritent des équipes dédiées composées de concepteurs qui s'engagent à assurer leur maintenance et leur renouvellement continus. Après tout, les systèmes de conception ne sont jamais terminés.

En fin de compte, les meilleurs systèmes de conception sont simples, collaboratifs et flexibles. Ils répondent avec clarté aux questions de conception urgentes, accueillent les contributions de plusieurs parties prenantes et privilégient les solutions puissantes aux formules dogmatiques.

Dites-nous ce que vous en pensez! S'il vous plaît laissez vos pensées, commentaires et commentaires ci-dessous.

• • •

Pour en savoir plus sur le blog Toptal Design :

• La cohérence est la clé - Comment construire un système de conception Figma
• Comprendre les systèmes de conception et les modèles
• Figma vs Sketch vs Axure - Un examen basé sur les tâches
• Pourquoi utiliser le Material Design ? Peser le pour et le contre
• Le passé est toujours présent - Un aperçu du design intemporel