30 outils UX essentiels
Lorsque les développeurs construisent des sites Web, ils se concentrent souvent sur la mise en page et les caractéristiques techniques, mais négligent un aspect très important, à savoir la manière dont l'utilisateur expérimente le site. Si les utilisateurs ont du mal à comprendre comment atteindre leurs objectifs, ils regarderont ailleurs et ne reviendront pas. En revanche, une expérience utilisateur agréable peut créer une impression favorable et durable qui différencie un site de ses concurrents.
C'est pourquoi il est si important de bien réfléchir à ce que les utilisateurs ressentent lorsqu'ils visitent votre site Web. Vous devez vous demander: cette page fournit-elle les informations attendues par l'utilisateur? Comme avec beaucoup de choses, les plus petits détails peuvent faire la plus grande différence dans l'expérience de l'utilisateur.
Dans ce post, je présenterai 30 excellents outils et services pour créer des sites Web avec une meilleure facilité d'utilisation.
Mind maps, organigrammes et sitemaps
La base d'un site Web utilisable est un bon plan. Si vous n'avez pas une idée de base de la direction de votre projet, il est peu probable que vous arriviez au bon endroit. Les cartes mentales, les organigrammes et les sitemaps sont des outils efficaces pour créer les diagrammes dont vous avez besoin. Les cartes mentales sont idéales pour générer et organiser des idées, tandis que les organigrammes permettent de visualiser et de planifier les étapes d'un processus. Les sitemaps peuvent être utilisés pour identifier la structure de navigation d'un site Web. Voici quelques applications qui peuvent vous aider dans ces tâches:
XMind (de libre)
XMind est un programme de cartographie d'esprit open-source pour Windows, Mac OS X et Linux.
ConceptDraw Office (à partir de 199 $)
Un puissant outil de création de diagrammes, ConceptDraw Office fournit un support pour les diagrammes et les cartes conceptuelles sur Windows et Mac.
OmniGraffle (69.99 $)
Les utilisateurs de Mac OS X et iPad peuvent choisir OmniGraffle pour créer des organigrammes, des organigrammes et de nombreux autres types de diagrammes.
Gliffy (de libre)
Gliffy est une application Web avec prise en charge des organigrammes et des sitemaps.
Wireframes et prototypes
Avant que le codage proprement dit ne commence, il est souvent judicieux de faire du prototypage. Les prototypes vous permettent de jouer avec différentes idées et de découvrir des problèmes éventuels sans investir beaucoup de temps dans le codage et le design. Vous pouvez commencer avec des images filaires basse fidélité en niveaux de gris et créer ensuite des maquettes visuelles et des prototypes fonctionnels haute fidélité.
PowerMockup (à partir de 59,99 $)
Utilisation PowerMockup créer des wireframes avec PowerPoint.
Crayon (gratuit)
Disponible sur plusieurs plates-formes, ce logiciel open source fournit un prototypage d'interface graphique.
Mogups (à partir de 9 $ / mois)
Moqups est un outil de modélisation et de modélisation en ligne.
Justinmind Prototyper (à partir de 19 $ / mois)
Cette application pour le fil de fer des applications Web et mobiles s'exécute sous Windows et Mac OS X.
FileSquare (de gratuit)
FileSquare est un outil Web permettant de créer des prototypes cliquables en liant les images de maquette téléchargées.
Artisanat (à partir de 19 $ / mois)
Artisanat est un outil collaboratif de prototypage HTML / CSS / JavaScript.
Test utilisateur et feedback
Une fois que vous avez quelque chose de concret à montrer, vous devez le présenter aux utilisateurs, recueillir des commentaires et agir. Les applications et services répertoriés ci-dessous vous aident à effectuer des tests d’utilisation et à organiser les commentaires des utilisateurs.
IntuitionHQ (de gratuit)
Ce service de test d’utilisabilité à distance vous permet d'exécuter divers tests utilisateur sur vos conceptions et d'obtenir des commentaires instantanés.
Vérifier (à partir de 19 $ / mois)
Cette application en ligne recueille et analyse les commentaires des utilisateurs sur les écrans et les maquettes.
Polldaddy (de libre)
Polldaddy est une application Web pour créer et publier des enquêtes et des sondages.
Commentaires sur le concept (gratuit)
Visite cette communauté en ligne échanger des commentaires sur les conceptions.
Fivesecondtest (gratuit)
Ce service recueille les commentaires en demandant aux utilisateurs de rappeler les éléments d'un site Web après l'avoir vu pendant cinq secondes seulement.
PickFu (à partir de 20 $)
Ce service de crowdsourcing fournit un retour rapide via de simples sondages A / B.
UserTesting (à partir de 49 $)
UserTesting vous permet de "regarder par-dessus les épaules" des personnes parcourant votre site Web.
ErgonomieTools (à partir de 39 $ / mois)
Cette collection d'outils offre des recherches d'utilisateurs, y compris des sondages, un tri de cartes et des formulaires de commentaires.
Morae (à partir de 402 $ environ)
Ce logiciel de bureau enregistre les interactions des utilisateurs (saisie clavier / souris, suivi visuel, audio, etc.) et analyse les résultats.
BugHerd (à partir de 29 $ / mois)
BugHerd est un outil de suivi des bogues en ligne spécialement conçu pour les projets de développement Web.
Tests fractionnés A / B
Les tests A / B sont simples: vous créez deux variantes (A et B) d'une page, puis vous déterminez celle qui produit les meilleurs résultats mesurés en termes d'achats, d'inscription à la newsletter ou d'autres facteurs valorisés. . Ces deux services peuvent vous aider avec cela:
Optimizely (à partir de 17 $ / mois)
Cet outil de test split A / B peut vous aider à trouver le moyen le plus efficace d'augmenter les conversions sur votre site Web.
Visual Website Optimizer (gratuit)
Comme Optimizely, Visual Website Optimizer prend en charge les tests A / B, les tests multivariés, le ciblage comportemental, etc.
Analytique
L'analyse Web fournit des informations précieuses sur la manière dont les gens utilisent votre site Web. Ils peuvent vous dire comment les visiteurs naviguent généralement sur le site Web, combien de temps ils restent sur chaque page, quand ils quittent le site, et bien plus encore. Cette information peut être extrêmement utile pour identifier les problèmes d’utilisabilité et leurs causes.
Crazy Egg (à partir de 9 $ / mois)
Ce service d'analyse Web visualise le comportement de l'utilisateur avec des cartes de chaleur, des cartes de défilement et des rapports de confettis.
Inspectlet (gratuit)
Un autre outil d'analyse Web, Inspection fournit des cartes de chaleur, des analyses en temps réel et des enregistrements d'écran du comportement des visiteurs.
Mixpanel (gratuit)
Mixpanel est une plateforme d'analyse pour le suivi d'événements personnalisés dans les applications mobiles et Web.
Validation, vérification des liens et tests de vitesse
Pour une expérience utilisateur positive, il est également important que le côté technique d'un site Web fonctionne comme prévu. Rien n'est plus frustrant que les liens pointant vers des pages inexistantes, les sites Web dont le chargement est permanent ou les pages endommagées en raison d'erreurs HTML et JavaScript.
W3C Markup Validation Service (gratuit)
Ce service en ligne vérifie si le code d'une page Web est valide (X) HTML.
Dr. Link Check (gratuit)
Cette application web vérifie un site pour les liens cassés et sur la liste noire.
Pingdom Full Page Test (gratuit)
Utilisation cet outil pour tester et analyser le temps de chargement de votre page Web.
Google PageSpeed (gratuit)
Ce service Google analyse une page Web et propose des suggestions pour améliorer son temps de chargement.
CrossBrowserTesting (à partir de 29,95 $ / mois)
Ce service fournit des machines virtuelles pour tester un site Web dans différents navigateurs sur différents systèmes d'exploitation.
Utilisez-vous l'un de ces outils? Avons-nous manqué quelque chose sur lequel vous comptez? Faites le nous savoir dans les commentaires.