Listes de contrôle UX pour les concepteurs d’interfaces

Compte tenu de la complexité du Web, il est facile de négliger quelques petits détails juste avant la grande sortie. Et parfois, il est difficile de choisir la bonne technique ou stratégie pour résoudre un problème particulier. C’est là que listes de contrôle de conception peut aider – et il y en a quelques nouveaux qui pourraient également vous être utiles.

Conception de la liste de contrôle

Conception de la liste de contrôle est une collection sans cesse croissante de meilleures pratiques de conception, tous réunis en un seul lieu. Vous trouverez à peu près tout, des listes de contrôle pour les pages autonomes aux éléments et aux flux, en passant par les sujets et l’image de marque. Une jolie petite ressource créée par George Hatzis.

Liste de contrôle du système de conception

Liste de contrôle du système de conception est une liste de contrôle open source pour la planification, la construction et développement d’un système de conception. Il comprend la base des choses à garder à l’esprit pour le langage de conception, les jetons de conception, les composants de base, les outils et la gestion de projet. Magnifiquement créé et entretenu par de braves gens de remodelé. Aussi, vous voudrez peut-être vérifier Manuel des systèmes de conception ainsi et vous pouvez télécharger la liste de contrôle du système de conception dans Figma.

Liste de non-vérification de l’accessibilité

Liste de non-vérification de l’accessibilité est un approfondissement guider à travers l’accessibilité, avec des points regroupés par sujets et critères de réussite, avec des filtres pour WCAG 2.0 et WCAG 2.1 et des recommandations de bonnes pratiques. Vous pouvez trier la liste de contrôle par sujet et par rôle. Un outil fantastique par des gens bien à intopie.

Liste de contrôle du projet A11y

Liste de contrôle du projet A11y est une autre liste de contrôle très complète pour l’accessibilité qui va dans tous les détails, des formulaires et des contrôles à vidéo, audio et animation. Il contient également des liens vers des parties spécifiques des WCAG dans chaque section individuelle avec d’autres exemples et directives. Soigné!

Modèle Trello de liste de contrôle du système de conception

Vous et votre équipe travaillez sur un système de conception ? La Modèle de liste de contrôle du système de conception pour Trello est un excellent exemple de comment structurez votre travail et garder tout le monde impliqué sur la même page. Même si vous n’êtes pas un utilisateur de Trello, le modèle fournit des idées précieuses pour créer votre propre liste de contrôle des éléments à prendre en compte lorsque vous travaillez sur un projet gigantesque comme celui-ci.

Composants du système de conception du gouvernement britannique (Figma)

La charmante équipe derrière Gov.UK a publié un collection complète de styles et de composants conçu pour les services du gouvernement britannique. Au cours du processus de conception, l’équipe a testé et validé la conception des composants, et nous pouvons les utiliser pour explorer les états ou conditions que nous n’avons peut-être pas encore pris en compte dans notre conception.

Vous pouvez également vérifier le Kit prototype GOV.UK si vous souhaitez installer tous les composants localement, et Système de conception GOV.UK pour découvrir comment utiliser les styles et les composants dans le prototypage.

Arborescence UX des tableaux complexes

Dans son article sur Architecturer une table complexeSlava Shestopalov explore comment concevoir et tables avancées d’architecte – avec une liste de contrôle très complète de tous ces petits détails qui sont souvent oubliés ou négligés.

Recette UX est un petit outil utile pour découvrir et choisir certains des Outils de projet UX et techniques pour votre projet. Il vous permet également d’estimer le temps nécessaire au travail effectué. Tous les outils sont divisés en groupes, et si vous cliquez sur les hashtags, vous trouverez de nombreuses ressources utiles pour chaque catégorie. Créé et maintenu par Alecsandru Grigoriu.

Organigramme des méthodes de recherche UX

Comment choisir quoi Méthodes de recherche UX vous convient le mieux ? Il existe au moins 20 méthodes populaires et une pratique Organigramme des méthodes de recherche UX by Norman-Nielsen Group vous aide à trouver le bon.

Il donne un aperçu des stratégies courantes, regroupées en méthodes comportementales, attitudinales, qualitatives et quantitatives. Une fois que vous savez quelles informations vous recherchez, vous pouvez choisissez votre stratégie à l’aide du tableau.

Liste de contrôle UX pour la conception de formulaires

Avec la conception de formulaires Web, il peut être assez difficile de comprendre juste le bon composant à utiliser pour poser une question particulière. L’équipe derrière Lyft a créé un organigramme pour permettre aux concepteurs (et non aux concepteurs) de prendre plus facilement des décisions concernant leurs formulaires.

Dans un article sur les modèles de sélection de formulaireRuni Goswami décrit les difficultés rencontrées par l’équipe lors de la conception d’un contrôle segmenté et comment ils se sont retrouvés avec un organigramme de contrôle de sélection de formulaire par conséquent.

Arbres de décision pour les composants du système de conception

Les systèmes de conception se déclinent souvent en différentes saveurs. Il y aura sûrement des composants de base, la couleur, la typographie et l’espacement, mais souvent aussi des composants plus sophistiqués, des directives d’utilisation, des considérations d’accessibilité et des aperçus en direct. En outre, Système de conception de canevas Workday comprend organigrammes pour décider quels composants utiliseravec des exemples de résultats que les concepteurs et les non-concepteurs peuvent suivre pour prendre leurs décisions.

Liste de vérification de la conception d’interactions

La Liste de contrôle IxD créé par Aaron Legaspi et Amit Jakhu nous aide à former un meilleure compréhension de l’interaction. Chaque fois que vous créez une sorte d’interaction – qu’il s’agisse d’un contrôle, d’une navigation ou d’une interface entière – vous pouvez utiliser la liste de contrôle pour évaluer votre conception par rapport à l’accessibilité, la simplicité, la structure, la cohérence, l’accessibilité, la tolérance et les commentaires pour vous assurer qu’elle est facile à utiliser pour tout le monde.

Bonus : outil de conversion de texte en chronologie

Markwhen : texte vers chronologie est un incroyable petit outil pour générer des échéanciers, par exemple pour la planification de projet ou la chronologie de la vie ! vous écrivez démarque-ish texte et il est converti en une belle chronologie en cascade. Également disponible en tant que Extension de code VS.

Et c’est un enveloppement !

Si vous recherchez d’autres joyaux comme celui-ci, nous en avons publié quelques-uns Guides UX avec listes de contrôle au cours des dernières années, alors n’hésitez pas à continuer à y explorer. Bonne liste de contrôle à tous !

(il)