Comment exploiter les compétences que l'IA ne peut pas automatiser

Dans un monde où chacun peut créer un prototype fonctionnel à l'aide d'invites, ce qui distingue les bons produits des produits excellents est le soin et la qualité investis en eux. Sans contribution humaine réfléchie, les outils d'IA génèrent des résultats qui fonctionnent sur le papier mais qui, dans la pratique, ne répondent pas aux objectifs. Combler cet écart nécessite des qualités humaines distinctes telles que la curiosité, l'intuition, le goût et l'intention. Nous allons ici voir comment vous pouvez cultiver et exploiter ces compétences pour orienter les outils d'IA vers des résultats de qualité, et pas seulement rapides.

Curiosité : commencer à partir des premiers principes

Être curieux, c'est se demander « et si » et « pourquoi » avant qu'un chemin clair ne soit tracé ; c'est envisager des dizaines de directions différentes, puis itérer jusqu'à ce que vous validiez la bonne. Traditionnellement, ce type de curiosité prend du temps, mais les outils d'IA ont abaissé la barrière qui empêchait d'explorer davantage d'approches. Avec Figma Make, par exemple, un product manager peut entrer une invite, générer des prototypes et voir quelles idées valent la peine d'être poursuivies sérieusement, le tout sans écrire une ligne de code. Un spécialiste du marketing utilisant Claude ou ChatGPT peut élaborer plusieurs ébauches de campagne en quelques minutes et les comparer pour voir laquelle correspond le mieux au message et aux objectifs de sa marque. Mais même avec ces accélérateurs, il y a encore de réelles limites. L'IA ne peut pas décider de s'éloigner du cadre original juste pour voir ce qui pourrait se passer, ni se demander si le cadre lui-même doit changer. Elle ne peut pas ressentir l'attrait d'une idée inattendue ou d'une intuition, ni sentir quand quelque chose mérite un examen plus approfondi, même si cela prend du temps.

La curiosité non seulement permet d'aboutir à davantage d'idées, mais elle renforce également votre certitude par rapport à celles que vous retenez. Explorer largement au début facilite l'optimisation par la suite, avec moins de suppositions et de retouches. Prenez, par exemple, Natasha Tenggoro, designer produit chez Figma, qui a utilisé Figma Make pour tester et valider différentes façons d'ajouter des vidéos à Figma Buzz. En créant des prototypes, elle a indiqué « Laissez-moi explorer davantage d'approches, tester immédiatement les cas particuliers et optimiser en toute confiance. » Cela a également aidé les ingénieurs à comprendre la portée et la faisabilité de la fonctionnalité, évitant ainsi des allers-retours coûteux pour toute l'équipe.

En savoir plus sur la façon dont la designer produit Natasha Tenggoro a utilisé Figma Make afin de créer le prototype d'expériences initiales pour ajouter la lecture vidéo à Figma Buzz.

Comment la curiosité a transformé la suite d'icônes de Figma

Alors que Figma se préparait à lancer quatre nouveaux produits (Figma Make, Figma Buzz, Figma Sites, et Figma Draw), le designer produit Tim Van Damme fut chargé de créer des icônes qui non seulement représentaient clairement chaque outil mais aussi fonctionnaient ensemble comme partie d'un langage visuel cohérent.

En surface, le projet semblait simple : concevoir quatre nouvelles icônes pour représenter quatre nouveaux produits. Mais quand Tim a commencé à esquisser des approches potentielles pour chacun de ces produits, il a réalisé qu'il devait prendre du recul. Et si, au lieu de se concentrer sur chaque icône individuellement, il redessinait l'ensemble de la suite d'icônes Figma pour obtenir un aspect plus moderne et unifié ? Cela ajouterait des semaines au calendrier du projet, mais une réinvention plus globale semblait en valoir la peine. Il a élargi la portée à une refonte complète, revisitant les icônes existantes à côté des nouvelles, examinant des centaines de variantes et s'assurant que chaque symbole était distinct par sa propre identité – tout en restant cohérent au sein de la famille d'icônes Figma dans son ensemble.

La suite d'icônes actualisées est à la fois plus unifiée et plus distinctive. Chaque icône représente clairement chaque produit, s'adapte facilement aux grands formats tels que les panneaux d'affichage et demeure indubitablement fidèle à Figma.

En savoir plus sur l'approche de la conception d'icônes de Tim Van Damme, designer produit Figma, et découvrir les explorations qui ont façonné les résultats finaux.

Intuition : suivre son ressenti

Bien que l'IA puisse accélérer les délais de mise sur le marché, elle ne peut pas vous dire ce qui parlera le mieux à un client, contrairement aux créateurs de produits. Ces derniers peuvent sentir qu'une interaction est floue, même si elle fonctionne techniquement dans le prototype. Ce même instinct pourrait les inciter à réclamer plus d'espace blanc dans une mise en page encombrée, même lorsque tout le contenu respecte les contraintes données. Le vrai design, c'est lorsque vous favorisez une vision de ce qui pourrait être », déclare Eliel Johnson, vice-président de l'expérience utilisateur et du design chez CVS Health. « J'aime penser au design comme un verbe, pas seulement un intitulé de poste. Nous voulons concevoir et demander, "Est-ce que ça fait du bien ?"

