Mior Agency

Listes de contrôle UX pour les concepteurs frontaux – Smashing Magazine

Étant donné la complexité du Web, il est facile négliger quelques petits détails fins juste avant le grand lancement. Et il est parfois difficile de choisir la bonne technique ou stratégie pour s’attaquer à un problème particulier. C’est là que listes de contrôle de conception peuvent vous aider, et il y en a de nouveaux qui pourraient également vous être utiles.

conception de la liste de contrôle

Checklist Design est une collection croissante de bonnes pratiques de conception, tous réunis en un seul endroit. 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 thèmes et l’image de marque. Une jolie petite ressource créée par George Hatzis.

conception de la liste de contrôle
Une liste de contrôle complète pour tout ce qui concerne l’interface utilisateur : des contrôles de formulaire à la récupération du mot de passe.

Liste de contrôle du système de conception

Design System Checklist est une liste de contrôle open source pour la planification, la construction et développer un système de conception. Il comprend la base des éléments à prendre en compte 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 belles personnes de réformé. De plus, vous pouvez également vous référer au manuel des systèmes de conception et vous pouvez télécharger la liste de contrôle du système de conception sur Figma.

Liste de contrôle du système de conception
Un bon rappel des éléments à prendre en compte dans votre système de conception, dans la liste de contrôle du système de conception.

Accessibilité Pas de liste de contrôle

La liste de non-vérification de l’accessibilité est une liste complète guider à travers l’accessibilité, avec des points regroupés par sujet 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 des bonnes gens de intopie.

Accessibilité Pas de liste de contrôle
Une check-list d’accessibilité très complète, regroupée par thèmes et critères de réussite. Une bonne UX, c’est une bonne accessibilité.

Liste de contrôle du projet A11y

A11y Project Checklist est une autre liste de contrôle complète pour l’accessibilité qui couvre tout, 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 plus d’exemples et de lignes directrices. Soigné!

Liste de contrôle du projet A11y
Liste de contrôle du projet A11y avec un aperçu très détaillé des problèmes d’accessibilité à prendre en compte avec des composants communs : des listes à la vidéo en passant par l’audio. Une mine d’or !
Plus après le saut! Continuez à lire ci-dessous ↓

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

Vous et votre équipe travaillez sur un système de conception ? Le modèle de liste de contrôle du système de conception pour Trello est un excellent exemple de la façon dont 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 gargantuesque comme celui-ci.

Modèle de liste de contrôle du système de conception
Tout est prêt dans un modèle Trello : des composants de l’interface utilisateur aux jetons de conception et aux points de contact d’accessibilité.

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

La charmante équipe derrière Gov.UK a publié une collection complète de styles et de composants conçus pour les services gouvernementaux britanniques. 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 consulter le kit de prototypage GOV.UK si vous souhaitez installer tous les composants localement, et le système de mise en page GOV.UK pour découvrir comment utiliser les styles et les composants dans le prototypage.

Modèle de liste de contrôle du système de conception
Tous les composants de formulaire dans tous les états, en un seul endroit : fichier GOV.UK Design System Components Figma.

Arborescence UX des tableaux complexes

Dans son article sur l’architecture de table complexe, Slava Shestopalov explore comment concevoir et tables d’architecte avancées – 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.

Liste de contrôle UX des tableaux complexes
Tout ce qui entre dans un tableau complexe, avec différents états pour les lignes, les colonnes et les cellules – liste de contrôle UX de tableau complexe.

UX Recipe 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.

Recette d'expérience utilisateur
Choisissez votre propre aventure UX, avec la recette UX.

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 un organigramme pratique des méthodes de recherche UX du groupe Norman-Nielsen vous aide à trouver la bonne.

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

Organigramme des méthodes de recherche UX
Comment choisir la bonne méthode de recherche UX ? UX Research Methods Flowchart a votre dos.

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 léger a créé un organigramme pour permettre aux concepteurs (et pas tellement aux concepteurs) de prendre plus facilement des décisions concernant leurs formulaires.

Dans un article sur les modèles de sélection de formulaires, Runi Goswami décrit les difficultés rencontrées par l’équipe pour concevoir 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.

Liste de contrôle UX pour la conception de formulaires
Comment prendre une décision de conception autour des formes ? La liste de vérification Lyft Form Design UX est là pour vous aider.

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 certainement des composants de base, de la couleur, de la typographie et de l’espacement, mais souvent des composants plus sophistiqués, des directives d’utilisation, des considérations d’accessibilité et des aperçus en direct. De plus, le système de conception de canevas Workday comprend organigrammes pour décider quels composants utiliseravec des exemples de résultats que les designers et les non-designers peuvent suivre pour prendre leurs décisions.

Organigrammes pour les composants du système de conception
Le système de conception Canvas de Workday comprend des arbres de décision et des organigrammes pour de nombreux modèles et composants.

Liste de vérification de la conception d’interactions

La liste de contrôle IxD créée par Aaron Legaspi et Amit Jakhu nous aide à former un meilleure compréhension de l’interaction. Chaque fois que vous créez un type d’interaction, qu’il s’agisse d’un contrôle, d’une navigation ou d’une interface complète, vous pouvez utiliser la liste de contrôle pour évaluer votre conception par rapport à l’abordabilité, 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.

Liste de contrôle IxD
Évaluez l’interaction de votre conception avec la liste de contrôle de conception d’interaction.

Bonus : outil de conversion de texte en chronologie

Markwhen:Text-to-Timeline est un incroyable petit outil pour générer des horairespar exemple pour la planification de projet ou la chronologie de la vie ! Vous écrivez à rabais texte et se transforme en une belle chronologie en cascade. Également disponible en tant qu’extension de code VS.

Outil Texte vers chronologie
Générez une chronologie à partir de texte brut, avec Markwhen.

Et c’est un enveloppement!

Si vous recherchez plus de joyaux comme celui-ci, nous avons publié quelques guides UX avec des listes de contrôle au cours des dernières années, alors n’hésitez pas à continuer à explorer là-bas. Bonne check-list à tous !

éditorial écrasant
(Illinois)

Laissez un commentaire

Derniers Posts
Une Question ? Un Projet ?
Quel que soit votre projet, MIOR AGENCY vous écoute, analyse vos besoins et propose des pistes de travail en conséquence. Vous avancez avec sérénité et confiance.