Mise à jour d’août 2018 d’Adobe XD : réagencement dans le panneau Actifs, extraction des ressources, et bien plus

Alors que l’été bat son plein, nous publions une nouvelle version d’Adobe XD dont les multiples nouveautés vous permettront de collaborer encore plus facilement et de vous organiser encore plus efficacement lors de la conception et du partage de prototypes. En effet, désormais, vous serez en mesure de réagencer vos éléments dans le panneau Actifs et ainsi retrouver plus facilement vos couleurs, symboles et autres styles de caractères. Cette dernière mise à jour s’adresse également à vos développeurs, qui pourront à présent transmettre des spécifications techniques, à télécharger directement dans la résolution et dans le format de fichier de leur choix, et ce depuis un navigateur web. Enfin, une nouvelle fonctionnalité facilitera la tâche des différentes parties prenantes de vos projets : un accès à vos prototypes pourra leur être octroyé ou retiré postérieurement à leur publication sur le web.

Poursuivez votre lecture pour découvrir les nouveautés à l’œuvre, et soyez au rendez-vous sur Adobe Live les 20, 21 et 22 août à partir de 18h : les meilleurs UX designers vous montreront comment utiliser ces toutes dernières fonctionnalités d’Adobe XD.

Nouveauté dans XD : réagencement d’éléments dans le panneau Actifs

Dans la version de juillet d’Adobe XD, nous avons perfectionné le panneau Actifs avec la possibilité d’attribuer des libellés aux couleurs, aux styles de caractère et aux symboles. Dans cette dernière mouture, nous passons à la vitesse supérieure, en vous donnant les moyens de réagencer vos éléments à votre guise, par simple glisser-déposer.

Question organisation, la différence est de taille. Vous serez, par exemple, en mesure de classer vos ressources graphiques par couleur primaire ou secondaire, de subdiviser vos symboles par image d’arrière-plan ou série de pictogrammes, et de hiérarchiser vos styles de caractère par balise H1. « Pouvoir réagencer les éléments dans le panneau Actifs me permet de gagner en efficacité dans mes créations », affirme Leah Sung, Junior Visual Designer chez Poshmark.

« J’ai la possibilité de placer les ressources que j’utilise fréquemment en haut de l’écran pour y accéder plus rapidement, et je jongle aussi aisément entre les différents éléments dès lors qu’ils sont classés par similarité et par fonction. » Découvrez cette fonctionnalité en images dans la vidéo ci-après.

À partir du moment où vous avez associé des libellés à vos différents éléments, vous pouvez aisément filtrer vos ressources par type. La recherche de contenu sur un projet complexe composé de multiples plans de travail gagne ainsi considérablement en efficacité.

Nouveauté dans XD : extraction de ressources depuis les spécifications techniques

En tant que designer, vous savez très exactement ce qu’il convient de privilégier dans une création, comment répondre aux impératifs de vos parties prenantes et comment tester l’expérience auprès de vos clients. Mais ce que vous ignorez peut-être, c’est le format de fichier dont a besoin votre développeur pour respecter votre cahier des charges dans la version finale du produit. Cette nouvelle version d’Adobe XD vous permet, à vous et votre développeur, d’être sur la même longueur d’onde.

En transmettant vos spécifications techniques à votre développeur, celui-ci sera en mesure de télécharger les ressources graphiques dans la résolution et le format de fichier de son choix, à partir d’un navigateur web directement. La vidéo ci-après vous présente très exactement la marche à suivre :

Bien entendu, vous continuerez à avoir la mainmise sur les objets exportés dans le design, par le marquage des éléments à exporter par lots, mais votre workflow designer-développeur sera d’une fluidité sans précédent. « Avant, nous devions exploiter sous licence des applications tierces, voire des suites de création complètes, pour que nos développeurs soient en mesure d’extraire des ressources ou de visualiser des spécifications techniques », admet Kameron Zach, Principal Partner chez Let’s Build.

« Grâce à cette nouvelle fonctionnalité d’Adobe XD, nous communiquons facilement, en quelques clics, à notre équipe de développeurs des instructions de création essentielles à nos projets. Cette nouveauté se révèle extrêmement utile puisque la plupart des designs et ressources que nous recevons pour nos projets clients sont bien souvent appelés à être modifiés, même durant les phases de développement et de test. Nous ne manquerons pas d’utiliser cette fonctionnalité pour de futurs projets avec nos clients. »

Perfectionnement dans XD : prise en charge de @mentions dans les commentaires concernant les prototypes et les spécifications techniques

Permettez aux différents intervenants d’assurer plus facilement le « suivi » des commentaires que vous leur adressez en utilisant la fonction @mention dans des prototypes et spécifications techniques partagés. La saisie du signe @ dans un champ de commentaire affiche à présent un menu déroulant avec la liste des utilisateurs que vous avez invités à accéder à votre design via un lien privé. Dans le cas de prototypes et de spécifications techniques à caractère public, seuls les utilisateurs ayant ajouté au moins un commentaire apparaîtront dans la liste déroulante. Dès l’instant où le nom d’un utilisateur est @mentionné dans un commentaire, celui-ci recevra directement une notification par e-mail ou dans l’application Creative Cloud pour poste de travail. Il lui suffit de cliquer sur cette notification pour accéder directement au plan de travail en question.

Nouveauté dans XD : partage de prototypes et de spécifications de design via un navigateur web avec des utilisateurs invités

Vous contrôlez désormais entièrement l’accès à vos designs, par invitation privée lancée depuis votre navigateur web ou votre application. Concrètement, vous pouvez ajouter ou retirer des intervenants une fois votre design publié sur le web. Il suffit de cliquer sur le lien publié pour consulter le prototype ou les spécifications techniques dans un navigateur web, puis d’ajouter ou de retirer des intervenants en cliquant sur le bouton correspondant.

Pour les designers qui doivent faire intervenir plusieurs individus ou équipes aux différents stades du prototypage, cette fonctionnalité accélérera véritablement la gestion de toutes les parties prenantes. « Adobe XD facilite encore la collaboration. À présent, je peux inviter d’autres parties prenantes à partir du lien du prototype publié sur le web. Inutile de revenir dans XD pour effectuer cette opération. La régularité des mises à jour et les nouveautés telles que celles-ci prouvent que l’équipe Adobe XD est à notre écoute », souligne Maxx Morgan, Associate Creative Director, Perficient Digital.

Téléchargez la dernière version d’Adobe XD.

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 des bugs à l’adresse https://adobexd.uservoice.com. 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 #MadeWithAdobeXD et à sélectionner Adobe XD dans les « Outils utilisés ». Vous aurez peut-être l’opportunité de figurer dans la newsletter d’Adobe XD.