Adobe annonce un lot de nouveautés pour le design d’interfaces avec XD

15 octobre 2018 / Actus du Web / 10 commentaires

En direct de Adobe Max à Los Angeles, j’ai eu l’opportunité de découvrir les dernières nouveautés d’XD, le logiciel dédié à la création de prototypes.

Lors de la keynote d’ouverture de Max, LE rendez-vous annuel de la marque, Adobe a annoncé différentes nouveautés qui permettent aux créatifs de travailler toujours plus efficacement. Très attentif aux améliorations constantes du logiciel, j’ai assisté pour vous à une présentation dédiée, en présence de l’équipe en charge du projet.

XD, fer de lance du design et prototype chez Adobe

En développement depuis 4 ans, XD est sorti en version « Early Release » en 2015, puis en version Beta en 2016. À cette époque, Adobe ne possède pas encore d’outils dédiés au design d’interfaces et les concurrents solides comme Sketch commencent à s’imposer sur le marché.

Couplé à la puissance de l’environnement Creative Cloud, XD permet de travailler dans un environnement simplifié par rapport à Photoshop ou Illustrator. En évolution rapide et constante ces dernières années, les nouveautés annoncées permettent de donner encore plus de puissance à XD. Petit tour d’horizon.

Aperçu de 4 nouveautés XD, disponibles dès maintenant

1 .Responsive Resize

Déjà en place dans la version précédente, le « responsive resize » est encore amélioré dans cette nouvelle version. Fini le placement laborieux des éléments lors d’une mise au format d’un écran. Basés sur l’intelligence artificielle Adobe Sensei, les éléments se replace comme par magie lorsque vous ajustez leur taille.

Si le résultat ne vous convient pas, il vous est toujours possible d’ajuster les effets séparément dans le panneau des propriétés.

2. Auto-animation tool

Comme vous le savez sûrement XD possède une partie dédiée au design, ainsi qu’une autre à la création de prototypes.

Dans celle-ci vous pouvez simuler des interactions et rendre votre design vivant. L’annonce de l’outil « Animation automatique » en a fait une de mes fonction favorite ! En un seul clic, il est désormais possible de créer des interactions simples entre les écrans.

Toujours basée sur le système maison d’IA, Adobe Sensei, la fonction va calculer automatiquement le déplacement d’un élément. Vous pouvez ainsi en un clic simuler un loader, simuler une navigation animée entre les écrans, etc.

Fini la création laborieuse en fin de projet, l’outil d’auto-animation permet de gagner un temps considérable.

3. L’ouverture d’XD aux plugs-ins tiers

Annoncé il y a quelques semaines, XD est désormais ouvert aux plug-ins tiers, et possède déjà une jolie collection. Pensés pour booster la productivité et les fonctions du logiciel, vous pouvez librement installer différents ad-ons dans XD. J’ai eu l’occasion de voir la démo de « Color Blind Simulation » qui permet de tester vos maquettes en situation d’un utilisateur daltonien par exemple (pas encore disponible pour le moment).

4. Simuler une interface vocale

Imaginez créer un design d’interface réagissant à la voix, directement fonctionnelle pour des démonstrations ! Cet outil est vraiment une révolution dans l’interaction mobile. Pour l’heure, aucun logiciel de création d’interfaces ne possède ce type de fonctionnalité (Pour ne pas dire, Sketch ne le possède pas 😉

Accessible dans le mode prototype, vous êtes désormais libre de créer des interactions avec commandes vocales. La démo générée par XD peut littéralement lire le texte que vous avez choisi. Terminé les heures de développement pour créer ce type de simulation. Vos clients ou équipes projet risquent d’être bluffés par la rapidité de déploiement de votre simulation.

L’idée est de pouvoir également créer un wireframe d’interface vocale, sans même créer d’interface graphique. Cet outil peux être très pratique et de plus en plus utilisable dans notre monde connecté où le développement des interfaces vocale bat son plein.

Les futures fonctionnalités, en cours de développement

Ma présence à la Max m’a permis d’avoir une vue sur les prochaines étapes du développement d’XD. La ligne directrice d’Adobe est d’améliorer la productivité et surtout le travail en équipe en permettant bientôt une gestion collaborative des fichiers. Pour y arriver, l’équipe de développement travaille sur quelques leviers :
  • Une meilleure gestion du versionning
  • Une fonction Live Co-Editing (coucou Figma 😉
  • Une gestion des composants efficace pour la création d’un design system
  • Amélioration de la récupération des assets pour le développement web

Bonne nouvelle pour vous tous, n’oubliez pas que XD est disponible en version gratuite avec un compte Creative Cloud.

J’ai été invité par Adobe à vivre la Max depuis l’intérieur, mon avis n’engage que moi. Je vous réserve encore quelques articles plus personnels depuis les coulisses. 

10 commentaires

Laisser un commentaire :

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Arnaud STECKLE

Directeur artistique, spécialisé en web design, UI et UX. Votre aimable serviteur de ressources, fondateur de Webdesigner Trends.

Catégorie

Actus du Web

Copyright © 2024 - Webdesignertrends.com Le contenu rédactionnel du site est la propriété de Webdesigner Trends et de ses auteurs respectifs. Les oeuvres diffusées sur Webdesigner Trends sont la propriété de leur créateur respectif.