Creative Connection

January 29, 2019 /UX/UI Design /web design /

Mise-à-jour de janvier 2019 d’Adobe XD : animation automatique dans le navigateur, et plus encore

L’année 2019 qui vient de commencer réserve de grandes surprises pour Adobe XD. De nombreux perfectionnements et nouveautés sont en cours de préparation. Mais en ce début d’année, nous voulons d’abord apporter quelques améliorations de performance aux fonctionnalités lancées en 2018. L’animation automatique, l’une des nouveautés les plus marquantes de 2018, est désormais prise en charge dans le navigateur. Nous avons également ajouté de nouveaux modes de collaboration et une fonctionnalité de prototypage vocal qui prend en charge les commandes et la synthèse vocale pour toutes les langues disponibles dans XD, déclinées dans divers accents et dialectes.

Poursuivez la lecture pour découvrir toutes les nouveautés lancées ce mois et tout ce que nous avons réalisé pour cette puissante application. Suivez la synthèse d’Elaine Chao, Product Manager, Adobe  XD, sur Adobe XD en 2018.

Nouveauté de XD : animation automatique dans le navigateur

Pour l’UX design, l’animation constitue un outil précieux qui facilite les flux et séduit les utilisateurs. L’animation automatique d’Adobe XD vous permet de créer des prototypes avec des transitions animées, qui fonctionnent de manière interactive sur les appareils, dans la fenêtre Aperçu et, désormais, dans votre navigateur web.

Lorsque nous avons lancé l’animation automatique en octobre, les utilisateurs l’ont rapidement adoptée pour créer des prototypes à micro-interactions. Vous pouviez certes visualiser ces micro-interactions sur des mobiles et dans XD, mais pas dans un navigateur web. Il vous est maintenant possible d’afficher les animations des prototypes et d’obtenir leurs valeurs de propriété sous forme de spécifications de design dans un navigateur web. Cette avancée devrait faciliter la présentation de vos designs à des décideurs ou partenaires.

Si vous souhaitez que les anciens prototypes et spécifications de design soient également pris en charge dans un navigateur, il vous suffit de les republier en utilisant la dernière version d’Adobe XD. Pour tirer pleinement parti de cette fonctionnalité, consultez notre guide des bonnes pratiques sur l’utilisation de l’animation automatique.

Optimisation de XD : affichage de tous les commentaires dans les plans de travail

Adobe XD est un outil de collaboration performant. Grâce à la possibilité de soumettre des commentaires sur certains aspects des prototypes, les partenaires et parties prenantes peuvent donner facilement leur avis et vous permettre de réagir en conséquence. Il est désormais possible d’activer la fonctionnalité d’affichage de tous les commentaires dans la version web d’Adobe XD, vous permettant de visualiser l’ensemble des commentaires émis sur un prototype dans une liste unique. Un simple clic sur l’un des commentaires vous amène directement sur le plan de travail concerné. Vous pouvez ainsi répondre au commentaire, lui trouver une solution ou l’effacer avant de passer au suivant.

https://youtu.be/RXQCzWcDzQU

En parcourant la liste des commentaires, vous constaterez qu’ils sont regroupés par plan de travail, le plan de travail actif étant alors surligné en bleu. Cela doit vous permettre de vous concentrer facilement sur les commentaires dont vous avez besoin pour ajuster chaque plan de travail. Toutefois, si vous voulez revenir à un affichage des commentaires par plan de travail, il vous suffit d’activer la fonction d’affichage de tous les commentaires. Vous pouvez également filtrer les commentaires en fonction du réviseur, de la date, etc.

Cette fonction se mettra automatiquement à jour dans la dernière version d’Adobe XD sans que vous ayez à republier vos prototypes pour en bénéficier.

Nouveauté de XD : prise en charge de toutes les langues et de tous les accents

Les interfaces vocales étant de plus en plus répandues, nous poursuivons le développement et l’amélioration de nos fonctionnalités de prototypage vocal dans Adobe XD. Depuis octobre, vous pouvez prototyper des expériences vocales dans XD. Aujourd’hui, nous sommes ravis d’annoncer que vous pouvez désormais le faire dans toutes les langues de l’application.

Ainsi, que vous réalisiez un design pour des utilisateurs qui parlent anglais, français, allemand, coréen ou japonais, vous pourrez prototyper les expériences vocales dans leur langue, et la liste des langues prises en charge va continuer à s’allonger.

La dernière version de XD prend également en charge les accents régionaux pour les commandes vocales. Où que vous soyez aux États-Unis ou au Royaume-Uni, au Canada ou en Australie, vous pourrez parfaitement prototyper une expérience vocale localisée.

Si vous créez un prototype à l’aide de la synthèse vocale, votre version d’Adobe XD sélectionnera automatiquement la langue et la région par défaut de votre système d’exploitation. En fonction de votre région, vous pourrez alors choisir différentes voix : masculine ou féminine, et d’autres options encore.

 

L’écosystème de plug-ins d’Adobe XD : nouveaux outils et fonctionnalités

Depuis l’introduction de plug-ins tiers pour XD à l’automne dernier, l’écosystème n’a cessé de croître. Dans le cadre de notre démarche d’optimisation permanente, nous ajoutons dans la version publiée ce mois-ci des fonctionnalités pour plug-ins, et notamment la possibilité pour les utilisateurs de les désactiver sans les désinstaller et, pour les développeurs, d’accéder à des couleurs et styles de texte dans le panneau Actifs. Si vous l’avez manquée, la version de décembre, XD 14, comptait un plus grand nombre d’outils de développement de plug-ins, avec notamment un accès simplifié aux sélections et, suite aux demandes récurrentes, aux métadonnées des documents et des nœuds. Pour en savoir plus, consultez l’Adobe Tech Blog, et suivez-le pour découvrir XD 15 et les versions ultérieures. Mais ce n’est pas tout ! Nous avons le plaisir de vous annoncer XD-awesome, un référentiel sur gitHub permettant aux développeurs de partager des plug-ins open source, des ressources de développement, etc.

Si vous êtes intéressé par les plug-ins pour XD, n’hésitez pas à nous faire part de vos commentaires, suggestions, et souhaits. Ou encore, si vous envisagez de créer votre premier plug-in pour XD, rejoignez nos forums et discutez avec des développeurs et des membres de l’équipe XD.

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

Poursuivons la conversation ! 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.

UX/UI Design, web design

Join the discussion