Maîtrisez votre métier avec ces meilleurs outils UX

Avoir les bons outils UX à portée de main peut être la différence cruciale entre un flux de travail de conception collaboratif, transparent et globalement très efficace et un flux de travail lent, improductif et non responsable.

Il est important de rester à jour avec les derniers outils et technologies, et de découvrir les façons intéressantes dont les concepteurs peuvent les utiliser pour créer et collaborer plus efficacement. Certains outils sont plus efficaces que d'autres en fonction de la taille de l'équipe, de l'étape du processus de conception et de tout autre outil faisant déjà partie du flux de travail.

Jetons un coup d'œil aux meilleurs outils UX, du wireframing et du prototypage à la recherche et à l'analyse UX, qui aident les équipes à faire des choses incroyables en 2018.

Conception + Prototypage + Outils de transfert de conception

InVision/InVision Studio

Plate-forme : Web (s'intègre à Sketch et Photoshop) et macOS
Prix ​​: à partir de 13$/mois pour les individuels, ou 89$/mois pour les équipes de cinq

Remarque : Le prix s'applique à l'application Web InVision principale, et non à InVision Studio, qui est gratuite.

InVision est sans doute l'outil UX le plus puissant à ce jour. Il permet aux concepteurs de Sketch et Photoshop d'importer leurs écrans statiques et de les transformer en prototypes dynamiques, et aux parties prenantes d'offrir des commentaires constructifs qui peuvent ensuite être convertis en tâches exploitables et gérables. Combinez cela avec leurs tests utilisateurs et leur technologie de tableau blanc collaboratif, et l'application Web InVision devient un outil inestimable et vraiment impressionnant.

En 2017, InVision a lancé de nouvelles fonctionnalités de transfert de conception, et maintenant en 2018, InVision est devenue une solution complète tout-en-un en introduisant son propre outil de conception UX, Studio, qui est gratuit et comprend des fonctionnalités avancées d'animation et de prototypage.

Pour les équipes qui souhaitent une boîte à outils entièrement approvisionnée sous un seul abonnement, InVision est là.

Encadreur

Plate-forme : macOS
Prix ​​: 12 $/mois pour les utilisateurs individuels, ou à partir de 250 $/mois pour les équipes de trois

En termes d'offre, Framer est l'outil qui ressemble le plus à InVision, puisqu'ils combinent tous les deux une interface Web mature avec un tout nouvel outil de conception UX. Cela se résume à une préférence personnelle avec ces deux, mais là où Framer est légèrement moins cher pour les particuliers, InVision est clairement le grand frère en matière de collaboration de conception.

Figma

Plate-forme : Web, macOS et Windows
Prix ​​: gratuit pour les équipes débutantes, ou 12 $/mois

Figma s'est démarqué des autres dès le début de son développement en tant qu'outil de premier plan pour la conception multijoueur, permettant à plusieurs concepteurs de travailler simultanément sur le même fichier de conception. Avec la possibilité de créer des conceptions réactives et des fonctionnalités de transfert supplémentaires, la façon dont ils ont proposé ces fonctionnalités sur les versions Web, macOS et Windows du produit est impressionnante.

Si vous aimez un flux de travail de conception énergique et collaboratif, Figma est fait pour vous.

AdobeXD

Plate-forme : Windows et macOS
Prix : gratuit pour 1 prototype, ou 20,99 $/mois pour un nombre illimité de prototypes

Lorsque Sketch est devenu l'outil n ° 1 pour le wireframing et la conception d'interfaces, Adobe n'a presque pas eu d'autre choix que d'admettre que Photoshop ne pourrait jamais être l'outil de conception d'interface utilisateur dont les concepteurs avaient besoin. Adobe a décidé de mettre Adobe XD à la disposition des utilisateurs de Windows là où Sketch ne le faisait pas, et a également intégré la possibilité de prototyper les flux d'utilisateurs et d'inspecter les conceptions, aidant les concepteurs expérimentés familiarisés avec l'écosystème Adobe à s'en tenir à un flux de travail familier.

UXPin

Plate-forme : Web
Prix : à partir de 8,10 $/mois pour un utilisateur, avec d'autres options pour les équipes

UXPin est une plate-forme complète de conception de produits offrant tout, depuis la conception, le wireframing, le prototypage, la collaboration, les tests utilisateur et le transfert, le tout dans une seule application Web. L'inconvénient est que UXPin est l'un des outils les plus difficiles à utiliser en raison du nombre de fonctionnalités, de l'interface encombrée et (parfois) du retard de performances qui hante souvent les applications Web volumineuses. Cependant, les équipes d'entreprise qui ont besoin de fonctionnalités impressionnantes telles que des systèmes de conception et la possibilité de tirer parti de frameworks et de technologies Web tels que Bootstrap et Google Fonts ne devraient pas l'ignorer trop rapidement.

Outils de conception + prototypage

Esquisser

Plate-forme : macOS
Prix ​​: 99 $/an

Photoshop a remis la couronne à Sketch alors qu'ils sont devenus le principal outil de conception pour la conception filaire et la conception d'interface en 2015, et à partir de 2017, ils mènent toujours la charge. L'approche innovante de Sketch en matière de conception d'écran a introduit des fonctionnalités inestimables telles que des plans de travail, des symboles et des exportations, qui ont ensuite inspiré une vague de nouveaux outils de conception tels qu'Adobe XD, Framer Studio et InVision Studio. Cet outil vectoriel incroyablement intuitif (et léger) aide les concepteurs d'interface utilisateur à itérer beaucoup plus rapidement que jamais.

Cependant, voici le "mais" (et c'est un gros mais) : Sketch n'est pas disponible pour Windows, et leur décision d'implémenter des outils pour les concepteurs de prototypes si tard dans le jeu signifie que leurs concurrents ont rapidement pris le contrôle de ce marché, avec InVision. étant sans doute l'outil de prototypage le plus dynamique disponible aujourd'hui. Même si la fonctionnalité Sketch peut être personnalisée avec un catalogue impressionnant de plugins (y compris des intégrations avec Flinto, Zeplin, Marvel, Principle et même InVision eux-mêmes), certains concepteurs peuvent préférer une expérience plus native avec ces fonctionnalités facilement disponibles hors du boîte.

Dans l'ensemble, Sketch est excellent pour l'idéation et le wireframing, ou ceux qui ne craignent pas de compléter leur boîte à outils pour ajouter de meilleurs outils de prototypage et de collaboration.

Flux Web

Plate-forme : Web
Prix ​​: une variété d'options destinées aux individus d'un seul site, à plusieurs sites et à des équipes

Webflow est un éditeur WYSIWYG pour le concepteur moderne qui souhaite créer des sites Web réactifs sans code, et même les héberger, le tout avec un seul abonnement. Webflow génère un code sémantique propre pour que vous n'ayez pas à le faire et offre des fonctionnalités robustes qui permettent aux concepteurs Web de créer n'importe quoi, des sites Web statiques aux magasins de commerce électronique, où même le contenu et l'inventaire sont gérés à partir du même tableau de bord.

Principe

Plate-forme : macOS
Prix ​​: 129 $/an

Bien qu'il s'agisse davantage d'un outil de prototypage que d'un outil de conception, l'application Principle, très appréciée, est destinée aux concepteurs qui se concentrent sur des prototypes haute fidélité et utilise une animation chronologique pour aider à concevoir des micro-interactions avancées là où Sketch et Adobe XD ne le font pas. Si les fonctionnalités de conception ne sont pas suffisamment sophistiquées pour vos besoins, Principle s'intègre à Sketch.

Outils de prototypage (uniquement)

Flint

Plate-forme : macOS
Prix ​​: 99 $/an

Flinto fait passer les transitions et les micro-interactions au niveau supérieur avec des outils d'animation avancés, notamment des ressorts et des assouplissements, une rotation 3D, des effets de défilement, et permet même aux concepteurs à la mode d'exporter des animations sous forme de vidéos, de GIF et de plans Dribbble.

Bien que Flinto se concentre uniquement sur les interactions de prototypage, il le fait bien. Associez-le à Sketch pour de meilleurs résultats.

Origami

Plate-forme : macOS
Prix ​​: gratuit/open source

Origami est un outil de prototypage d'applications développé par l'équipe de conception de Facebook. Bien qu'il soit similaire à Flinto (moins le prix), il n'est pas maintenu aussi souvent que des outils similaires, et son approche logique de la conception des interactions se traduit par une courbe d'apprentissage plus abrupte.

Pour les designers à petit budget, Origami vaut bien le détour.

Prototypage + outils de transfert de conception

merveille

Plate-forme : Web
Prix ​​: 0 à 12 $/mois pour les particuliers ou 42 à 84 $/mois pour les équipes

Les équipes d'entreprise nécessitant des fonctionnalités SSO et de transfert doivent se renseigner directement.

Marvel est un outil de prototypage en ligne connu pour être l'un des plus faciles à maîtriser, cependant, le compromis est qu'il n'est pas aussi sophistiqué qu'InVision en ce qui concerne les fonctionnalités de prototypage dynamique, et nécessite une intégration avec Sketch pour devenir une solution complète de conception + prototypage . Cela étant dit, il s'intègre à Lookback, apportant des tests utilisateur à la table, et inclut des fonctionnalités de transfert de conception.

Marvel permet également aux équipes (même non concepteurs) de choisir un plan de travail et d'illustrer une idée basse fidélité à l'aide de formes et de texte, ce qui la rend idéale pour les sprints de conception (d'autant plus qu'elle permet également aux utilisateurs de convertir des prototypes papier en prototypes Marvel basse fidélité).

Outils de transfert de conception (uniquement)

Zeplin

Plate-forme : Web
Prix ​​: gratuit pour un projet, 17$/mois et 26$/mois pour trois et 12 projets respectueusement

Pour les grandes organisations, leur option à 7,65 $/utilisateur/mois offre des autorisations utilisateur plus avancées et la possibilité de copier des styles de couleur et de texte entre les projets.

Zeplin a constamment surpassé ses concurrents Sympli et Avocode, où il a récemment ajouté les intégrations Adobe XD et Figma aux côtés de ses intégrations Sketch et Photoshop CC déjà existantes. Alors que de nombreux outils tout-en-un ont ajouté le transfert de conception à leur liste de fonctionnalités, Zeplin comble le vide pour les outils qui ne l'ont pas fait (Sketch, Photoshop) et ceux qui expérimentent encore les fonctionnalités de transfert (Adobe XD, Figma).

Wireframing + Outils de prototypage

Axure

Plate-forme : Windows et macOS
Prix ​​: 29/49/99 $/utilisateur/mois pour les utilisateurs Pro/Team/Enterprise respectivement

Achats uniques d'Axure RP 8 également disponibles à partir de 495 $.

Axure est conçu spécifiquement pour la conception de structures filaires et de prototypes bruts, et est doté de fonctionnalités qui facilitent la création de maquettes dynamiques et adaptatives basées sur les données. Vous oublierez qu'il s'agit d'un outil sans fonctionnalités de prototypage UX haute fidélité. Pour les concepteurs qui se concentrent uniquement sur les structures filaires et le prototypage, Axure est un premier choix, utilisé par 87 % des entreprises du Fortune 100.

Justinmind

Plate-forme : Windows et macOS
Prix ​​: 19 $/utilisateur/mois, ou 39 $/utilisateur/mois pour les équipes d'entreprise

Justinmind ne reçoit pas assez d'amour pour ce qu'il propose, à savoir le prototypage UX avancé, la collaboration, certains outils de conception de base, ainsi que plus de 500 widgets Web et mobiles pour le wireframing. Le wireframing n'est pas quelque chose sur lequel de nombreuses applications de prototypage concurrentes se sont concentrées, ce qui fait de Justinmind l'un des rares outils UX à le faire.

Outils de fil de fer (uniquement)

OmniGraffle

Plate-forme : macOS
Prix ​​: 100 $, ou 200 $ pour une licence Pro

OmniGraffle est un outil de wireframing avec des fonctionnalités de création de diagrammes, utile pour les applications et les sites Web où le flux d'utilisateurs ou l'architecture des informations peuvent nécessiter plus d'attention. En tant qu'application macOS native, l'interface est très conviviale, ce qui en fait un outil UX facile à maîtriser.

OmniGraffle a une fonctionnalité très pratique : les « gabarits », qui sont des composants de conception réutilisables prêts à l'emploi, par glisser-déposer dans une « bibliothèque de gabarits » que les concepteurs peuvent utiliser pour créer des structures filaires, des maquettes ou même des conceptions visuelles finales. Les utilisateurs peuvent créer leur propre bibliothèque, et il existe également des milliers de bibliothèques de pochoirs disponibles sur le Web à télécharger, dont beaucoup sont gratuites, ce qui permet d'économiser du temps et des efforts.

Graffletopia est l'un des plus grands dépôts de pochoirs sur le Web contenant un mélange de bibliothèques gratuites et payantes. Avec plus de 1 100 pochoirs, Graffletopia propose des pochoirs pour chaque utilisation : conception d'applications mobiles, de sites Web, de diagrammes de réseau, d'organigrammes, etc.

Balsamiq

Plate-forme : Web, macOS et Windows
Prix : à partir de 90 $/utilisateur/an pour l'accès au cloud, ou 89 $ pour les applications de bureau

Balsamiq est à l'opposé de Justinmind, se concentrant davantage sur le wireframing que sur le prototypage. Leurs éléments d'interface utilisateur intégrés utilisent une esthétique visuelle esquissée pour encourager le brainstorming et s'adressent uniquement aux chefs de produit et aux développeurs, ainsi qu'aux concepteurs de wireframing, permettant à des équipes entières de faire partie du processus de conception dès le début.

Outils de recherche et de test UX

Regarde en arrière

Plate-forme : Web
Prix ​​: 49 $/utilisateur/mois ou 99 $/utilisateur/mois selon les fonctionnalités

Lookback introduit des tests utilisateur en direct et modérés dans le processus de conception UX, permettant aux concepteurs d'enregistrer le visage, l'écran et la voix de n'importe qui dans le monde. Pour les équipes utilisant Marvel comme outil de prototypage, Lookback s'y intègre de manière transparente.

Test utilisateur

Plate-forme : Web
Prix ​​: 49 $/test (min. 15 tests), avec options d'entreprise disponibles

UserTesting est similaire à Lookback en termes de fonctionnalités. Bien qu'il s'agisse d'un formidable outil de test utilisateur autonome avec un vaste répertoire de testeurs utilisateurs expérimentés (avec Marvel, vous devrez trouver vous-même des testeurs utilisateurs), UserTesting s'intègre également de manière transparente à InVision.

Eyequant

Plate-forme : Web
Prix ​​: 499 $/mois pour les particuliers, 999 $/mois pour les équipes de 10 (+ options d'entreprise)

Eyequant utilise l'apprentissage automatique pour aider les équipes à prendre de meilleures décisions de conception et à améliorer leurs efforts de CRO. Son prix élevé pourrait dissuader certains clients, mais ceux qui investissent reçoivent une formation sur la façon de simuler les utilisateurs, d'analyser les métriques, de tirer le meilleur parti de leurs tests A/B, et plus encore.

Hotjar

Plate-forme : Web
Prix ​​: tarification variable en fonction du nombre de pages vues quotidiennement

Hotjar permet aux équipes d'optimiser facilement les expériences utilisateur en combinant les commentaires des utilisateurs avec des analyses, des cartes thermiques, des cartes de clics, des cartes de défilement et des enregistrements de visiteurs. Là où les heatmaps et les clickmaps illustrent respectivement où les utilisateurs se déplacent et cliquent avec leur souris, les scrollmaps indiquent à quel point les utilisateurs pourraient perdre leur intérêt.

Oeuf fou

Plate-forme : Web
Prix ​​: à partir de 29$/mois pour 20 000 pages vues

Semblable à Hotjar, Crazy Egg est utilisé pour optimiser les expériences utilisateur et les taux de conversion en analysant le comportement des utilisateurs avec des cartes thermiques et des enregistrements de visiteurs, bien qu'il inclue également des outils de test A/B faciles à utiliser pour aider à déchiffrer ce qui fonctionne et ce qui ne fonctionne pas.

Atelier optimal

Plate-forme : Web
Prix : 166 $/utilisateur/mois, avec des options gratuites et d'entreprise disponibles

Optimal Workshop est une boîte à outils de recherche d'utilisateurs axée sur le tri des cartes, les enquêtes, les tests d'arbres, les tests au premier clic et la découverte de données qualitatives.

Outils d'analyse

Google Analytics

Plate-forme : Web
Prix ​​: gratuit

Bien que Google Analytics n'offre pas l'interface la plus inspirante ou la plus utilisable, il fournit une bonne quantité de données pour un outil gratuit, ce qui en fait un point de départ approprié pour la recherche d'utilisateurs et l'acquisition d'informations que vous voudrez peut-être explorer davantage dans un autre outil. .

Panneau mixte

Plate-forme : Web
Prix ​​: à partir de 99 $ pour 1 million de points de données, avec des options gratuites et d'entreprise disponibles

Mixpanel permet à quiconque, des cadres aux simples contributeurs, d'utiliser les données pour prendre des décisions plus stratégiques. Avec une interface plus conviviale par rapport à Google Analytics, les concepteurs peuvent trouver qu'il est plus facile d'analyser les parcours des utilisateurs, d'apprendre comment les utilisateurs interagissent avec le produit et de déchiffrer une analyse comportementale complexe avec Mixpanel.

Pendo

Plate-forme : Web
Prix ​​: le prix est déterminé en fonction du nombre d'utilisateurs et des fonctionnalités requises

Pendo, avec une interface beaucoup plus simple par rapport à la plupart des autres outils d'analyse, permet aux concepteurs de suivre le NPS (score net du promoteur), de segmenter les utilisateurs, d'optimiser les entonnoirs et les parcours des utilisateurs, et tout ce que vous attendez d'un outil d'analyse de site Web de premier plan. En outre, les concepteurs peuvent diffuser des annonces ciblées, une aide contextuelle et des expériences personnalisées en fonction des données suivies.

Conclusion

Choisir les bons outils UX nécessite une réflexion approfondie. Nous devons prendre en compte les coûts, le niveau de collaboration requis avec d'autres concepteurs et parties prenantes, la plate-forme et tout autre outil que nous pourrions avoir besoin d'intégrer afin de maintenir un flux de travail transparent. Une fois que vous avez réduit vos choix, inscrivez-vous pour leurs essais gratuits et envisagez de lancer un sprint de conception de cinq jours pour tester les eaux.