Recommandations pour suivre les meilleures pratiques de conception d’interaction
S’applique à cette recommandation de liste de contrôle Opimisation de l’expérience Power Platform Well-Architected :
| XO:08 | Privilégiez la réactivité et le commentaires. Facilitez la compréhension de la manière d’interagir avec l’interface, en intégrant des interactions qui correspondent aux modèles mentaux et aux attentes des utilisateurs. |
|---|
Ce guide décrit les recommandations pour les interactions dans la conception de l’interface utilisateur. La conception des interactions est cruciale pour comprendre comment les utilisateurs traitent les informations du système et comment les éléments visuels sont initialement organisés et répondent aux entrées des utilisateurs. Il aide à planifier les flux de tâches et à s’adapter à divers scénarios et imprévus, aidant ainsi les utilisateurs à atteindre leurs objectifs.
Définitions
| Terme | Définition |
|---|---|
| Charge cognitive | La quantité totale d’effort mental requis pour effectuer une tâche particulière ou traiter des informations. Elle englobe à la fois la charge cognitive intrinsèque, inhérente à la complexité de la tâche, et la charge cognitive externe, causée par des éléments inutiles ou une mauvaise conception pédagogique. La gestion de la charge cognitive est essentielle à l’apprentissage, à la résolution de problèmes et à la prise de décision. Une charge cognitive excessive peut submerger les individus et réduire leurs performances. |
| Lassitude décisionnelle | Fait référence à la détérioration de la qualité des décisions prises par un individu après une longue séance de prise de décision. À mesure que les gens font des choix tout au long de la journée, les ressources mentales s’épuisent, ce qui entraîne une diminution des capacités de prise de décision, une impulsivité et un évitement total de la prise de décision. Ce phénomène peut impacter divers aspects de la vie, depuis les choix personnels jusqu’à la prise de décision professionnelle. |
Stratégies de conception clés
Pour une charge de travail réussie, la conception visuelle et les interactions utilisateur doivent fonctionner en harmonie pour créer l’expérience utilisateur. Voici quelques bonnes pratiques qui se concentrent principalement sur le comportement des utilisateurs.
Accessibilité
Une "accessibilité" est un signal ou un indice perçu selon lequel un objet peut être utilisé pour effectuer une action particulière. La poignée permet une préhension. Par exemple, une poignée suggère qu’on peut la saisir. L’utilisation des moyens aide les utilisateurs à construire un modèle mental correct des résultats de leurs actions.
Les commandes modernes disponibles dans Power Apps exploitent les derniers composants de l’interface utilisateur Fluent, qui intègrent des éléments visuels tels que des ombres, des dégradés et des animations pour signaler leur interactivité. Par exemple, les boutons en relief suggèrent qu’on peut cliquer dessus, tandis que les champs de texte en surbrillance indiquent que la saisie est prête. Ces contrôles suivent des modèles et des conventions de conception établis, offrant une expérience familière et intuitive aux utilisateurs habitués aux interfaces logicielles modernes.
Modèle mental
La perception qu’ont les utilisateurs d’une interface utilisateur influence considérablement leur interaction avec celle-ci. Des divergences surviennent souvent lorsque les utilisateurs s’attendent à des résultats différents de la part de l’interface utilisateur, ce qui conduit à des modèles mentaux incompatibles. Il est crucial que le modèle mental de l’utilisateur s’aligne sur le modèle mental du concepteur intégré au système. Soyez prudent lorsque vous utilisez des modèles de conception inconnus, car ils peuvent dérouter les utilisateurs.
Les commandes modernes basées sur l’interface utilisateur Fluent sont testées par une équipe de conception professionnelle, qui garantit que le modèle mental de l’utilisateur est le même que l’intention du modèle. Pour les éléments visuels composites ou les flux de tâches, assurez-vous de communiquer clairement une représentation précise du modèle mental.
Une manière courante d’illustrer le modèle mental consiste à afficher le statut ou les états des données de la table qu’il est important que l’utilisateur comprenne. Par exemple, si un enregistrement est inactif ou fermé, l’intégralité du formulaire doit être définie en lecture seule pour correspondre au comportement attendu.
Biais cognitifs
Les biais cognitifs sont les raccourcis et les règles empiriques par lesquels nous portons des jugements et des prédictions. Il existe plus de 150 biais cognitifs. Ils peuvent être divisés en quatre groupes :
- Surcharge d’information. Les recherches suggèrent que le cerveau humain a une capacité limitée à traiter consciemment les informations à un moment donné. Dans le monde saturé d’informations d’aujourd’hui, les utilisateurs ont tendance à en filtrer la majeure partie. Le cerveau utilise des stratégies pour identifier et conserver les informations les plus potentiellement utiles.
- Effet d’ambiguïté. Le monde est complexe et les utilisateurs n’en perçoivent qu’une petite partie. Cependant, ils doivent le comprendre pour naviguer efficacement. Les utilisateurs relient les informations, complètent les éléments manquants avec leurs connaissances existantes et mettent continuellement à jour leurs perceptions.
- Effet d’urgence. Les utilisateurs sont limités par le temps et les informations. Chaque nouvelle information oblige les utilisateurs à évaluer son impact potentiel, à l’appliquer à leur processus décisionnel, à anticiper les résultats futurs et à prendre des mesures en fonction de ces informations.
- Mémoire et rappel. Les utilisateurs évaluent constamment les informations à conserver et celles à supprimer. Lorsqu’ils sont confrontés à une multitude de détails complexes, ils sélectionnent généralement quelques éléments notables à retenir et ignorent le reste.
L’apprentissage des biais cognitifs améliore la prise de conscience des pièges potentiels d’une expérience utilisateur et favorise l’empathie envers les utilisateurs en comprenant leurs limites et tendances cognitives. Cette prise de conscience permet aux concepteurs de reconnaître les biais susceptibles d’influencer leurs propres décisions ou les interactions des utilisateurs dans l’interface, conduisant ainsi à des solutions de conception plus réfléchies et centrées sur l’utilisateur. L’intégration de ces connaissances conduit à des expériences utilisateur plus intuitives et plus satisfaisantes.
Comprenez les besoins, les objectifs et les comportements de vos utilisateurs. Utilisez des méthodes de recherche sur les utilisateurs telles que des enquêtes et des entretiens pour aider à découvrir les biais cognitifs qui pourraient affecter la façon dont les utilisateurs perçoivent et interagissent avec l’interface. Répétez continuellement la conception en fonction des commentaires des utilisateurs et des résultats des tests d’utilisabilité pour identifier et résoudre les biais cognitifs ou les problèmes d’utilisabilité qui pourraient survenir.
L’exploitation de modèles et de conventions de conception standard qui s’alignent sur des modèles mentaux communs ou universels aide les utilisateurs à naviguer dans l’interface de manière plus intuitive et réduit la probabilité que des biais cognitifs influencent les interactions.
L’illusion de Müller-Lyer démontre que bien que les lignes soient objectivement de la même longueur, notre cerveau interprète les lignes différemment en raison du contexte visuel environnant (les nageoires), conduisant à l’erreur (ou illusion) de perception selon laquelle une ligne est plus longue que la autre.
La loi de Fitts
La loi de Fitts prédit que le temps nécessaire pour acquérir une cible dépend de la distance et de la taille de la cible. Les grands éléments positionnés à proximité des utilisateurs sont facilement sélectionnables. Par exemple, si un bouton est trop petit ou éloigné du contenu auquel il se rapporte, l’utilisateur mettra plus de temps à le sélectionner.
De gros boutons bien placés permettent aux utilisateurs de naviguer dans l’interface avec un minimum d’effort, évitant ainsi toute frustration et garantissant une expérience utilisateur fluide. Les éléments interactifs tels que les boutons ou les liens doivent être suffisamment grands et positionnés à proximité du mouvement naturel du curseur ou de la portée naturelle de l’utilisateur ; par exemple, placer des boutons d’action principaux sur les appareils mobiles dans des endroits bien en vue, à portée de pouce des utilisateurs. Rendre ces éléments plus faciles à cliquer ou à appuyer réduit le temps nécessaire aux utilisateurs pour interagir avec eux.
Si les éléments interactifs sont trop petits ou trop espacés, les utilisateurs peuvent accidentellement sélectionner le mauvais élément ou rater complètement la cible. Concevoir en tenant compte de la loi de Fitts permet d’éviter ces problèmes en garantissant que les éléments interactifs sont clairement identifiables et faciles d’accès.
Tenez compte des besoins des utilisateurs ayant une dextérité limitée ou des difficultés de mobilité. Des éléments interactifs plus grands, plus faciles à cibler et dotés d’un ordre de tabulation correct, permettent de garantir que tous les utilisateurs peuvent interagir confortablement avec l’interface.
La loi de Hick
La loi de Hick, issue des expériences du psychologue William Edmund Hick dans les années 1950, explore la relation entre le nombre de stimuli et le temps de réaction à la décision. Il souligne qu’à mesure que le nombre de stimuli augmente, le temps nécessaire pour prendre une décision augmente également, soulignant l’importance de la simplicité dans les processus décisionnels.
Au lieu de présenter aux utilisateurs une multitude d’options en même temps, divisez les tâches complexes en étapes plus petites et plus faciles à gérer grâce à la divulgation progressive. Aidez les utilisateurs à se concentrer sur un seul choix, réduisez le temps de prise de décision et évitez de les submerger. Par exemple, utilisez un assistant étape par étape pour des processus complexes tels que la configuration d’un compte ou la personnalisation d’un produit.
Guidez les utilisateurs vers les options recommandées pour rationaliser la prise de décision. Mettez en évidence les choix préférés pour des décisions rapides et évitez de vous surcharger d’alternatives. Cela évite la paralysie des décisions et aide les utilisateurs à naviguer efficacement dans l’interface.
Trop de choix submergent les utilisateurs et conduisent à une lassitude face aux décisions. Gardez l’interface propre et épurée en donnant la priorité aux informations essentielles, tout en masquant ou en minimisant les détails moins critiques. Essayez d’éviter toute confusion et permettez aux utilisateurs de se concentrer sur la tâche à accomplir.
Concevez des interactions qui mènent à des réponses simples. Utilisez des questions "oui/non" ou proposez des options claires. Réduisez la charge cognitive des utilisateurs et rendez la prise de décision efficace. Évitez les questions complexes ou ambiguës pour éviter les erreurs ou la confusion des utilisateurs.
Effet de position en série
L’effet de position en série est la tendance à mémoriser au mieux le premier et le dernier élément d’une série, ainsi que l’élément le plus différent. Utilisez les conseils suivants pour améliorer la mémorisation :
Placez les actions clés, les informations importantes ou le contenu critique au début et à la fin des listes, des menus ou des expériences. Ce placement garantit que les utilisateurs sont plus susceptibles de se souvenir de ces éléments et d’interagir avec eux. Par exemple, placez les options de navigation principales au début et à la fin d’une barre de menus pour un accès facile.
Faites en sorte que les éléments importants soient visuellement distincts du contenu environnant pour améliorer la mémorisation. Utilisez des couleurs contrastées, une typographie audacieuse ou des icônes uniques pour attirer l’attention sur des actions ou des informations critiques. Cette approche aide les utilisateurs à différencier les éléments importants du reste de l’interface, améliorant ainsi le rappel et la convivialité.
Organisez le contenu et les actions en fonction de leur importance et de leur pertinence par rapport aux tâches ou aux objectifs des utilisateurs. Assurez-vous que les informations les plus critiques sont présentées en premier et en dernier, avec les détails moins importants entre les deux. Cette technique aide les utilisateurs à se concentrer sur le contenu essentiel tout en minimisant la charge cognitive et en évitant la surcharge d’informations.
Principe de Pareto
Le principe de Pareto (également connu sous le nom de règle des 80/20, loi du petit nombre vital et principe de rareté des facteurs) stipule que pour de nombreux résultats, environ 80 % des conséquences proviennent de 20 % des causes. L’économiste italien Vilfredo Pareto a découvert ce principe pour la première fois lorsqu’il a observé que 80 % des terres italiennes appartenaient à 20 % de la population. Plus tard, dans les années 1940, le terme "principe de Pareto" a été inventé pour décrire le concept plus large selon lequel une minorité d’intrants produit souvent une majorité de résultats.
Identifiez les aspects les plus critiques de l’interface utilisateur qui ont un impact significatif sur la satisfaction et la convivialité des utilisateurs. Pensez aux tâches utilisateur les plus courantes ou aux fonctionnalités fréquemment consultées. Accorder la priorité au développement de ces éléments clés ; les équipes de projet peuvent allouer les ressources plus efficacement et garantir que les domaines les plus vitaux de l’interface utilisateur reçoivent la plus grande attention.
Effectuez des tests utilisateurs avec un petit groupe de participants pour découvrir la majorité des problèmes d’utilisabilité. Les recherches suggèrent que les tests effectués auprès de quelques utilisateurs seulement peuvent révéler une partie importante des problèmes. Utilisez cette stratégie pour rechercher et résoudre les problèmes dès le début du processus de conception.
Méfiez-vous de la conception universelle ou inclusive. Considérez l’équilibre entre les principes de conception universelle, qui visent à créer des interfaces utilisables par le plus grand nombre de personnes possible, et la conception inclusive, qui vise à répondre aux besoins spécifiques de divers groupes d’utilisateurs. S’il est essentiel de concevoir une interface utilisateur pour la majorité des utilisateurs, il est également crucial de prendre en compte les besoins des groupes marginalisés ou sous-représentés afin de garantir que l’interface utilisateur soit accessible et inclusive pour tous.
La loi de Jacob
La loi de Jakob stipule que les utilisateurs passent la plupart de leur temps sur d’autres sites. En d’autres termes, les utilisateurs préfèrent les interfaces qui reflètent les expériences d’autres interfaces familières. Fournissez des modèles de conception familiers pour simplifier le processus d’apprentissage.
Incorporez des éléments de conception et des modèles d’interaction couramment utilisés que les utilisateurs rencontrent sur d’autres sites Web. Par exemple, placez le menu de navigation en haut de la page ou utilisez une icône de panier pour les sites de commerce électronique. Cette familiarité permet aux utilisateurs de naviguer et d’interagir plus facilement avec votre interface utilisateur. Les utilisateurs s’attendent à ce que les éléments cliquables ressemblent à des boutons ou des liens. En répondant à ces attentes, vous rationalisez le processus d’apprentissage, réduisez la charge cognitive et garantissez que les utilisateurs ne sont pas submergés ou frustrés par des interfaces inconnues. Ce type d’expérience augmente la probabilité que les utilisateurs restent engagés et atteignent leurs objectifs.
La loi de Miller
La loi de Miller, issue de l’article de George A. Miller de 1956, révèle qu’une personne moyenne peut conserver environ sept (plus ou moins deux) éléments dans sa mémoire de travail à la fois. Cette idée met en évidence les limites cognitives du traitement de l’information humaine et a eu des implications significatives dans divers domaines, notamment la conception d’interfaces utilisateur. Les recherches de Miller continuent d’éclairer notre compréhension de la capacité de mémoire et influencent les stratégies d’optimisation des performances cognitives et de conception d’environnements et d’interfaces d’apprentissage efficaces.
Le chunking est une méthode efficace pour présenter des groupes de contenu de manière gérable. Organisez le contenu en morceaux ou groupes significatifs contenant cinq à neuf éléments. L’utilisation d’indices visuels (tels que l’espacement, les bordures ou la couleur) délimite clairement les différentes parties du contenu, aidant ainsi les utilisateurs à percevoir la structure de l’information et à naviguer efficacement.
Dans chaque bloc, placez les informations ou actions les plus importantes au premier plan, les rendant facilement accessibles aux utilisateurs. Présentez aux utilisateurs un nombre gérable d’options pour éviter la fatigue décisionnelle et réduire la tension cognitive. Utilisez des titres, des puces ou des icônes pour aider les utilisateurs à numériser et à naviguer rapidement vers les sections pertinentes de l’interface (y compris le contenu des morceaux).
Règle de pointe et de fin
La règle du pic et de la fin stipule que les gens jugent une expérience en grande partie sur la base de ce qu’ils ont ressenti à son apogée et à sa fin, plutôt que sur la base de la somme totale ou de la moyenne de chaque instant de l’expérience. Améliorez les moments forts en identifiant les moments du parcours utilisateur où le produit est le plus utile, le plus précieux ou le plus divertissant. Concentrez-vous sur l’amélioration de ces moments forts en offrant une valeur, un plaisir ou des fonctionnalités supplémentaires pour laisser une impression positive durable à l’utilisateur. Pensez également à optimiser la fin du parcours en accordant une attention particulière à la manière dont l’utilisateur termine le workflow. Assurez-vous que les interactions ou les messages finaux sont clairs, satisfaisants et correspondent aux attentes des utilisateurs, leur laissant une dernière impression positive.
Voici quelques façons d’améliorer les expériences positives :
Personnalisation. Adaptez l’expérience utilisateur aux préférences et comportements individuels. Proposez des recommandations personnalisées, des suggestions de contenu ou des options de personnalisation basées sur les données et les préférences des utilisateurs.
Microintéractions. Incorporez de petites animations ou interactions agréables dans toute l’interface pour rendre les interactions plus engageantes et plus agréables. Par exemple, des animations subtiles lors du survol des boutons ou des écrans de chargement ludiques peuvent ajouter une touche de personnalité à l’expérience utilisateur.
Surprise et ravissement. Introduisez des éléments inattendus ou des œufs de Pâques qui surprennent et ravissent les utilisateurs. Par exemple, des fonctionnalités cachées, des messages humoristiques ou des éléments interactifs qui encouragent l’exploration et la découverte.
Améliorer l’efficacité. Rationalisez les tâches et les interactions pour les rendre plus rapides et plus efficaces pour les utilisateurs. Introduisez des fonctionnalités telles que des raccourcis clavier, des suggestions de saisie semi-automatique ou des actions en un clic pour simplifier les tâches courantes et faire gagner du temps aux utilisateurs.
Design visuel. Investissez dans une conception visuelle de haute qualité pour créer une interface visuellement attrayante et cohérente. Utilisez une typographie, des jeux de couleurs et des images esthétiques pour évoquer des émotions positives et améliorer l’expérience utilisateur globale.
Commentaires et reconnaissance. Fournissez un retour immédiat et significatif sur les actions des utilisateurs pour les rassurer sur le fait que leurs interactions sont enregistrées et comprises. Utilisez des repères visuels, des animations ou des notifications pour reconnaître les entrées et les actions des utilisateurs en temps réel.
Gamification. Introduisez des éléments de type jeu tels que des défis, des récompenses ou un suivi des progrès pour rendre l’expérience utilisateur plus engageante et plus agréable. Encouragez les utilisateurs à atteindre des objectifs ou des jalons spécifiques au sein de l’interface pour créer un sentiment d’accomplissement et de motivation.
Reconnaissez que les utilisateurs se souviennent plus clairement des expériences négatives que des expériences positives. Prenez des mesures proactives pour identifier et résoudre les problèmes ou les problèmes d’utilisabilité tout au long du parcours utilisateur afin d’éviter que les expériences négatives n’éclipsent les expériences positives. Les conseils de ce pilier visent à aider à améliorer les expériences négatives. Suivre des heuristiques d’utilisabilité, respecter la conformité en matière d’accessibilité, utiliser une gestion claire des erreurs, utiliser la cohérence dans la conception et optimiser les performances, tous aident à gérer les expériences négatives.
Recueillez en permanence les commentaires des utilisateurs pour identifier les moments forts, les points faibles et les domaines à améliorer. Utilisez ces commentaires pour améliorer de manière itérative l’expérience utilisateur, en vous concentrant sur l’optimisation des moments de pointe et en traitant de toute expérience négative.
La loi de Postel
La loi de Postel, ou principes de robustesse, est aujourd’hui paraphrasée ainsi : "Soyez libéral dans ce que vous acceptez et conservateur dans ce que vous envoyez". En d’autres termes, soyez empathique, flexible et tolérant envers les différentes actions qu’un utilisateur peut entreprendre. Par exemple, lors de l’acceptation d’entrées variables de la part des utilisateurs, de la traduction des entrées pour répondre aux exigences, de la définition des limites des entrées et de la fourniture d’un retour d’information clair à l’utilisateur. En même temps, soyez précis dans ce que vous demandez à l’utilisateur de faire.
Concevez l’interface pour accepter un large éventail d’entrées utilisateur, en s’adaptant à différents préférences, comportements et appareils. Cette flexibilité évite aux utilisateurs de se sentir limités ou frustrés par des exigences de saisie rigides. Si nécessaire, traduisez les entrées des utilisateurs pour répondre aux exigences ou aux normes du système. Par exemple, convertissez différents formats de date ou unités de mesure pour garantir la cohérence et la précision du traitement des entrées des utilisateurs.
Définissez clairement les limites des entrées acceptables, en fournissant des conseils et des contraintes pour éviter les erreurs ou les actions involontaires. Cette approche aide les utilisateurs à comprendre la portée de leurs interactions et réduit le risque de commettre des erreurs.
Offrez un retour immédiat et informatif aux utilisateurs en réponse à leurs actions, comme dans des messages de validation, des alertes d’erreur ou des boîtes de dialogue de confirmation. Ces commentaires guident les utilisateurs et évitent toute confusion ou incertitude.
Communiquer clairement les attentes et les instructions aux utilisateurs, en précisant quelles actions sont requises et comment elles doivent être exécutées. Évitez toute ambiguïté ou tout langage vague qui pourrait conduire à des malentendus ou à des erreurs.
Voir aussi
- Accessibilité
- Modèle mental
- Biais cognitifs
- Illustration de Müller Lyer
- Loi de Hick
- Loi de Fitts
- Effet de position en série
- Principe de Pareto
- La loi de Jacob
- "Le nombre magique sept, plus ou moins deux" par George A. Miller
- Règle de pointe et de fin
- Principe de robustesse (loi de Postel)
Liste de contrôle Optimisation de l’expérience
Référez-vous à l’ensemble complet des recommandations.
Commentaires
Prochainement : Tout au long de l'année 2024, nous supprimerons progressivement les GitHub Issues en tant que mécanisme de retour d'information pour le contenu et nous les remplacerons par un nouveau système de retour d'information. Pour plus d’informations, voir: https://aka.ms/ContentUserFeedback.
Soumettre et afficher des commentaires pour