Ce qui distingue les produits aujourd'hui, ce n'est pas seulement leur fonctionnalité, mais c'est aussi leur capacité à susciter une réponse émotionnelle. Atteindre ce niveau de résonance émotionnelle nécessite d'anticiper ce qui touchera véritablement. « Essayer de maintenir un avantage compétitif grâce à des fonctionnalités ne fonctionnera plus », écrit Andrew Hogan, responsable des informations chez Figma. « Si votre équipe ne peut pas concevoir intentionnellement en vue d'une réponse émotionnelle, les concurrents copieront vos fonctionnalités à une fraction du coût. Cela signifie qu'il faut comprendre les peurs, les motivations et les espoirs forts des utilisateurs, qui sont difficiles à saisir – et souvent visibles uniquement en dehors de l'écran. En d'autres termes, concevoir des produits qui se connectent à un niveau plus profond nécessite une intelligence émotionnelle et un instinct.

Comment l'intuition a orienté le rebranding de Plaid

Après des années à aider les utilisateurs à relier en toute sécurité leurs applications à leur compte bancaire, Plaid a élargi son offre de produits pour inclure la vérification d'identité, les informations financières et la prévention des fraudes. Ces nouveaux produits ont élargi son audience au-delà des particuliers pour inclure les banques et les régulateurs – chacun ayant des besoins et des défis qui lui sont propres. Cette évolution nécessitait une approche visuelle pouvant refléter cette expansion de produits et s'adresser à des publics différents tout en restant cohérente.

Pour le rebranding, Plaid s'était initialement associé à une agence externe, mais capturer les nuances de ses publics et la manière dont la marque pourrait évoluer nécessitait un niveau de contexte que seule l'équipe interne pouvait apporter. Le projet est rapidement revenu en interne. L'équipe avait déjà perdu des mois, et travailler uniquement avec des designers et des spécialistes du marketing internes aurait encore plus monopolisé la bande passante de l'équipe. Pourtant, Plaid pensait que confier le travail à des experts internes comprenant parfaitement ses publics et ses produits porterait ses fruits.

L'équipe a de nouveau réfléchi aux approches visuelles, testant des motifs visuels inspirés de la monnaie et expérimentant des effets holographiques. Elle a adopté un rythme plus rapide et plus collaboratif, mais cette nouvelle approche s'accompagnait de compromis : avancer plus vite signifiait faire confiance à son instinct au lieu d'effectuer de longues recherches, et explorer à grande échelle signifiait risquer de perdre plus de temps. « C'est comme construire un ensemble Lego et se dire "Je vais construire une maison" sans savoir exactement à quoi ressemblera la maison finale », affirme Christophe Tauziet, responsable du design chez Plaid. « Vous continuez simplement à avancer et apportez des modifications en cours de route. »

En fin de compte, le compromis fut justifié, résultant en une identité de marque suffisamment flexible pour avancer aux côtés de Plaid – une identité moderne et distinctive, mais suffisamment ancrée pour inspirer confiance aux particuliers, aux banques et aux régulateurs.

Goût : prendre soin des détails

L'intuition est le sentiment que quelque chose pourrait fonctionner, tandis que le goût est la capacité de juger quelles idées affiner et lesquelles rejeter. « La plupart des entreprises confondent goût et esthétique », écrit Sarah Guo, investisseur de la première heure dans Figma. « Mais le vrai goût est plus profond – il est dans les messages d'erreur, les états de chargement, les fonctionnalités que vous avez éliminées parce qu'elles n'étaient que bonnes et pas essentielles. »

Le goût vous pousse à éliminer vos choix favoris, comme Tim l'a fait lorsqu'il a complètement abandonné l'idée d'une icône d'abeille pour Figma Buzz, même s'il avait passé des jours à concevoir des centaines d'itérations. Le goût, c'est savoir à quoi donner priorité lorsque le temps est limité, comme l'a fait l'équipe Duolingo Math en perfectionnant les interactions de base au lieu d'ajouter des fonctionnalités supplémentaires lors du test de nouveaux jeux de mathématiques. C'est savoir quand arrêter de bricoler le produit et le livrer, même si vous avez l'impression que vous pourriez l'améliorer à l'infini. Comme le dit Sarah, « le vrai goût fait mal ». Si votre goût ne vous coûte rien, ce n'est pas du goût. C'est une préférence. »

Alors que l'IA permet d'aboutir à davantage d'idées, le goût devient l'éditeur, le sens du discernement qui est intrinsèquement humain. L'IA peut suivre des règles, garantir la cohérence et même repérer des irrégularités visuelles, mais parmi deux solutions techniquement correctes, elle ne peut pas déterminer laquelle suscite le plus de confiance ou de plaisir.

Optimiser le défilement horizontal dans le panneau des calques de Figma

