,

Concevoir à l’échelle : Première partie

Comment nous arrivons à créer une cohésion à partir de 16 équipes et de 1 300 pages en direct avec un système de conception.

Récemment, notre équipe de conception a entrepris de répondre à une question importante : Quelle est la recette secrète qui permet de créer une expérience de conception Web cohérente (en tenant compte de plus de 16 équipes dans toute l’entreprise, avec des concepteurs travaillant sur plus de 1 300 pages en direct)? Comme Square a connu une croissance rapide au cours des dernières années et des derniers mois, notre équipe de conception a été confrontée aux difficultés de croissance éprouvées qui sont souvent citées lorsqu’une jeune entreprise est mise au défi de commencer à « concevoir à grande échelle ». La réponse? Un investissement constant et dédié dans les systèmes de conception.

Plus précisément, mon équipe est responsable du système de conception de notre site Web mondial, squareup.com. Notre objectif est de créer une trousse de composants flexibles et efficaces que tout concepteur marketing peut utiliser pour créer des pages de renvoi ou des expériences Web pour sa propre équipe. En termes simples, cela se traduit par un catalogue de composants Figma, allant des systèmes de grille aux états de survol que les concepteurs peuvent utiliser. Sous la surface se cachent d’innombrables heures de vérifications, d’explorations de conception et surtout, de collaboration.

Dans l’espoir d’assurer le succès de notre système de conception de sites Web de marketing, j’ai rencontré Josef Khoo et Bradley Ryan, mes coéquipiers qui travaillent actuellement sur le système de conception de produits Square Market.

browser window with video conference of 3 teammates smiling at their cameras

Microphones et vidéo allumés, document Google vierge prêt pour les notes, j’ai demandé à enregistrer la conversation afin de pouvoir partager la richesse de l’information avec vous tous. En tant que principaux responsables du système de conception de l’interface utilisateur de Square, Josef et Bradley sont à l’origine de bien plus que le catalogue de composants et de modèles Figma qui constituent les éléments de base de notre logiciel. Leur plus grand défi est de réussir à étendre le système de conception à des centaines de concepteurs et des milliers de parties prenantes chez Square.

« Notre outillage doit être formidable. Nous devons le rendre si bon que les autres équipes aient vraiment envie de l’utiliser. »

— Josef Khoo, Conception de produits

Je décrirais l’approche de Josef et Bradley pour développer efficacement Market comme un effort de base, en se connectant directement avec les gens. Ils m’ont présenté les quatre domaines d’intervention qu’ils utilisent pour décomposer la complexité de leur travail : la collaboration, la prise de décision, l’expérience et l’équipe.

La collaboration

Ce qui est clair pour ces deux-là, c’est la valeur de l’établissement de relations dans leur travail. Josef et Bradley offrent de nombreuses occasions aux concepteurs de poser des questions, de collaborer à la conception de composants et de se sentir à l’aise avec Market. Ils ont créé plus de vingt circuits Slack pour créer des espaces sûrs et ciblés permettant aux équipes de collaborer directement avec eux. Si ce nombre de circuits Slack peut être source d’anxiété pour d’autres concepteurs, Josef et Bradley les considèrent comme des passerelles vers les personnes qui créent des outils pour les entreprises.

Les systèmes à grande échelle concernent les gens, pas seulement les pixels
Bradley Ryan, concepteur de produits

chat window labelled market design with message thread between 3 designers

Les circuits d’organisation plus grands sont parfaits pour les annonces et les introductions au système de conception Market.

En plus de Slack, Josef et Bradley organisent diverses réunions pour faciliter les discussions ouvertes et honnêtes. Une fois par mois, ils organisent une séance « Intégration de Market » au cours de laquelle ils expliquent les bases de Market et font connaître les ressources disponibles. Lorsque Slack ne suffit pas, les équipes partenaires ont la possibilité d’approfondir les sujets durant les heures de travail hebdomadaires de Market Design. Ce que j’apprécie des heures de travail, c’est la transparence qui entoure cette méthode de collaboration. Comme dans le cas d’une diffusion en direct, tout le monde chez Square est invité à participer à la conversation. Il n’y a pas d’interminables séances de notes sur un tableau blanc derrière des portes closes.

