Concevoir avec précision – Une revue Adobe XD

Alors que nous terminons 2018 et entrons dans 2019, passons en revue l'état actuel de l'industrie du design, le rôle du designer, les outils de conception UX et le flux de travail.

De la construction d'un système de conception cohérent à la conception de flux pour la prochaine innovation d'appareil ou au prototypage d'interfaces complexes pour les tests utilisateurs, les concepteurs peuvent choisir parmi une multitude d'outils de conception UX. Qu'il s'agisse de l'un des programmes les plus populaires comme Sketch, Figma basé sur le Web, d'Adobe XD en croissance agressive ou du tout nouveau InVision Studio, la familiarité avec les bons outils de conception UX, y compris cette revue Adobe XD, accélérera le processus de conception du produit.

Choisir le bon outil de conception UX

En examinant les outils utilisés par les concepteurs, il est important de noter que les responsabilités des concepteurs évoluent et s'étendent constamment. Il y a seulement 6-7 ans, peu de gens comprenaient même ce que faisait un concepteur d'expérience utilisateur. De nos jours, on s'attend à ce que chaque concepteur fasse au moins une sorte de recherche d'utilisateurs, de prototypage et d'analyse concurrentielle.

Ces changements affectent la façon dont les concepteurs doivent considérer leur flux de travail, leurs connaissances du domaine, leurs techniques et leurs outils. Aujourd'hui, les clients s'attendent à voir non seulement un produit final raffiné, mais aussi tout, du wireframing au prototypage en passant par une interface utilisateur animée en douceur.

Élargir votre domaine d'expertise n'est pas seulement un moyen de gagner plus d'argent, c'est devenu une exigence professionnelle. De nouveaux processus de conception de produits signifient généralement de nouveaux outils, ce qui signifie que les concepteurs doivent passer du temps à apprendre à les utiliser. C'est pourquoi l'émergence de nouveaux outils de conception s'est tellement accélérée ces dernières années.

L'époque où les concepteurs utilisaient Photoshop comme principal outil de conception est révolue depuis longtemps. C'est maintenant une course aux plates-formes logicielles de conception pour attirer à la fois les débutants et les professionnels. Sketch est un acteur majeur depuis plusieurs années et Figma, qui a reçu un soutien financier de plus de 46 millions de dollars, rattrape son retard avec son outil de prototypage interactif basé sur le Web.

Récemment, la plate-forme de prototypage InVision a décidé d'entrer dans l'espace avec son propre outil de conception, InVision Studio. Il n'a pas bougé aussi vite que tout le monde l'avait espéré, donc même si Studio semble assez solide, il est toujours quelque peu décevant et notoirement bogué malgré le battage médiatique initial.

Après avoir dominé l'univers du design numérique pendant si longtemps, Adobe est en retard dans cette course à l'outil de conception UX/UI ultime. Ne pas avoir le luxe de rester longtemps dans cette position… entrez Adobe XD. Bien qu'un peu en retard dans la course, Adobe XD a gagné en popularité et est devenu un concurrent prometteur depuis sa sortie en 2016.

Examen d'Adobe XD : fonctionnalités et avantages

Certains diront peut-être qu'un géant de l'industrie comme Adobe est un dinosaure et qu'il ne peut pas être aussi agile que ses jeunes concurrents. Cependant, une entreprise comme Adobe a les ressources pour évoluer rapidement, ainsi qu'une stabilité financière qui ferait de la maîtrise d'Adobe XD un bon investissement. C'est un énorme avantage, qui rend Adobe XD très précieux et potentiellement le principal outil de conception UX pour l'avenir.

Avant de nous plonger dans l'examen des fonctionnalités d'Adobe XD, arrêtons-nous et demandons-nous : « Vaut-il vraiment la peine d'apprendre un nouvel outil qui offre des fonctionnalités similaires aux outils que nous connaissons déjà ? » Pour y répondre, examinons quatre critères : le prix, la facilité d'utilisation, l'écosystème et la part de marché.

