Adobe XD vs. Sketch - Quel outil UX vous convient le mieux?

Un concepteur UX a besoin de nombreux outils pour mener à bien les nombreuses étapes du flux de travail UX, de la recherche à la conception, en passant par le prototype et le transfert. Si vous travaillez sur un PC, vous serez probablement hanté par la mention constante de Sketch, un éditeur de graphiques vectoriels simplifié et populaire, doté d'innombrables plugins utiles qui est en train de devenir rapidement un standard de l'industrie, mais disponible uniquement sous Mac OS. Cela signifie que, sauf si vous avez une machine Apple, vous êtes laissé de côté. Mais maintenant, Adobe travaille activement, après des années d’absence: Adobe XD, sur un véritable concurrent Sketch multiplate-forme (et similaire?).

L'interface utilisateur Adobe XDL'interface utilisateur de Sketch, qui est clairement l'inspiration principale d'Adobe dans XD, car elle tente de faire appel au même type d'utilisateur

Embauchez les meilleurs designers du monde à Toptal

Essai sans risque, ne payer que s'il est satisfait

Qu'est-ce que Adobe XD?

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

Auparavant, Adobe travaillait à l'ajout de fonctionnalités pour les concepteurs UX sur leurs outils existants tels que Photoshop et Illustrator. Bien qu'ils soient tous deux d'excellents logiciels, ils ne sont ni légers ni rationalisés pour ce type de travail. Au fil des ans, et particulièrement après la dépréciation d’Adobe Fireworks en 2013 (l’outil de prototypage classique basé sur le Web, acquis de Macromedia), de plus en plus de concepteurs UX ont estimé que le Creative Cloud ne correspondait pas aux attentes du marché. Alors, ils ont sauté à Sketch (s'ils avaient un Mac). Bien que la réponse d’Adobe à cet exode massif ait été un peu tardive (Bohemian Coding a lancé Sketch il y a six ans), cela vaut la peine d'attendre, surtout si vous avez été limité à utiliser des outils moins adéquats sur votre PC. Comparons Adobe XD à Sketch

Interface utilisateur et fonctionnalités exclusives

Lorsque vous ouvrez Adobe XD, vous aurez tout de suite l'impression que l'interface est très familière, à la fois pour les utilisateurs de Sketch et pour les fans de longue date d'Adobe. Adobe s’est écarté des boutons et des menus plus sombres de Creative Cloud attendus et a choisi d’offrir le meilleur de deux mondes. Contrairement à Sketch, vous verrez un ensemble d’outils à gauche de l’écran, mais également le panneau des calques les plus grands et les propriétés dynamiques à droite, comme indiqué dans Sketch. C’est très facile à utiliser et facile à apprendre, quel que soit l’outil utilisé précédemment.

Répéter la grille

Adobe XD dispose également d'un ensemble de fonctionnalités uniques, telles que la grille de répétition, un outil qui vous permet de répliquer un groupe d'objets, tel qu'une carte de conception de matériau avec des données variables et un espacement configurable entre les copies.

Création de groupes d'objets similaires avec la fonctionnalité Répéter la grille dans Adobe XD

Embauchez les meilleurs designers du monde à Toptal

Essai sans risque, ne payer que s'il est satisfait

Prototypage

Dans XD, vous pouvez créer un prototype interactif sans avoir besoin de plug-ins tiers, contrairement à Sketch. L'éditeur de prototypage Adobe permet aux concepteurs de connecter visuellement des zones interactives à d'autres écrans en utilisant des câbles et en configurant des transitions. Avec le prototype interactif prêt, vous pouvez publier et partager le prototype, qui peut être visualisé 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 les en-têtes, ce qui est possible avec InVision et d’autres outils prototypes uniquement qui se connectent à Sketch.

Câblage des boutons aux écrans dans la fonction Prototype dans Adobe XD

Plus d'informations sur le blog Toptal Design à l'adresse www.toptal.com >>

Embauchez les meilleurs designers du monde à Toptal

Essai sans risque, ne payer que s'il est satisfait