101 UX Principles

1. Concevoir pour l'empathie et l'objectivité des utilisateurs

L'empathie et l'objectivité sont les compétences primordiales que vous devez posséder pour exceller en UX.

L'empathie favorise la compréhension. En vous mettant à la place de l'utilisateur, vous pouvez anticiper ses besoins, frustrations et objectifs. Cette perspicacité vous permet de concevoir des interfaces qui servent véritablement l'utilisateur, plutôt que de simplement répondre à des exigences techniques.

L'objectivité assure la clarté. Elle vous permet de prendre du recul et d'évaluer vos décisions de conception de manière critique, sans biais personnels ou pressions organisationnelles. Cette perspective aide à identifier les défauts et les domaines à améliorer qui pourraient autrement être négligés.

Aspects clés de la conception empathique et objective :

• Mener des recherches utilisateurs pour comprendre les besoins diversifiés des utilisateurs
• Tester les conceptions avec de vrais utilisateurs et intégrer leurs retours
• Remettre en question les hypothèses et être prêt à réviser les conceptions
• Se concentrer sur la résolution des problèmes des utilisateurs, et non sur la mise en avant de fonctionnalités tape-à-l'œil
• Prioriser l'utilisabilité par rapport aux préférences organisationnelles internes

2. Simplifier la typographie et la hiérarchie visuelle

UTILISEZ LA TAILLE DES CARACTÈRES POUR DÉPEINDRE LA HIÉRARCHIE DE L'INFORMATION

La lisibilité est primordiale. Choisissez un maximum de deux polices : une pour les titres et une autre pour le texte principal. Cela crée une cohérence visuelle et réduit la charge cognitive pour les utilisateurs. Utilisez des polices système lorsque cela est possible pour assurer un chargement rapide et une apparence familière sur tous les appareils.

La taille compte pour la hiérarchie. Utilisez des tailles de texte plus grandes pour les informations plus importantes, guidant ainsi l'attention de l'utilisateur vers les éléments clés. Cela aide les utilisateurs à scanner rapidement et à comprendre la structure de votre interface. Visez au moins deux, mais pas plus de trois tailles de texte distinctes pour maintenir une hiérarchie claire sans submerger les utilisateurs.

Meilleures pratiques typographiques :

• Utilisez 16px comme taille par défaut pour le texte principal
• Maintenez une hauteur de ligne de 1,5 pour une lisibilité optimale
• Assurez un contraste suffisant entre le texte et l'arrière-plan (ratio minimum de 4,5:1)
• Utilisez le gras ou l'italique pour l'emphase, plutôt que d'introduire de nouvelles polices
• Considérez comment la typographie s'adapte aux différentes tailles d'appareils

3. Créer des contrôles d'interface utilisateur intuitifs et fonctionnels

Faites en sorte que vos boutons ressemblent à des boutons.

Les affordances guident les interactions. Concevez des contrôles qui communiquent visuellement leur fonction. Les boutons doivent paraître "cliquables" grâce à des ombres subtiles, des textures ou des différences de couleur. Cela aide les utilisateurs à reconnaître instantanément les éléments interactifs sans avoir à deviner ou à expérimenter.

La cohérence engendre la familiarité. Utilisez des modèles établis pour les contrôles courants comme les champs de recherche, les sélecteurs de date et les menus de navigation. Cela exploite les modèles mentaux existants des utilisateurs, réduisant ainsi la courbe d'apprentissage de votre interface. Évitez d'inventer de nouveaux contrôles arbitraires qui obligent les utilisateurs à apprendre des schémas d'interaction inconnus.

Meilleures pratiques pour les contrôles d'interface utilisateur :

• Faites des boutons une taille appropriée pour un tapotement/clic facile
• Regroupez logiquement les contrôles connexes
• Utilisez des contrôles d'entrée natifs du système lorsque cela est possible (par exemple, les sélecteurs de date)
• Fournissez un retour visuel clair pour les interactions des utilisateurs (états de survol, états actifs)
• Utilisez des icônes reconnaissables avec des étiquettes de texte pour plus de clarté

4. Optimiser les formulaires et la saisie de données

Si une bonne expérience de formulaire peut être offerte, vos utilisateurs adoreront votre produit.

Minimisez les frictions. Les formulaires sont souvent un mal nécessaire, mais ils ne doivent pas être douloureux. Simplifiez la saisie de données en ne demandant que les informations essentielles. Utilisez des types d'entrée appropriés (par exemple, clavier numérique pour les numéros de téléphone) et tirez parti des capacités de l'appareil comme le remplissage automatique chaque fois que possible.

