Expérience Utilisateur
Figma, le Google Docs de L'UX Design
L'entreprise américaine née en 2012 avec ni plus ni moins que l'ambition de révolutionner la conception d'interfaces, vient de poser ses valises en France. L'occasion de tirer le portrait de cette société qui se pose en concurrente d'adobe, Sketch, mais aussi de Miro et de ( dans une moindre mesure) Klaxoon.
Reste- t- il un éditeur qui ne place pas « l'utilisateur au centre » , chez qui les solutions ne sont pas « user- centric » ? Sans doute, mais il se cache bien. Plus qu'un simple argument marketing, l'expérience utilisateur est devenue, en l'espace de quelques années, une tendance de fond, consistant entre autres à penser les interfaces pour que l'utilisateur puisse, a minima, trouver facilement les fonctionnalités et les informations dont il a besoin. Et ce qui semblait valoir pour le B2C, vaut désormais autant pour le B2B. « L'expérience utilisateur est un différentiateur » nous expliquait Dylan Field, CEO et cofondateur de Figma, alors de passage à Paris. En effet, cette société américaine s'est, mi- juin, installée dans l'hexagone, un marché particulièrement porteur pour l'entreprise. Car, si son nom ne vous dit rien, il évoquera certainement quelque chose chez Thales, la RATP, la Société Générale, Qonto, Carrefour, Doctolib, Canal+ ou encore Decathlon. Il ne s'agit ici que des clients français de Figma, dont les solutions sont également utilisées par Rakuten, Google, Uber, Airbnb ou encore Microsoft. Bref, pour peu que vous ayez déjà visité les sites web ou utilisé les applications de quelques- unes de ces entreprises, vous avez déjà eu du Figma dans les mains. Plus ou moins.
De bout en bout
L'éditeur propose en effet une solution de conception d'interfaces et d'expériences utilisateur. Pendant longtemps, les designers devaient, pour concevoir des maquettes d'applications mobiles ou de sites web, recourir à des outils qui n'étaient pas prévus à cet effet, par exemple Illustrator ou Photoshop. Puis sont arrivées de nouvelles solutions, Adobe XD ou Sketch, pour ne citer qu'eux. Figma propose peu ou prou les mêmes fonctionnalités de design et de prototypage que ses illustres concurrents ( mises en page automatiques, tests, librairies, templates, prototypage interactif, composants, etc.). À noter que, contrairement à Sketch, Figma est touten- un : il ne requiert pas de passer par des outils tiers, tels qu'illustrator ou Invision, pour réaliser l'ensemble de la chaîne de conception d'interfaces, y compris la création de vectoriels ou l'examen du code. En effet, ainsi que nous l'explique Yuhki Yamashita, VP Produit de Figma, l'outil ne se destine pas exclusivement aux designers D'UI/ UX. « La majorité des collaborateurs dans les entreprises de design ne sont pas des designers » rappelle- t- il. Les développeurs sont donc les bienvenus sur la plateforme, d'autant que celle- ci emprunte largement au développement web et à la programmation.
Ainsi, son Design System n'est pas sans rappeler un repository Github en termes de versioning, avec des branches principales et secondaires pour un même fichier, permettant d'effectuer une révision de tel ou tel élément du fichier sur une version secondaire avant de la fusionner à la branche principale et d'y appliquer les modifications. En outre, les
Dylan Field, CEO et cofondateur de Figma.
« L'expérience utilisateur est un différentiateur. »
composants dans Figma se veulent plus flexibles que chez la concurrence, avec la possibilité de personnaliser les propriétés de chaque composant et de les combiner. Ce qui permet accessoirement de réduire le nombre de composants de L’UI, un écueil pour bon nombre de concepteurs. L’éditeur traite donc l’ensemble de la chaîne, du prototypage à la livraison en passant par la création graphique et le test. Ce qui n’exclut pas les intégrations, relativement nombreuses. « Nous pensons que vous pouvez tout faire sur Figma, mais nous sommes conscients que nos clients ont pu investir dans d’autres logiciels. Donc nous nous appuyons sur une collection D’APIS » . On pensera notamment aux intégrations avec Jira ou Asana, permettant d’intégrer les designs aux projets et aux canaux de discussions. Contrairement aux captures d’écran, les intégrations dynamiques reflètent les changements apportés au fichier de design en temps réel. Des intégrations avec Power Apps Express Design chez Microsoft, Amplify Studio D’AWS ou encore Material du côté d’android viennent faciliter le passage du fichier de design à l’application ou au site. Ajoutons à cela de nombreux plugins développés par la communauté pour automatiser un certain nombre de tâches, de la mise à jour d’une carte à la traduction de l’anglais au français, en passant par l’adaptation automatique de contenus visuels.
Collaboratif
Poussant le vice plus loin encore, l’entreprise a récemment lancé Figjam, un outil de tableau blanc qui se pose en concurrent à Miro ou encore au Français Klaxoon. Car, c’est bien là le principal avantage de Figma sur ses homologues, « tout est dans le cloud » , explique Yuhki Yamashita. « Figma est conçu pour être accessible depuis le navigateur » ajoute- t- il, contrairement à Adobe
Xd, qui oblige d’avoir l’application en local. Sketch a bien tenté de proposer une application web, mais celle- ci est affligée de nombreux bugs. Chez Figma, on veut mériter ce titre de Google Docs de L’UX. « Il suffit de cliquer sur un lien pour se retrouver sur le fichier de design » indique le VP Produit. Puisque l’outil est entièrement en ligne, les fonctions collaboratives et de partage de documents sont centrales dans Figma. Il est ainsi possible de partager un fichier de design au moyen d’un simple lien, de travailler à plusieurs et en même temps sur un même document, d’annoter, de commenter d’afficher les versions antérieures ou les modifications effectuées par un collaborateur en particulier, de marquer des composants avec des autocollants. Le tout en temps réel, là où Adobe Xd, qui permet certes de collaborer à plusieurs autour d’un fichier, contraint l’utilisateur à rafraîchir le fichier après chaque modification.
Tels sont les principaux arguments qui ont permis à Figma de conquérir le marché de L’UX Design et qui favorisent son expansion à l’international. D’où cette très récente ouverture d’un bureau en France, où Figma revendique être utilisé par près de la moitié du CAC 40. Même dans l’hexagone, les grandes entreprises « se tournent de plus en plus vers L’UX, peu importe leur coeur de métier » . C’est pourquoi, aux yeux du CEO de Figma, « le nombre de designers, mais aussi de Product owners, augmentent dans les entreprises » . Reste à convaincre ceux qui sont supposés avoir la main sur l’informatique en entreprise, les DSI. Pour Yuhki Yamshita, le meilleur argument reste cette dimension cloud, puisque « le lien de partage offre la possibilité de révoquer les accès, d’avoir une visibilité sur qui ou quoi utilise la plateforme, qui a accès à la plateforme. C’est bien mieux que l’envoi de fichiers en pièce jointe de mail » . Et si la sécurité n’a, jusqu’à présent, « jamais été un problème » pour Figma, l’entreprise compte réfléchir à ce sujet « à mesure que le produit évolue » . ☐