Creative Connection

September 19, 2019 /design /UX/UI Design /web design /

Adobe XD : quel chemin parcouru depuis 2 ans ?

À l’approche du deuxième anniversaire d’Adobe XD, nous avons souhaité prendre un peu de recul pour évoquer les fonctionnalités ajoutées récemment à la plateforme, et partager notre future feuille de route.

Nous vivons une époque passionnante pour les designers, où de nouveaux outils semblent faire leur apparition sur le marché tous les mois. Dans le même temps, il est difficile pour les équipes de design produit de choisir quels outils standardiser. Le design devient de plus en plus collaboratif, faisant intervenir plus de fonctions que jamais dans le processus.

Depuis le lancement de notre version 1.0 il y a deux ans, nous nous sommes appliqués à fournir une plateforme moderne et collaborative destinée aux équipes de design produit. Au fil des mois, nous développons continuellement de nouvelles fonctionnalités et améliorations, inspirées par les retours de notre communauté, avec plus de 20 versions majeures d’Adobe XD à ce jour.

Design et prototypage

Au cours de l’année écoulée, nous avons concentré nos efforts sur la mise en place dans XD des nombreuses fonctionnalités essentielles en matière de design, par exemple un meilleur contrôle de la typographie, des guides de plans de travail et un marquage pour l’exportation. Pour une description détaillée de toutes les fonctionnalités ajoutées à chaque version d’Adobe XD, consultez notre liste complète.

Mais nous n’en sommes pas restés là. Nous avons identifié les points de friction sur lesquels les designers passent des heures inutilement ; la résolution des problèmes de polices manquantes en est un exemple. En utilisant la vaste bibliothèque de polices d’Adobe dans Creative Cloud, nous avons ajouté la capacité à résoudre automatiquement la plupart des problèmes de polices manquantes dès l’ouverture de votre document

Nous avons récemment remplacé les symboles par des composants pour pouvoir créer des éléments de design réutilisables, avec une prise en charge robuste des remplacements et du redimensionnement, et vous permettre de jeter les bases d’un système de conception partageable (on y reviendra par la suite). Cette fonctionnalité était vivement plébiscitée par notre communauté, et la rapidité avec laquelle les designers ont adopté les composants a été impressionnante.

Depuis le début, le prototypage est au cœur de la fonctionnalité XD. La capacité à créer rapidement des expériences à basse et haute fidélité permet l’exploration graphique, les essais utilisateurs, et aide à communiquer l’intention du design. XD offre des capacités de prototypage qu’aucun autre outil de design n’est en mesure de fournir : suite à l’introduction du prototypage à commande vocale et de l’animation automatique, nous avons ajouté la prise en charge de déclencheurs de clavier et de manette de jeu, permettant ainsi de créer des prototypes d’expériences d’applications de bureau ou de jeux avec XD.

À mesure que nous investissons dans les fonctionnalités de design et de prototypage dans XD, voici ce que nous préparons pour vous :

  • Un flux continu de fonctionnalités de design, répondant aux priorités identifiées dans vos commentaires, notamment les modes mélange, bordures et remplissages multiples, listes à puces et bien plus encore !
  • Des efforts axés sur des outils intelligents qui permettent à vos designs de s’adapter aux changements de contenu et suppriment le travail fastidieux d’ajustement manuel des configurations.
  • Des améliorations au niveau des composants, notamment : prise en charge des états des composants, gestion des remplacements, permutation et imbrication, afin de les adapter à des systèmes de conception plus complexes.
  • Une prise en charge de l’interaction de survol, de l’animation automatique pour les états des composants, ainsi qu’un contrôle plus granulaire de la façon dont l’animation est chorégraphiée.
  • Une prise en charge de l’inclusion de contenu média riche dans vos prototypes.

Nous vous encourageons à partager votre avis sur ces futures fonctionnalités et/ou à demander d’autres fonctions de conception et de prototypage sur UserVoice.

Écosystème intégré

Notre volonté a toujours été de maintenir les fonctionnalités XD axées sur les besoins des équipes de design produit. Nous nous sommes engagés à ne pas surcharger l’outil avec des fonctionnalités existant dans d’autres solutions Adobe, ou avec des fonctions destinées à des cas d’utilisation plus spécifiques.

Cela fait déjà un certain temps que XD prend en charge l’importation de Photoshop, Illustrator et Sketch, mais notre équipe a amélioré et perfectionné la fidélité d’importation en fonction des commentaires de notre communauté, et apporté des améliorations notables aux deux dernières versions. Nous avons également ajouté récemment la prise en charge du traitement des images directement dans Photoshop, avec un retour de vos images éditées vers XD, rendant le processus de montage des images extrêmement fluide et efficace.

Les plug-ins de tiers ont bénéficié d’un énorme élan dans XD, grâce à l’implantation récente du nouveau panneau de plug-ins, permettant ainsi aux développeurs de créer des expériences nouvelles et améliorées qui se déroulent en parallèle au plan de travail. Il existe près de 200 plug-ins de toutes sortes pour XD : des outils d’accessibilité et outils vous permettant d’importer des ressources de design aux générateurs de contenu, en passant par ceux qui automatisent les tâches courantes. Vous pouvez en savoir plus concernant le nouveau panneau de plug-ins ici, ainsi que les nouveaux outils en cours de création au sein de l’écosystème XD dans le cadre de notre initiative Adobe Fund for Design.