La prise de décision

Les détails d’un système de conception peuvent être assez granulaires et même subjectifs. Le fait de respecter un cadre décisionnel aide Josef et Bradley à évoluer de manière efficace et avec un minimum de préjugés.

1. Encadrer la décision

Après les heures de travail, Josef et Bradley assurent un suivi, par l’entremise de Slack, en posant des questions et en résumant leur décision. Les avantages de cette approche sont de créer une prise de décision transparente, de fixer les attentes et la responsabilité, puis de fournir une référence documentée à la conversation. Ils sont également pleinement conscients de la complexité du travail d’une équipe de produits, sachant qu’ils ne prendront pas forcément une décision en 30 minutes. Et c’est bien ainsi.

« Nous ne pouvons probablement pas tout résoudre dans les prochaines minutes, mais soyons clairs sur les problèmes que nous essayons de résoudre. »

— Bradley Ryan, concepteur de produits

diagram showing questions leading to yes or no answers or additional question

Les concepteurs sont guidés vers un arbre de décision simple lorsqu’ils proposent une amélioration du système de conception.

2. Utiliser un cadre clair

C’est ce que j’ai retenu le plus de mes conversations avec Josef et Bradley. Surtout parce que c’est ce qui manque à mon équipe. Plutôt que de demander à une personne ou à une équipe de faire connaître ses opinions, le fait de s’appuyer sur un cadre permet d’obtenir une conclusion impartiale. Et moins de réunions, c’est encore mieux!

3. Prendre en compte une variété de perspectives

Cela vaut à la fois pour les équipes de conception qui utilisent Market et, surtout, pour les commerçants qui font l’expérience du produit de Square. En interne, cela peut prendre la forme de discussions sur Slack ou de sondages. En ce qui concerne les commerçants, cela signifie qu’il faut effectuer des entrevues auprès d’eux de façon continue pour toujours améliorer le système.

4. Agir

Et ils le font toujours ! Je suis toujours très impressionné par la rapidité de leurs réponses sur Slack. Leur approche empathique aux questions des concepteurs permet de maintenir une conversation ouverte et honnête. Cela, combiné à leur motivation à livrer des composants de qualité, dégage une confiance qui est contagieuse.

Avec les bonnes personnes et le bon processus, nous sommes sûrs de pouvoir prendre une décision.
Josef Khoo, concepteur de produits

5. Documenter et communiquer

La méthode de documentation de Josef et Bradley est réfléchie et tient compte des utilisateurs, des concepteurs et des ingénieurs, tout au long du processus. Josef est conscient que les concepteurs n’ont pas tous le même processus de travail. Les composants de Market sont conçus pour être simples, intuitifs et suffisamment flexibles pour s’adapter à la majorité des processus de travail. Ils fournissent également des exemples d’écran, comme la galerie Market, pour montrer aux concepteurs des exemples concrets d’utilisation des composants.

graphic four boxes showing process for design backlog: proposed, planned, in progress, and resolved. Looping back to proposed.

« Avec la documentation, nous nous concentrons sur l’impact. Qu’est-ce qui aidera le plus les concepteurs? »

— Bradley Ryan, concepteur de produits

Lorsqu’un composant est prêt à être utilisé, l’étape cruciale pour mesurer l’efficacité est son utilisation. Vous pouvez avoir les plus beaux boutons, coches, etc., mais s’il n’y a pas d’adoption, le système de conception est un échec. Josef et Bradley sont conscients qu’ils doivent continuellement réévaluer leur documentation en se posant les questions suivantes : Est-ce que cela rend mes créations plus faciles et plus rapides ou est-ce que cela me ralentit?

Nous n’avons fait qu’effleurer la surface de ce qui constitue un système de conception. Gardez l’œil ouvert pour Concevoir à l’échelle : Deuxième partie, où je continuerai à décortiquer les domaines d’intérêt de l’expérience et de l’équipe.