Les 11 meilleures extensions Chrome pour les concepteurs

Personne ne sait mieux que les concepteurs UX à quel point des modifications apparemment minimes de la convivialité et de l'efficacité peuvent, en fait, faire une énorme différence dans l'expérience d'un utilisateur.

Et pourtant, bien que peu de gens passent plus de temps à naviguer sur le Web que les concepteurs, même les plus avertis d'entre nous ne maximisent peut-être pas la qualité de cette expérience.

Dans cet esprit, nous avons rassemblé 11 des meilleures extensions Chrome pour les concepteurs.



Métier à tisser

Il y a de fortes chances que vous passiez un temps assez important à essayer de communiquer avec d'autres coéquipiers sur des problèmes liés aux flux d'utilisateurs, des problèmes de conception ou d'autres bogues. Loom peut vous faciliter la vie.

L'extension vous permet d'enregistrer et de raconter une vidéo de ce que vous voyez sur votre écran - ainsi que votre caméra frontale - avant de la partager avec un simple lien.

Si vous êtes vendu sur Loom, pensez au service payant premium, qui permet la vidéo 4K, un stockage vidéo illimité, des outils de dessin, l'accentuation des clics de souris et une suite d'options d'édition, y compris des boutons d'appel à l'action et des vignettes personnalisées.

Redimensionneur de fenêtre

Les concepteurs doivent savoir comment tout le monde expérimentera leurs offres Web, et une mise en page qui est belle sur votre écran – qui, avouons-le, est probablement haut de gamme – pourrait s'effondrer sur un iPhone vieillissant.

Window Resizer aidera à résoudre cet angle mort, en redimensionnant la fenêtre du navigateur pour reproduire un éventail de résolutions d'écran. Vous pouvez personnaliser votre liste de résolutions, vous pouvez jouer avec la taille et la position de la fenêtre, et pour plus d'efficacité, l'extension vous permet également de créer des raccourcis clavier globaux.

Glacé

Si vous pouviez utiliser un peu d'inspiration de conception supplémentaire dans votre journée - et qui ne le pourrait pas ? - Muzli est fait pour vous, en organisant des conceptions visuelles attrayantes de partout sur le Web à faire défiler pendant que vous sirotez votre café du matin.

Avec plus de 150 sources provenant de partout sur Internet, y compris Dribbble, Mashable et Product Hunt, Muzli vous apportera les idées de conception, les projets et les nouvelles les plus récents chaque fois que vous ouvrirez un nouvel onglet.

Vous voyez quelque chose qui vous intéresse ? Cliquez et apprenez-en plus dans une nouvelle fenêtre de navigateur.

Règle de page

Les concepteurs UX ont tendance à apprécier une idée simple mais efficace, et cela résume Page Ruler.

Au lieu de perdre du temps à mesurer soigneusement la taille des objets sur une page Web à l'aide de l'outil de capture d'écran, demandez à Page Ruler de dessiner rapidement une règle et de dimensionner les dimensions et les positionnements en pixels ainsi que tous les éléments d'une page.

CouleurZilla

Il est probable que vous ayez souvent l'occasion de découvrir rapidement quelle couleur est utilisée sur une page Web - et ColorZilla peut vous aider à y arriver beaucoup plus rapidement.

Longtemps l'une des extensions Firefox les plus populaires avant d'arriver enfin sur Chrome, ColorZilla propose une pipette avancée pour déterminer la couleur de n'importe quel pixel sur n'importe quelle page, un générateur de dégradé CSS et un sélecteur de couleur.

Si vous voyez une couleur que vous aimez, ColorZilla facilite la prise des valeurs hexadécimales et RVB et les colle dans votre presse-papiers.

Police Ninja

Êtes-vous du genre à parcourir Internet à la recherche de nouvelles idées de polices ? Les concepteurs - et les fanatiques de polices en général - voudront installer cette extension élégante, qui vous permet d'identifier les polices utilisées sur n'importe quel site Web et de les glisser rapidement dans votre logiciel de conception.

Le moteur Fontface Ninja's Fonts DNA n'affiche pas seulement le nom CSS, mais le vrai nom de toute police affichée, puis vous permet de l'essayer légalement. Si vous l'aimez, Fontface Ninja fournit également un lien pour acheter la licence appropriée.

Spectre

On estime que la déficience de la vision des couleurs - également connue sous le nom de daltonisme - affecte des millions de personnes dans le monde. Pour vous assurer que ces personnes ont une expérience positive avec vos pages Web, essayez Spectrum, qui teste rapidement les sites Web pour voir comment ils apparaissent aux personnes atteintes de différents types de daltonisme.

On dit que l'extension est particulièrement utile pour les sites Web avec des visualisations de données, car certaines couleurs dans les graphiques peuvent être indiscernables les unes des autres.

Checkbot

S'assurer que tous vos liens fonctionnent réellement, que vos formulaires sont sécurisés et que votre site est rapide et facile à naviguer sont toutes des préoccupations majeures en matière d'utilisabilité pour un concepteur UX ; Checkbot vous soutiendra et déterrera tous les problèmes que vous n'avez pas remarqués.

En testant des centaines de pages à la fois, Checkbot peut découvrir des liens brisés, des erreurs HTML/JavaScript/CSS, des titres en double, des problèmes de sécurité, des chaînes de redirection et des erreurs de contenu mixte.

En fait, Checkbot teste votre site pour plus de 50 meilleures pratiques en matière de référencement, de vitesse et de sécurité.

Saisie SVG

Avez-vous souvent besoin de récupérer des logos, des icônes, des illustrations ou d'autres illustrations sur d'autres sites ? Si c'est le cas, SVG Grabber pourrait vous faire gagner beaucoup de temps et d'ennui.

C'est un outil pour vous aider à prévisualiser et à obtenir rapidement tous les actifs SVG d'un site Web. En un seul clic, l'extension affichera automatiquement tous les SVG sur une page avant de vous permettre de parcourir et de télécharger rapidement ceux dont vous avez besoin.

Vérification UX

En termes simples, UX Check transforme les évaluations heuristiques en un jeu d'enfant.

L'extension vous permet d'analyser votre site Web à la recherche de problèmes d'utilisation afin que vous puissiez tester sans avoir de vrais utilisateurs. UX Check signale toutes les zones de votre site qui doivent être améliorées en fonction de Nielsen Norman Group 10 principes généraux pour le design d'interaction – qui incluent la visibilité de l'état du système, la prévention des erreurs, la cohérence et les normes – et enregistre une capture d'écran du problème.

Lorsque vous avez terminé, vous pouvez tout exporter dans un fichier de document pour le partager facilement avec vos coéquipiers.

Assurance d'entreprise

Si vous testez un nouveau design, en particulier un texte particulièrement lourd, vous en aurez peut-être assez du premier paragraphe habituel de Lorem Ipsum. Pour ceux d'entre nous qui sont fatigués du latin, Corporate Ipsum est une extension amusante qui évoque au hasard le double langage d'entreprise à utiliser comme texte de remplissage.

Au lieu de cette longue chaîne de texte factice que vous avez l'habitude de voir, vous pourriez être accueilli à la place par - par exemple - un jargon d'entreprise comme celui-ci : saisir efficacement les vortals intégrés avec des méthodologies de base installée.

Le simple fait d'avoir des mots anglais au lieu de latin rendra la conception beaucoup plus naturelle, et le fait que le texte assemblé au hasard n'a souvent aucun sens fait simplement partie du charme de l'extension.

En savoir plus sur BrainStation Cours de conception UX .