Adobe XD : mise à jour de juillet 2019

Le design est une activité collective et la création de produits digitaux utiles et attrayants nécessite bien plus que des designers travaillant chacun de leur côté. Aujourd’hui, le travail du designer implique une multitude d’intervenants au sein de l’entreprise (autres designers, développeurs, contributeurs, etc.) et en dehors de celle-ci (clients et utilisateurs, notamment). La version d’Adobe XD de juillet propose de nouvelles façons de collaborer avec ces différentes équipes afin d’accélérer les cycles de révision, de vous aider à communiquer vos choix de conception et de partager votre vision.

Pour tirer parti de toutes les nouveautés, assurez-vous d’avoir téléchargé la dernière version de XD et découvrez ce qui vous y attend dans la suite de cet article.

Des liens unifiés pour améliorer la collaboration entre designers et développeurs

La collaboration avec les développeurs est l’un des aspects les plus importants du processus de design, et en même temps l’un des plus frustrants. Il est en effet souvent difficile pour les équipes de développement de retranscrire fidèlement les idées du designer au sein de produit fini. De leur côté, les designers se demandent souvent pourquoi le produit fini ne correspond pas à leur projet de départ.

Dans les anciennes versions de XD, les designers pouvaient générer des liens vers des prototypes interactifs. Cela leur permettait de présenter l’expérience digitale de façon précise. Ils pouvaient également générer des liens pour les spécifications de design (ressources, couleurs, polices, interactions, etc.), destinées aux développeurs. Ces deux expériences distinctes permettaient à ces derniers de mieux comprendre la vision du designer, mais elles impliquaient de nombreux allers-retours pour cerner parfaitement le projet du designer. Et avec les interactions complexes créées par les designers au moyen des fonctionnalités de prototypage avancées de XD, la tâche pouvait devenir particulièrement complexe.

Désormais, vous pouvez générer un seul lien partageable, comprenant à la fois le prototype interactif et les spécifications de design. Les développeurs pourront ainsi mieux comprendre votre vision et créer un workflow plus intuitif. Il suffit de cliquer sur « Partager pour développement », sélectionner « Inclure les spécifications techniques », puis d’envoyer !

Ces liens unifiés permettent aux développeurs de parcourir aisément vos prototypes, d’ajouter des commentaires et donner leur avis, de télécharger les ressources, et de voir les détails de vos designs et les interactions proposées au même endroit. Cela représente un véritable gain de temps pour les équipes de développement qui sont alors sûres d’être sur la même longueur d’ond que les designers. Nous avons également répondu aux attentes des utilisateurs en améliorant les spécifications des sélections de texte dans les blocs de texte de grande taille : XD permet désormais aux développeurs de sélectionner et de vérifier différents passages dans un seul calque de texte comprenant plusieurs styles, notamment des styles d’exposant et d’indice.

Un mode grille pour parcourir les prototypes plus rapidement

XD offre de puissantes fonctionnalités de design et de prototypage pour vous aider à présenter visuellement votre projet. Les options « Partager pour révision » et « Partager pour développement » permettent de générer des liens vers des prototypes interactifs de vos expériences et de les partager avec tous ceux qui sont susceptibles de vous fournir un retour, comme les chefs de produit, les développeurs et les dirigeants.

Pour les produits plus sophistiqués, les designers créent souvent des dizaines de plans de travail qui rendent la visualisation des prototypes compliquée. Dans les anciennes versions de XD, il fallait cliquer sur chaque écran d’un prototype pour trouver celui que l’on recherchait. Désormais, la nouvelle version propose un mode grille qui affiche tous les écrans du prototype sous forme de vignettes et permet ainsi d’accéder plus facilement à l’écran de son choix.

Annotez depuis n’importe où grâce aux commentaires sur mobile

Les équipes de design sont constamment en mouvement et ont besoin de cycles de révision courts pour tenir les délais. Bien souvent, les personnes chargées d’annoter les prototypes y accèdent depuis un appareil mobile et souhaitent pouvoir ajouter des commentaires et consulter ceux des autres pendant leurs déplacements.

La dernière version de XD permet de visualiser et d’annoter les prototypes directement depuis un appareil mobile. En plus d’accélérer les cycles de révision, cette fonctionnalité permet aux collaborateurs et aux parties prenantes d’intervenir à tout moment et depuis n’importe où.

Communauté axée sur l’expérience utilisateur

Poursuivons le dialogue ! Aidez-nous à façonner l’avenir d’Adobe XD en faisant part de vos attentes ou en signalant des bugs. Suivez-nous (@AdobeXD) pour rester au fait de l’actualité ou contactez l’équipe sur Twitter via #AdobeXD. Retrouvez-nous également sur Facebook, où nous partageons des vidéos et informations sur les mises à jour, et répondons à vos questions lors de sessions en direct.

#MadeWithAdobeXD

Si vous partagez vos prototypes sur Behance, pensez à les identifier avec le hashtag #MadeWithAdobeXD et à sélectionner Adobe XD sous « Outils utilisés ». Vous aurez peut-être la chance de figurer dans la newsletter d’Adobe XD.