Adobe XD : mise à jour de juillet 2018

Avec la version de juillet d’Adobe XD, vous disposez de nombreuses nouveautés qui vous permettent de créer des expériences plus attrayantes pour vos clients — et d’en faire bénéficier les autres designers, les développeurs et autres parties prenantes. Les nouvelles améliorations des contours permettent de créer des lignes pointillées et tiretées dans XD de manière très fidèle, ce qui représente un précieux élément de design si vos utilisateurs doivent charger un fichier ou insérer un objet par glisser-déposer. Nous avons également introduit de nouvelles façons de libeller et de classer vos actifs (ce qui facilitera vos recherches parmi des centaines de plans de travail), et ajouté des outils de collaboration à Design Specs pour une communication beaucoup plus simple avec vos équipes de développement.

Poursuivez votre lecture pour découvrir les nouvelles fonctionnalités à l’œuvre, et soyez au rendez-vous sur Adobe Live du 17 au 19 juillet à partir de 18h : les meilleurs UX designers vous montreront comment les utiliser.

Amélioration des contours

En maîtrisant la fidélité des contours, vous pouvez créer des lignes en pointillés et tiretés, définir les extrémités et les angles arrondis, et même copier un contour plus complexe depuis Adobe Illustrator et l’appliquer aux objets XD natifs. « Dans nos designs, mon équipe utilise souvent des lignes en pointillés ou tiretés », précise Cecilia Farooqi, Director of Digital Design chez Equinox. « Grâce aux améliorations des contours dans XD, plus besoin de créer des éléments vectoriels dans une autre application pour les coller ensuite. Dans le cas des vecteurs complexes, la possibilité d’ajuster les tirets et les espaces qui les séparent, une fois qu’ils sont collés dans XD, représente un gain précieux. De par ces nouvelles fonctionnalités, XD reste notre outil de design incontournable. » Découvrez les nouvelles améliorations des contours d’Adobe XD dans la vidéo ci-dessous.

Attribution de libellés aux actifs

Les nouvelles fonctionnalités facilitent considérablement l’accès aux actifs et choix de design, ainsi que leur classement dans Adobe XD. Vous pouvez désormais nommer les couleurs, les styles de caractère et les symboles directement dans le panneau Actifs. Pour accéder facilement aux actifs que vous avez nommés, vous pouvez filtrer par type ou par nom, basculer entre les modes Grille et Liste, et afficher des info-bulles pour obtenir de brèves informations sur chaque actif. « Nos fichiers de design comptent beaucoup de styles de caractère, de couleurs et d’actifs, et la possibilité de les libeller correctement pour les recherches ultérieures nous fait gagner beaucoup de temps et nous permet d’être organisés », explique Marie West, Senior UX Design Manager chez Poshmark. « Nous attendions cette fonctionnalité avec impatience dans XD, et nous sommes ravis de pouvoir enfin l’utiliser. » Visionnez la vidéo ci-dessous et découvrez les avantages, en termes d’organisation, de cette petite fonctionnalité : trouvez rapidement ce que vous cherchez, même si vous avez des centaines de plans de travail à gérer simultanément.

Cette vidéo présente les avantages de cette petite fonctionnalité en termes d’organisation : trouvez rapidement ce que vous cherchez, même si vous avez des centaines de plans de travail à gérer simultanément.

Intégration de workflows tiers pour Windows

L’importation de créations XD dans vos outils préférés de prototypage et d’échange était l’une des fonctionnalités les plus demandées depuis le lancement d’Adobe XD l’année dernière. En janvier, nous avons introduit la prise en charge de Mac, et nous avons le plaisir d’annoncer que XD est désormais compatible avec Zeplin, Avocode et Protopie sur la plateforme Windows. Commencez vos projets dans XD, puis exportez-les dans votre outil préféré pour accélérer les échanges avec les développeurs et créer des animations sophistiquées.

Annotation des spécifications de design

Design Specs inclut désormais la même fonctionnalité de commentaire que les prototypes. Si les développeurs annotent vos créations, vous recevrez des notifications par e-mail et dans l’application Creative Cloud et, lorsqu’ils rafraîchiront leur navigateur, ils pourront voir les réponses que vous aurez apportées. Si vous avez créé des specs de design avec des versions antérieures d’Adobe XD, vous devrez les publier à nouveau en utilisant Adobe XD 10 (ou version ultérieure) pour activer les fonctions de commentaire. La vidéo ci-dessous présente la nouvelle expérience d’annotation du point de vue du designer et du développeur. Elle montre comment le traitement des questions et la révision des commentaires sont beaucoup plus rapides lorsque vous pouvez travailler directement dans le design.

Autres nouveautés : espacement des paragraphes, collage d’images à partir du presse-papiers, masquage du mot de passe et prise en charge du chinois simplifié.

Dans la dernière version d’Adobe XD, les optimisations et les gains de productivité ont été multipliés :

• Espacement des paragraphes : vous pouvez désormais créer une distance visuelle entre les paragraphes en définissant l’espace après chacun d’eux. D’autre part, le contenu créé avec des espaces entre les paragraphes dans Photoshop ou Sketch sera conservé et pourra être entièrement modifié dans XD une fois ouvert.
• Collage d’images à partir du presse-papiers : avant, il fallait procéder en plusieurs étapes pour ajouter des images aux formes de fond natives dans Adobe XD. Maintenant, il suffit de cliquer sur l’objet de fond natif et de sélectionner Édition > Coller l’aspect. Vous pouvez ensuite redimensionner l’image et la placer à l’intérieur de la forme en double-cliquant sur son masque : cette fonctionnalité a été introduite dans la version de juin d’Adobe XD.
• Masquage de mot de passe : nous prenons maintenant en charge le masquage/l’affichage des mots de passe au moment de leur création, pour un accès plus sécurisé aux prototypes partagés et, désormais, à Design Specs.
• Chinois simplifié : en plus de l’allemand, de l’anglais, du français, du coréen et du japonais, Adobe XD prend désormais en charge le chinois simplifié.

Travaillez encore plus rapidement, plus intelligemment et de manière plus fiable avec Adobe XD. « Adobe ne cesse de montrer son engagement en optimisant le workflow de ses solutions », déclare Sara Greene, Art Director chez Segal Savad. « Dans XD tout particulièrement, le fait de pouvoir coller une image directement dans une forme à partir du presse-papier illustre parfaitement la manière dont les utilisateurs peuvent redoubler d’efficacité, notamment lorsque leurs délais sont très serrés. »

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

Poursuivons le dialogue ! Aidez-nous à façonner l’avenir d’Adobe XD en nous 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.

Faites connaissance avec des UX designers qui utilisent Adobe XD. Découvrez leurs débuts dans le domaine de l’UX design, leur processus de création, quelques-uns de leurs travaux, ainsi que leurs titres préférés.

#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.