Validez de manière réfléchie. Fournissez un retour en temps réel à mesure que les utilisateurs remplissent les champs, mais soyez indulgent avec les problèmes de formatage mineurs (par exemple, les espaces dans les numéros de carte de crédit). Affichez des messages d'erreur clairs qui guident les utilisateurs sur la manière de corriger les erreurs. Conservez toujours les données saisies par l'utilisateur, même en cas d'erreurs de validation.

Stratégies d'optimisation des formulaires :

• Utilisez une disposition à une seule colonne pour la plupart des formulaires
• Regroupez logiquement les champs connexes
• Fournissez des étiquettes claires et spécifiques pour chaque champ
• Affichez les exigences de mot de passe à l'avance
• Permettez aux utilisateurs de voir temporairement les mots de passe masqués
• Offrez des options de "paiement en tant qu'invité" dans les flux de commerce électronique

5. Améliorer la navigation et les parcours utilisateurs

L'utilisateur doit toujours savoir à quelle étape il se trouve dans un parcours donné.

Orientez l'utilisateur. Fournissez des indices visuels et textuels clairs pour aider les utilisateurs à comprendre leur position actuelle dans votre produit. Utilisez la navigation par fil d'Ariane, les indicateurs de progression et un design visuel distinct pour les différentes sections de votre interface.

Offrez des voies de sortie. Permettez aux utilisateurs de revenir facilement en arrière ou de sauter des étapes facultatives dans un processus. Cela empêche les utilisateurs de se sentir piégés et permet une exploration plus flexible de votre produit. Fournissez toujours un moyen clair de revenir à un point de départ ou à une "page d'accueil".

Meilleures pratiques de navigation :

• Utilisez un placement de menu cohérent dans tout votre produit
• Implémentez un lien "passer au contenu" pour l'accessibilité
• Fournissez une fonctionnalité de recherche pour les sites/applications plus grands
• Utilisez des étiquettes descriptives et orientées vers l'action pour les éléments de navigation
• Envisagez d'offrir plusieurs options de navigation (par exemple, menu supérieur et liens de pied de page)

6. Prioriser l'accessibilité et l'inclusivité

N'utilisez pas uniquement la couleur pour transmettre des informations.

Concevez pour tous les utilisateurs. Assurez-vous que votre produit est utilisable par des personnes ayant diverses capacités et utilisant différents appareils. Cela inclut des considérations pour l'accessibilité visuelle, auditive, motrice et cognitive. De nombreuses améliorations en matière d'accessibilité bénéficient à tous les utilisateurs en créant des interfaces plus claires et plus robustes.

Testez avec des technologies d'assistance. Évaluez régulièrement votre produit en utilisant des lecteurs d'écran, la navigation au clavier et d'autres outils d'assistance. Cela aide à identifier les domaines où l'accessibilité peut être améliorée et assure une expérience plus inclusive pour tous les utilisateurs.

Considérations clés pour l'accessibilité :

• Maintenez un contraste de couleur suffisant (ratio minimum de 4,5:1)
• Fournissez des alternatives textuelles pour les images et les icônes
• Assurez la navigabilité au clavier pour tous les éléments interactifs
• Utilisez des étiquettes et des rôles ARIA pour améliorer la compatibilité avec les lecteurs d'écran
• Permettez aux utilisateurs de redimensionner le texte sans casser la mise en page
• Évitez de vous fier uniquement à la couleur pour transmettre des significations

7. Rédiger des textes clairs et cohérents

Écrivez comme un être humain.

Parlez le langage de l'utilisateur. Évitez le jargon, les termes techniques et le "langage d'entreprise" dans les textes de votre interface. Utilisez un langage clair et concis que votre public cible comprendra facilement. Cela réduit la charge cognitive et rend votre produit plus accessible.

Maintenez la cohérence. Utilisez la même terminologie dans tout votre produit pour décrire des concepts ou des actions similaires. Cela aide les utilisateurs à construire un modèle mental cohérent du fonctionnement de votre interface. Créez un guide de style pour assurer la cohérence dans les différentes parties de votre produit et parmi les membres de l'équipe.

Meilleures pratiques de rédaction :

