Un concepteur UX a besoin de nombreux outils pour compléter les différentes étapes du flux de travail UX, de la recherche à la conception, en passant par le prototypage et la manière dont ce travail est fourni. Si vous travaillez sur un PC, vous êtes probablement obsédé par la mention constante de Sketch, un éditeur de graphiques vectoriels populaire avec d'innombrables plugins utiles qui devient rapidement un standard de l'industrie, mais uniquement disponible sur Mac OS . Cela signifie qu'à moins d'avoir un ordinateur portable ou un ordinateur Apple, vous êtes absent. Mais maintenant, Adobe travaille activement sur un concurrent multiplateforme (ou au moins visuellement égal) à Sketch après des années d'absence: Adobe XD.

Interface utilisateur d'Adobe XD

comment évaluer une entreprise pharmaceutique

L'interface utilisateur de Sketch, clairement la principale source d'inspiration d'Adobe dans XD, tente de plaire au même type d'utilisateur

Qu'est-ce qu'Adobe XD?

Adobe Experience Design CC , ou Adobe XD, est un éditeur de graphiques vectoriels léger et un outil de prototypage qui a été annoncé à Adobe MAX 2015 sous le nom de Project Comet. Le logiciel a été présenté en avant-première en mars 2016 dans le cadre de Creative Cloud et est actuellement en version bêta, recevant des mises à jour presque tous les mois.