Prix

L'un des facteurs du succès précoce des favoris de l'industrie comme Sketch et Figma était leur prix relativement abordable. Adobe XD fait partie de l'abonnement Adobe Creative Cloud, qui vous donne accès à plus de 20 applications comme Photoshop, Illustrator, Premiere Pro, etc. pour 50 $/mois, il est donc difficile de séparer le prix spécifiquement pour ce produit. À moins que vous n'ayez déjà un abonnement, il peut être difficile de justifier de dépenser autant pour essayer un nouvel outil.

Cependant, en mai 2018, Adobe a annoncé un plan de démarrage qui permet l'utilisation gratuite d'Adobe XD ! Il est limité à un seul projet actif, mais c'est un moyen idéal pour tester les eaux et essayer tout ce qu'il a à offrir.

Facilité d'utilisation

La plupart des concepteurs numériques ont utilisé une application Adobe à un moment donné et connaissent l'interface générale : panneau d'outils à gauche, la zone principale au centre, calques, etc. à droite. La beauté d'Adobe XD est que vous vous sentirez chez vous dès que vous commencerez à l'utiliser. La courbe d'apprentissage est légère et se produit principalement autour de systèmes de conception plus complexes et de remplacements de symboles.

Comme des outils similaires, Adobe XD gère des systèmes de conception complexes et des bibliothèques de symboles. Il propose également des outils intuitifs pour connecter facilement les écrans et créer des prototypes interactifs qui peuvent être utilisés dans les tests utilisateur sans avoir besoin de code. La récente version de l'animation automatique facilite encore plus le prototypage d'interactions riches en animant automatiquement les micro-interactions sur les plans de travail dans Adobe XD.

Écosystème

Avoir Adobe XD dans l'écosystème Adobe est l'un de ses arguments de vente les plus forts, car il est probable que vous ayez déjà Creative Cloud ou que vous utilisiez d'autres produits Adobe sur une base hebdomadaire. Des vecteurs aux photos, la suite de produits Adobe dispose d'un outil dédié pour la plupart des besoins des concepteurs qui fonctionnera assez bien avec Adobe XD.

Part de marché