Nos API de plug-ins permettent aux développeurs d’étendre les capacités de XD et aident les designers à explorer de nouvelles frontières créatives, comme les interfaces vocales. Misant sur les capacités de prototypage avec commande vocale dans XD, nous avons introduit une nouvelle intégration avec Amazon Alexa pour que vous puissiez exporter et visualiser les prototypes à commande vocale sur n’importe quel dispositif Alexa comme Echo Dot ou Echo Show. Cette intégration aide les designers à incorporer les commandes vocales dans leurs processus, afin de créer des expériences qui optimisent ce nouveau mode.

À l’avenir, vous pouvez vous attendre à d’autres investissements pour XD, à la fois dans l’interopérabilité d’écosystèmes plus étendus et Creative Cloud, notamment :

  • Prise en charge totale pour la création et l’utilisation des bibliothèques Creative Cloud dans XD.
  • Meilleure identification de plug-ins à travers une nouvelle expérience du marché.
  • Prise en charge de plus grandes capacités d’extension par le biais d’API de plug-ins supplémentaires, d’un validateur de documents et de l’introduction d’API de documents basés dans le cloud

Collaboration

Depuis le lancement de XD, nous avons fourni aux designers des moyens faciles de partager leurs designs et prototypes avec les parties prenantes. Inspirés par vos commentaires, nous nous sommes attachés à affiner l’expérience, avec pour résultats des spécifications de designs et de prototypes publiés en lien unique avec une navigation améliorée, l’ajout d’un appui aux développeurs avec des extraits CSS générés automatiquement, la possibilité pour les parties prenantes de demander l’accès au contenu, la possibilité de commenter sur des appareils mobiles, et bien plus encore ! Nous avons en outre collaboré étroitement avec nos partenaires pour intégrer XD avec d’autres outils de gestion de projets et de collaboration comme Slack, Microsoft Teams, Jira, et d’autres.

Cette année, une vaste part de notre investissement a été consacrée à fournir aux équipes de design produit les moyens de collaborer sur des documents partagés. La plus grande partie du travail s’est déroulée en coulisse, mais nous nous apprêtons à ajouter la prise en charge de la Coédition très prochainement. Cette fonctionnalité permettra à de multiples designers sur de multiples appareils d’avoir le même document XD ouvert, pour pouvoir travailler ensemble et apporter des changements reflétés en temps réel pour tous les coéditeurs. Outre la Coédition, nous allons également ajouter la prise en charge totale de la création de versions, vous permettant de travailler en toute confiance avec votre équipe, sachant que les versions précédentes de votre design sont facilement accessibles dans XD.

Sur notre future feuille de route, au-delà de la Coédition et de la création de versions, nous allons veiller à :

  • Offrir aux équipes de design la capacité d’utiliser des projets partagés, afin d’organiser des activités connexes et de garantir à tous les membres de l’équipe un accès facilité aux documents, objets et bibliothèques d’actifs.
  • Étendre la collaboration en temps réel au-delà de XD pour les applications de bureau, afin de permettre aux designers d’inviter l’équipe de design élargie dans les documents, de façon à ce que chacun ait accès aux tout derniers designs et puisse y contribuer à tout moment.

Systèmes de conception

Surmonter les défis posés par le design à grande échelle tout en assurant l’efficacité et la réutilisation de composants constitue une priorité absolue pour notre équipe. Plusieurs centaines de designers Adobe travaillent sur des projets différents mais apparentés, par conséquent l’utilisation d’une langage commun est critique. Nous étudions actuellement la manière dont les systèmes de conception peuvent nous servir, comme vous le faites probablement déjà avec vos équipes.

La combinaison de l’introduction de documents cloud en tant que source de réalité unique et de composants réutilisables avec la capacité à relier et à mettre à jour les actifs de tels documents, a servi de fondement à l’élaboration d’un système de conception dans XD ; consultez notre guide pour en savoir plus.

Au cours des deux derniers mois, nous avons collaboré étroitement avec plusieurs clients afin de planifier notre feuille de route de systèmes de conception, ce qui nous a mené à investir dans différentes initiatives :

  • Étendre la gamme de types d’actifs pris en charge dans XD, mais aussi améliorer les outils pour les organiser dans le panneau des actifs.
  • Faciliter la documentation des systèmes de conception grâce à la prise en charge des annotations.
  • Renforcer le contrôle du partage des permissions, de la création de versions et de la mise à jour des systèmes de conception.
  • Introduire la prise en charge de guides de style.
  • Développer les systèmes de conception en utilisant des API de documents cloud, facilitant ainsi les workflows, de la conception à la production.

Priorité à la performance et à la qualité dans nos plans d’avenir

Forts de toutes les réalisations innovantes que nous avons livrées et que nous prévoyons de livrer prochainement, nous continuons de privilégier la performance et la qualité au-delà de toute fonctionnalité individuelle. Nous sommes ravis de poursuivre notre chemin vers la création de la meilleure plateforme de conception collaborative destinée aux équipes de designers. Ne manquez pas de nous rejoindre à Adobe MAX, en personne ou par le biais de nos livestreams pour une foule d’annonces liées à XD. Et continuez à nous faire part de vos commentaires sur Twitter et User Voice.

design, UX/UI Design, web design

Join the discussion