Avant cela, Adobe travaillait sur l'ajout de fonctionnalités à Concepteurs UX dans vos outils établis comme Photoshop et Illustrator. Bien que les deux soient d'excellents logiciels, ils ne sont ni légers ni optimisés pour ce type de travail. Au fil des années, et notamment après la désapprobation d'Adobe Fireworks en 2013 (l'outil classique de prototypage orienté web acquis de Macromedia), de plus en plus de designers UX ont constaté que Creative Cloud ne répondait pas aux attentes du marché. Alors, ils sont passés à Sketch (s'ils avaient un Mac). Alors que la réponse d'Adobe à cet exode massif a été un peu tardive (Bohemian Coding a publié Sketch il y a 6 ans), cela vaut la peine d'attendre, surtout si vous vous êtes limité à utiliser des outils moins adaptés sur votre PC. Comparons Adobe XD et Sketch.

Interface utilisateur et fonctionnalités exclusives

Lorsque vous ouvrez Adobe XD, la première impression que vous aurez est que l'interface est très familière aux utilisateurs de Sketch et aux fans d'Adobe. Adobe s'est éloigné des boutons et menus sombres attendus de Creative Cloud et a choisi d'offrir le meilleur des deux mondes. Contrairement à Sketch, vous verrez un ensemble d'outils sur le côté gauche de l'écran, mais aussi le panneau de calque supérieur et les propriétés dynamiques sur la droite, comme on le voit dans Sketch. Il est facile à utiliser et à apprendre, quel que soit l'outil que vous avez utilisé auparavant.

Répétez la grille

Adobe XD dispose également d'un ensemble de fonctionnalités uniques telles que Repeat Grid (ou Repeat Grid), un outil qui vous permet de répliquer un groupe d'objets comme une carte de conception matérielle avec des données variables et un espace configurable entre les copies.

qu'est-ce qu'un fonds immobilier

Créez des groupes d'objets similaires avec la fonction Répéter la grille dans Adobe XD

Prototypage

Dans XD, vous pouvez créer un prototype interactif sans avoir besoin de plugins tiers, comme vous le feriez dans Sketch. L'éditeur de prototypage d'Adobe permet aux concepteurs de connecter visuellement des zones interactives à d'autres écrans à l'aide de câbles et en définissant des transitions. Avec le prototype interactif prêt, vous pouvez publier et partager le prototype, qui peut être consulté sur le Web ou avec l'application mobile Adobe XD. Cependant, les prototypes XD ne prennent pas en charge les gestes ou les sections fixes comme en-têtes, ce qui est possible dans InVision et d'autres outils de prototype uniquement qui se connectent à Sketch.

Système de boutons aux écrans dans la fonction Prototype dans Adobe XD

Panel de Actifs

Dans la mise à jour d'août 2017, Adobe a ajouté le panneau Actifs, un moyen intelligent de créer un guide de style interactif avec des couleurs, des styles de caractère et des symboles. Lorsque vous modifiez quelque chose dans le panneau Actifs, il suivra chaque utilisation de l'actif dans votre travail. Sketch a également des variables de couleur, des styles de caractère et des symboles, mais chacun est contenu dans son propre panneau.

quelle est la deuxième étape de la budgétisation des immobilisations

La modification des éléments dans le panneau Actifs modifie l'ensemble du projet.

Adobe a annoncé certaines des [fonctionnalités à venir présentées sur] XD (https://blogs.adobe.com/creativecloud/collaborative-design-with-adobe-xd/) sur le blog produit . L'un d'eux étend la fonction Actifs, permettant la designer Publiez le guide de style du projet avec les polices téléchargeables, les ressources et les codes de couleur hexadécimaux, ainsi que le prototype interactif et une fonction d'inspection pour l'enquête des développeurs d'articles dans le prototype. Cela s'appelle «transfert de développeur» et est déjà possible dans Sketch (et Photoshop) en utilisant des plugins tels que Zeplin . Une autre fonctionnalité future qui n'a été que peu vue est la collaboration en temps réel au sein de XD, quelque chose qui ressemble à la fonction de collaboration présente dans Google Docs et qui est déjà disponible dans d'autres outils de conception UX tels que Figma .

Sketch (et ses plugins) vs. Adobe XD

caractéristiques	Adobe XD	Esquisser
Graphiques vectoriels	Oui (et comprend un abonnement à Adobe Photoshop en CC)	Oui
Édition d'image avancée	Non (mais comprend un abonnement Adobe Photoshop CC)	Non
Léger	Oui	Oui
Prototypage	Oui	Non (mais disponible avec des plugins tiers)
Exporter les actifs	Oui	Oui
Livraison de fichiers avec guide de style et inspecteur en ligne	Non (annoncé comme une fonctionnalité future)	Non (mais disponible avec des plugins tiers)
Symboles et styles	Oui	Oui
Répéter la grille	Oui	Non
Grille de document	Oui	Oui (avec des colonnes et plus d'options)
Plugins	Non	Oui
Collaboration	Non (annoncé comme une fonctionnalité future)	Non (mais disponible avec des plugins tiers)
Version MacOS	Oui	Oui
Version Windows	Oui (Windows 10 ou supérieur)	Non
Prix ​​et licence	La version Beta est gratuite, nécessite un Adobe ID. Les prix définitifs seront annoncés.	99 USD pour un an avec mises à jour, mais vous pouvez continuer à l'utiliser par la suite sans mises à jour

Lorsque vous voyez la forêt et non l'arborescence, il devient clair qu'Adobe a l'intention de faire en sorte que XD fasse non seulement tout ce que Sketch fait en tant qu'outil de graphisme vectoriel, mais également ses plugins, qui couvrent l'ensemble du flux de travail de conception UX. De la conception au prototype en passant par la livraison, Adobe XD est probablement l'outil de conception UX ultime, mais qu'en est-il aujourd'hui?

Il est temps de changer?

Adobe XD est avant tout destiné aux utilisateurs de Windows (qui ne peuvent pas utiliser Sketch pour macOS uniquement) et aux abonnés actuels d'Adobe Creative Cloud (qui n'auraient pas besoin de payer un supplément pour XD, autre que Photoshop, Illustrator, etc.).

De nombreux designers UX font déjà le saut, soit parce qu'ils sont abonnés à Creative Cloud même sur macOS, soit parce qu'ils pensent que XD sera le prochain standard et sont satisfaits de l'ensemble de fonctionnalités actuel. Si vous êtes un utilisateur expérimenté de Sketch, vous bénéficierez d'une meilleure interface globale, de fonctionnalités XD uniques, mais vous devrez également faire face aux limitations actuelles et au manque de prise en charge des plugins. Dans tous les cas, essayez-le et partagez vos impressions avec nous.