En 2017, Adobe XD avait un classement moyen sur le marché et ne pouvait pas éclipser la domination de Sketch. Avance rapide de deux ans et Adobe rattrape rapidement son retard (avec plus de 12 millions d'abonnés Creative Cloud) et a démontré un grand potentiel pour poursuivre sa croissance rapide.

Pour en revenir à la question de savoir s'il vaut la peine de passer du temps à apprendre un nouvel outil de conception, on peut y penser de cette façon : si vous avez un marteau, vous pouvez enfoncer un clou mais vous ne pouvez pas retirer une vis, et vous ne savoir quand vous devrez retirer une vis. À mesure qu'Adobe XD gagne en popularité, les chances de rencontrer une équipe ou un client qui s'appuie exclusivement sur les produits Adobe augmentent également. Plus un designer a d'outils dans sa boîte à outils, plus il pourra s'attaquer à des projets de conception et plus il pourra travailler efficacement avec des équipes.

Une liste croissante de fonctionnalités et de plugins Adobe XD

"Grâce aux intégrations avec Creative Cloud, nous pouvons rendre nos clients plus heureux et plus productifs en les connectant de manière transparente à tous les services qu'ils utilisent, et une offre infinie d'outils qui étendent nos applications de manière puissante et personnalisée." – Vijay Vachani, directeur, chef de Partner Platform & Ecosystem, Adobe Creative Cloud.

Aussi "légère et basique" qu'elle puisse paraître, l'interface d'Adobe XD gère des systèmes de conception et des bibliothèques de symboles complexes, permettant aux concepteurs de créer et de mettre à jour facilement des conceptions complexes. Le prototype XD sophistiqué et les outils d'animation sont tout aussi importants pour le processus de conception et de test utilisateur. Lorsqu'un concepteur est prêt à obtenir des commentaires sur les conceptions, les plugins de UserTesting et Userlytics lui permettent de le faire sans quitter le programme.

Créer l'outil de conception UX ultime qui aura toutes les bonnes fonctionnalités est ce que des entreprises comme InVision, Adobe et d'autres s'efforcent de faire. La tâche est énorme et compliquée, donc l'un des moyens d'atteindre cet objectif est que les plateformes développent des plugins (et encouragent les autres à faire de même).

L'annonce récente d'Adobe d'un fonds de conception de 10 millions de dollars dans ce but précis prouve l'importance de soutenir les plugins et d'inciter les développeurs à les créer. Lors de la récente conférence Adobe MAX, il y a eu plusieurs annonces importantes concernant les plugins, les kits d'interface utilisateur et les intégrations d'applications pour étendre l'utilitaire d'Adobe XD.

Bien que Sketch soit un excellent outil de conception, ce qui le rend vraiment génial, c'est la disponibilité de plugins tiers comme Runner, Color Accessibility Check, Magic Mirror, Auto Animate, etc. Adobe XD intensifie son jeu avec des plugins comme RenameIt, Pixel Perfect , Générateur de données, etc. et intégrations avec Trello, Dribbble, Google Sheets, etc.

En versant de l'argent dans l'hébergement et le soutien des talents émergents dans Adobe Creative Residency, Adobe conserve l'avantage important de son écosystème. Un autre élément clé du succès futur est autre chose que l'équipe Adobe XD fait bien : écouter l'utilisateur final et l'impliquer dans le processus de développement en l'invitant à suggérer et à voter pour les prochaines fonctionnalités à développer.

Depuis le début, Adobe XD s'est positionné comme un "produit de designers à designers" et ils maintiennent fidèlement ce cap. Chaque mois, de nouveaux ensembles de fonctionnalités sont déployés. Par exemple, au cours des derniers mois, Adobe a introduit de nouvelles fonctionnalités Adobe XD telles que le redimensionnement réactif, les transitions temporisées, la vérification orthographique, l'intégration de Jira, etc.

Adobe a également annoncé récemment l'ajout du prototypage vocal à l'ensemble d'outils Adobe XD. Ce n'est pas la fonctionnalité la plus évidente que vous attendez d'un outil de conception d'interface utilisateur d'écran, mais les interfaces utilisateur de commande vocale deviennent de plus en plus courantes.

De Siri à Alexa et d'autres expériences au-delà de l'écran, l'interaction vocale gagne du terrain. Le prototypage vocal unique d'Adobe XD donne aux concepteurs l'avantage de suivre cette tendance à la croissance rapide.

Développer la boîte à outils d'un concepteur

Les concepteurs travaillant avec une variété d'entreprises et sur différents projets auront très probablement besoin d'un éventail de compétences en résolution de problèmes. Une boîte à outils de conception plus large peut être un gros avantage par rapport à d'autres candidats potentiels. Ceci est particulièrement important pour les pigistes qui peuvent travailler avec différents clients tous les quelques mois - tôt ou tard, un projet nécessitant une connaissance approfondie d'un outil de conception spécifique se présentera. Ne pas être familier avec cet outil peut signifier la perte d'un engagement potentiel.

Il y a un débat sur la question de savoir si un designer devrait se concentrer sur l'élargissement de son répertoire plutôt que sur le perfectionnement d'une spécialisation particulière. Adobe XD est rapide, gratuit et facile à apprendre. Il n'y a rien de perdu à franchir le pas et à étendre votre polyvalence.

Pour en savoir plus sur le blog Toptal Design :

• Les meilleurs outils UX (avec infographie)
• Figma vs Sketch vs Axure - un examen basé sur les tâches
• Conception d'une VUI - Interface utilisateur vocale
• Les meilleurs portefeuilles de concepteurs UX - Études de cas et exemples inspirants
• Prototyper en toute simplicité - Un tutoriel InVision Studio