• Utilisez la voix active pour des instructions plus claires et directes
• Divisez les longs blocs de texte en puces ou en paragraphes courts
• Mettez en avant les informations importantes dans les titres et les étiquettes de boutons
• Utilisez "se connecter" et "s'inscrire" au lieu de "se loguer" et "s'enregistrer"
• Fournissez des messages d'erreur utiles qui guident les utilisateurs sur la manière de corriger les erreurs

8. Simplifier les expériences de recherche et de commerce électronique

Les pages de résultats de recherche doivent afficher le résultat le plus pertinent en haut de la page.

La pertinence est essentielle. Investissez dans une fonctionnalité de recherche robuste qui priorise les résultats les plus pertinents. Catégorisez les résultats en sections logiques pour aider les utilisateurs à trouver rapidement ce qu'ils recherchent. Fournissez des options de filtrage et de tri claires pour permettre aux utilisateurs d'affiner leur recherche.

Simplifiez l'achat. Suivez les modèles de commerce électronique établis pour la familiarité. Minimisez le nombre d'étapes nécessaires pour finaliser un achat. Fournissez des informations claires sur les produits, des prix transparents et plusieurs options de paiement pour instaurer la confiance et réduire les abandons.

Optimisation de la recherche et du commerce électronique :

• Implémentez l'autocomplétion/suggestions pour les requêtes de recherche
• Permettez aux utilisateurs de modifier ou d'affiner facilement leur recherche
• Affichez le nombre de résultats pour chaque catégorie
• Offrez une option de paiement en tant qu'invité
• Minimisez les champs de formulaire dans le processus de paiement
• Affichez clairement les coûts d'expédition et les dates de livraison estimées

9. Tirer parti des modèles et des paramètres par défaut établis

Construisez sur des métaphores établies – Ce n'est pas du vol.

La familiarité engendre l'utilisabilité. Les utilisateurs passent la plupart de leur temps sur d'autres sites web et applications. En adoptant des modèles de conception courants, vous exploitez les connaissances existantes des utilisateurs et réduisez la courbe d'apprentissage de votre produit. Ne réinventez la roue que si vous avez une raison impérieuse de le faire.

Choisissez des paramètres par défaut intelligents. Réfléchissez soigneusement aux paramètres et options par défaut dans votre produit. De bons paramètres par défaut peuvent réduire considérablement le nombre de décisions que les utilisateurs doivent prendre, simplifiant ainsi leur expérience. Permettez toujours aux utilisateurs de modifier facilement ces paramètres par défaut si nécessaire.

Utilisation des modèles établis :

• Étudiez les concurrents et les leaders de l'industrie pour vous inspirer
• Utilisez des icônes et des éléments d'interface utilisateur reconnaissables (par exemple, menu hamburger, panier d'achat)
• Suivez les directives spécifiques à la plateforme (iOS Human Interface Guidelines, Material Design)
• Implémentez des gestes et interactions courants (pincer pour zoomer, tirer pour rafraîchir)
• Fournissez des options "annuler" facilement accessibles pour les actions destructrices

10. Respecter le temps et les efforts des utilisateurs

Ne supprimez jamais les données saisies par l'utilisateur sauf si cela est spécifiquement demandé.

Valorisez les contributions des utilisateurs. Traitez toutes les données ou contenus créés par les utilisateurs avec le plus grand respect. Ne supprimez jamais les informations saisies par les utilisateurs sans confirmation explicite. Implémentez des fonctionnalités de sauvegarde automatique lorsque cela est approprié pour éviter la perte accidentelle de données.

Optimisez pour l'efficacité. Concevez votre interface pour aider les utilisateurs à atteindre leurs objectifs rapidement et avec un minimum d'effort. Cela inclut la fourniture de raccourcis clavier, l'offre d'actions en masse et la mémorisation des préférences des utilisateurs pour réduire les tâches répétitives.

Stratégies pour respecter le temps et les efforts des utilisateurs :

• Implémentez le "défilement infini" pour le contenu de type flux, mais avec un moyen de revenir à la position
• Fournissez des indicateurs de progression clairs pour les processus en plusieurs étapes
• Permettez aux utilisateurs de sauvegarder et de reprendre des tâches complexes
• Offrez des opérations en lot pour les actions répétitives
• Utilisez le chargement asynchrone et les mises à jour optimistes de l'interface utilisateur pour créer une sensation de rapidité
• Implémentez un lien "passer au contenu" pour les utilisateurs de clavier

Dernière mise à jour: August 22, 2024