Concevoir la barre de défilement horizontal (qui permet de se déplacer latéralement pour révéler les calques ne rentrant pas dans la vue) dans le panneau des calques de Figma s'accompagne d'une myriade de décisions et de considérations mineures. Le panneau devait gérer des milliers d'éléments ayant des états changeants sans désorienter les utilisateurs ni ralentir leur travail. Le défi consistait à trouver une solution à la fois fonctionnelle et facile.

Les équipes de design et d'ingénierie de Figma ont conçu des prototypes rapides pour voir ce que les différentes idées donnaient pendant que les utilisateurs faisaient défiler des milliers de calques présentant des états changeants. Certaines options semblaient prometteuses sur papier mais ne fonctionnaient pas en pratique (par exemple, en accédant automatiquement à un calque, l'utilisateur perdait l'endroit où il était dans son travail et ajouter de petits marqueurs pour afficher les calques masqués) ne faisait qu'encombrer le panneau. D'autres questions, portant par exemple sur la quantité d'espace vide à laisser au-dessus des calques visibles, n'avaient pas une réponse « juste ». Pour prendre ces décisions, les équipes de design et d'ingénierie ont itéré et optimisé jusqu'à ce que l'interface soit équilibrée et claire.

Le design final équilibre subtilité et clarté grâce à un espace blanc soigné et à une heuristiques qui déterminent quand – et jusqu'où – faire défiler automatiquement l'écran lorsque les utilisateurs cliquent plus en profondeur dans les calques du plan de travail. Le résultat semble transparent pour les utilisateurs, mais a été façonné par un jugement rigoureux appliqué aux moindres détails.

Ajouter une barre de défilement horizontal au panneau des calques de Figma a été un exercice complexe. En savoir plus sur les explorations qui ont conduit au résultat final et les leçons à retenir dans le cadre de la démarche.

Intention : concevoir des systèmes à faire évoluer

Bien que les outils d'IA puissent accélérer le travail de design, ils ne sont efficaces que dans le contexte que vous fournissez. Les design systems intègrent le savoir-faire dans un cadre cohérent que l'IA peut comprendre, réduisant ainsi les retouches et prévenant les problèmes de qualité ou de fidélité du design. Par exemple, l'IA ne peut pas deviner que votre équipe préfère des marges intérieures de 8px plutôt que 12px, ou que vous n'utilisez jamais le rouge-500 pour les appels à l'action. L'IA ne peut pas non plus savoir à quel moment la croissance d'une marque nécessite que son design system soit réinventé avec des couleurs, une typographie ou des composants nouveaux. Il faut une expertise en design pour créer un design system qui donnera à l'IA les garde-fous nécessaires pour générer des résultats exploitables.

Comme l'affirme Marcel Weekes, vice-président de l'ingénierie produit chez Figma : « [L'IA] excelle vraiment dans la compréhension de la structure d'un design system. Vous voulez que votre site web ou votre application véhicule votre identité, donc cela vaut la peine que vous vous investissiez pour chercher à fournir le contexte de votre design system à l'IA. »

Comment les design systems ont aidé à façonner la nouvelle ère de Polaroid

Alors que Polaroid se réinventait en vue de l'ère du numérique, son travail au niveau du design était ralenti par des outils fragmentés et des workflows incohérents. Les designers travaillaient sur des fichiers isolés, et il n'existait aucun design system centralisé pour unifier la marque au niveau de tous les produits. Cette difficulté engendrait une telle perturbation que l'équipe n'a conçu qu'une application IOS.

Pour résoudre ce problème, l'équipe UX de Polaroid a commencé à concevoir dans Figma un design system allant servir de source unique de vérité. Elle a commencé par créer des composants partagés, des tokens et des variables pour gérer les couleurs, les polices et les thèmes sur toutes les plateformes. De là, elle a standardisé les composants de base afin que les designs iOS et Android puissent être gérés côte à côte, réduisant ainsi le travail en double. Cela a abouti au système sur lequel l'équipe compte aujourd'hui. Grâce à ce système, Polaroid livre désormais ses produits plus rapidement et de manière plus cohérente. Les designers peuvent adapter le travail à plusieurs produits et plateformes et les développeurs travaillent à partir du même ensemble de règles, garantissant que les résultats restent cohérents et indubitablement fidèles à Polaroid.

Découvrez comment Polaroid touche une nouvelle génération d'utilisateurs grâce à une approche nouvelle de ses design systems et de ses workflows.

À l'ère de l'IA, vitesse et mise à l'échelle sont faciles à atteindre. Ce qui est plus difficile, et bien plus précieux, ce sont les choix humains qui font qu'un produit reflète l'art et la vie. Comme l'avance Sarah, « Dans un monde où l'IA peut générer instantanément une application CRUD ou reproduire n'importe quel site web, le goût devient le dernier différenciateur. Les fonctionnalités peuvent être copiées. Les fonctionnalités peuvent être égalées. Mais la sensation d'utiliser quelque chose façonné dans un but ? C'est irremplaçable. »

Explore Software Is Culture, a collection of stories tracing the impact of design on how we think, feel, and connect.