Partager via


Recommandations pour privilégier la facilité d’utilisation

S’applique à cette recommandation de liste de contrôle d’optimisation d’expérience bien conçue : Power Platform

XO:04 Donnez la priorité à la facilité d’utilisation pendant le processus de conception. Minimisez l’effort des utilisateurs et maximisez l’efficacité des tâches. Rationalisez les processus complexes. Alignez les décisions de conception sur les besoins des utilisateurs.

Ce guide décrit les recommandations pour améliorer la convivialité dans le cadre de l’interface utilisateur. La convivialité fait référence à la facilité d’utilisation et à l’efficacité d’un produit pour ses utilisateurs prévus. La convivialité a un impact direct sur la satisfaction des utilisateurs, les erreurs et les interactions globales avec l’interface numérique, affectant en fin de compte le succès global d’une application.

Stratégies de conception clés

La convivialité est un attribut de qualité qui évalue la facilité d’utilisation des interfaces utilisateur. Le mot « convivialité » fait également référence aux méthodes permettant d’améliorer la facilité d’utilisation pendant le processus de conception.

La convivialité est définie par cinq éléments de qualité :

Composant Description
Apprentissage Avec quelle facilité les tâches peuvent-elles être accomplies du premier coup et avec quelle rapidité les utilisateurs apprennent-ils de leur expérience précédente ?
Rendement Une fois que les utilisateurs ont découvert la conception, à quelle vitesse peuvent-ils effectuer les tâches ?
Mémorisation Lorsque les utilisateurs reviennent à la conception après une période de non-utilisation, avec quelle facilité peuvent-ils rétablir leurs compétences ?
Erreurs Combien d’erreurs les utilisateurs commettent-ils, quelle est leur gravité et avec quelle facilité peuvent-ils s’en remettre ?
Satisfaction Est-il agréable d’utiliser la conception ?

Visibilité du statut du système

Le système doit toujours tenir les utilisateurs informés de ce qui se passe, grâce à un retour d’information approprié dans un délai raisonnable.

Affichez les détails importants sur l’état actuel du système dans des emplacements clairs et intuitifs. Par exemple, si des éléments sont sélectionnés dans une liste, le nombre d’éléments sélectionnés doit être affiché.

Utilisez des indicateurs de progression ou des animations de chargement pour rassurer les utilisateurs sur le fait que leur demande est en cours de traitement. Ces indicateurs visuels évitent la frustration liée à l’incertitude et aident à gérer les attentes. Sans eux, les utilisateurs pourraient percevoir le système comme lent ou ne pas répondre et abandonner la tâche.

Les mises à jour en temps réel maintiennent les utilisateurs engagés et informés du résultat de leurs actions. Utilisez des messages d’état ou des notifications pour communiquer clairement les actions ou erreurs réussies. Il est courant d’envoyer des notifications lorsque des tâches asynchrones sont terminées, et les utilisateurs doivent savoir quand ils doivent recevoir une notification.

Incorporez des indicateurs à code couleur sur différents états pour une reconnaissance et une compréhension rapides de l’état du système. La couleur est traitée plus rapidement que le texte, ce qui permet à l’utilisateur de comprendre rapidement les informations.

Faites en sorte que l’état du système soit visible.

Refléter le monde réel

Le système doit parler la langue des utilisateurs, en utilisant des mots, des expressions et des concepts qu’ils comprennent, plutôt que des termes orientés système. Suivez les conventions du monde réel et présentez les informations dans un ordre naturel et logique.

Utilisez une terminologie et des concepts familiers aux utilisateurs et évitez le jargon qui pourrait les aliéner. Les gens ont tendance à comprendre rapidement le but et la fonctionnalité d’un système lorsqu’il parle leur langage.

Structurez les informations du système de manière à refléter les scénarios et les conventions que les utilisateurs comprennent. Présentez les informations dans une séquence naturelle et logique qui fait écho à des processus familiers ou réels pour faciliter l’adoption de la technologie dans la vie de l’utilisateur.

Un champ de formulaire d’adresse e-mail obligatoire, avec un e-mail mal saisi, affichant une erreur indiquant un format d’adresse e-mail incorrect.

Contrôle et liberté des utilisateurs

Les utilisateurs peuvent sélectionner par inadvertance des fonctions du système et auront besoin d’une « sortie de secours » clairement indiquée pour quitter l’état indésirable sans passer par une boîte de dialogue étendue. Annulez et refaites le support.

Lorsque cela est raisonnable, prenez en charge diverses méthodes de saisie pour répondre aux besoins des utilisateurs ayant des préférences et des besoins d’accessibilité différents. Les raccourcis clavier, les gestes tactiles, les commandes vocales ou les clics de souris garantissent que les utilisateurs peuvent interagir avec l’interface en utilisant leur méthode préférée.

Un contrôle granulaire des données et des paramètres de confidentialité est crucial pour respecter l’autonomie des utilisateurs et instaurer la confiance. L’ajustement des paramètres de confidentialité, la suppression ou l’exportation de données et le contrôle des autorisations d’accès pour les applications tierces garantissent aux utilisateurs de garder le contrôle de leurs informations. Offrir des explications claires et des divulgations transparentes sur les pratiques de collecte de données, les mesures de sécurité et les droits des utilisateurs permet une prise de décision éclairée et favorise la transparence et la responsabilité.

Un bouton neutre indiquant « Précédent » à côté d’un bouton principal indiquant « Suivant ».

Cohérence et normes

Maintenez la cohérence de la conception pour garantir que les utilisateurs peuvent facilement reconnaître et comprendre les indicateurs d’état, réduisant ainsi la charge cognitive et améliorant la convivialité. Les utilisateurs ne devraient pas avoir à se demander si différents mots, situations ou actions signifient la même chose.

Si les modèles d’expériences reproductibles semblent différents, les utilisateurs auront du mal à interpréter la signification de la variation introduite, ce qui entraînera des inefficacités dans la compréhension et l’exécution des tâches. L’utilisation d’une suite de commandes correspondante permet de garantir la cohérence des éléments visuels sur les écrans et les expériences.

Un modèle d’interface utilisateur pour ouvrir l’écran suivant avec un contrôle de bouton et un autre modèle pour ouvrir l’écran avec un contrôle de lien.

Prévention des erreurs

Mieux encore que de bons messages d’erreur, il existe une conception soignée qui évite qu’un problème ne se produise en premier lieu. Soit éliminez les conditions sujettes aux erreurs, soit vérifiez-les et présentez aux utilisateurs une option de confirmation avant de s’engager dans l’action. Résolvez de manière proactive les problèmes potentiels dans l’interface pour maintenir la continuité du flux de travail.

Vérification de validation du formulaire avant soumission.

Reconnaissance plutôt que rappel

Limitez la charge de mémoire de l’utilisateur en rendant visibles les objets, les actions et les options. L’utilisateur ne devrait pas avoir à mémoriser les informations d’une partie du dialogue à une autre. Les instructions doivent être visibles ou facilement récupérables lorsque cela est approprié.

Lors de la conception de formulaires, réfléchissez à l’opportunité de fournir des options prédéfinies parmi lesquelles les utilisateurs peuvent choisir ou d’autoriser la saisie de texte libre (cela peut être déterminé par le type de données, mais doit également être réfléchi au niveau de la couche d’interface utilisateur). Optez pour des options prédéfinies lorsque la rapidité et la commodité sont primordiales, et choisissez la saisie de texte libre pour les scénarios nécessitant des détails plus riches ou des réponses personnalisées.

Fournissez des conseils et des ressources pour éviter d’avoir à rappeler des informations importantes de mémoire. Les modèles d’interface utilisateur courants incluent des icônes d’aide contextuelle, une documentation en ligne, des info-bulles, des didacticiels intégrés, des menus d’aide à la demande, des bases de connaissances consultables et des widgets d’aide interactifs tels que des ressources compatibles avec l’IA.

Comparaison entre une liste de contrôle avec un ensemble d’options et un ensemble de champs de saisie de texte pour une réponse en texte libre.

Flexibilité et efficacité d’utilisation

Accueillez les utilisateurs de différents niveaux d’expertise en incorporant des fonctionnalités telles que des accélérateurs et des options de personnalisation. Cette approche permet à l’interface de s’adapter efficacement aux besoins et aux préférences des utilisateurs novices et experts.

Les accélérateurs, souvent inaperçus des utilisateurs débutants, peuvent accélérer l’interaction des utilisateurs experts, permettant ainsi au système de répondre efficacement aux besoins des utilisateurs inexpérimentés et expérimentés.

Les options de personnalisation permettent aux utilisateurs d’adapter l’interface à leurs préférences, personnalisant ainsi l’expérience globale. Fournir des options pour réorganiser les éléments de l’interface (par exemple, les cartes du tableau de bord) ou créer des raccourcis personnalisés pour les fonctionnalités fréquemment utilisées, améliore l’efficacité et le confort de l’utilisateur dans la navigation dans le système. Répondre aux diverses compétences et préférences des utilisateurs favorise un sentiment d’appropriation et un investissement personnel dans une expérience.

Un volet de filtres avec un lien vers les « filtres enregistrés », puis l’expérience de filtrage principale est affichée ci-dessous dans le volet.

Design esthétique et minimaliste

Donnez la priorité à des mises à jour de statut claires et ciblées pour que les utilisateurs puissent comprendre plus facilement les informations en un coup d’œil. Cette approche réduit l’effort cognitif et minimise le risque de mauvaise interprétation, de frustration ou de désengagement.

Les dialogues ne doivent pas contenir d’informations non pertinentes ou rarement nécessaires. Chaque unité d’information supplémentaire dans un dialogue entre en concurrence avec les unités d’information pertinentes et diminue leur visibilité relative.

Une boîte de dialogue avec une question succincte et exploitable, avec un bouton principal qui dit « oui » et un bouton secondaire qui dit « non ».

Aider les utilisateurs à reconnaître, diagnostiquer et récupérer des erreurs

Les messages d’erreur doivent être exprimés en langage clair (pas de code), indiquer précisément le problème et suggérer une solution de manière constructive.

Fournissez une aide ou des conseils contextuels pour aider les utilisateurs à résoudre les problèmes ou à comprendre les retards. Cette approche aide les utilisateurs à déterminer les prochaines étapes appropriées, en particulier lorsqu’ils sont confrontés à des obstacles ou à des tâches complexes. Au lieu de simplement présenter un problème, proposez une solution claire et intégrez des fonctionnalités intégrées pour accélérer la résolution.

Message d’erreur avec une explication claire du message et des suggestions pour réessayer.

Aide et documentation

Même si le système doit être suffisamment intuitif pour être utilisé sans documentation, il peut arriver que de l’aide et de la documentation soient nécessaires. Dans de tels cas, assurez-vous que les informations sont faciles à trouver, orientées vers les tâches, concises et fournissent des instructions claires, étape par étape.

Interface volante du volet d’aide accessible à partir de la barre de commandes supérieure.

Facilitation de Power Platform

Les expériences pilotées par copilote dans Power Apps peuvent aider les utilisateurs finaux à découvrir des informations précieuses au cours des conversations :

Pour les applications canevas, vous pouvez indiquer la progression et les états de chargement avec la barre de progression et les commandes modernes du spinner. Utilisez le contrôle par badge pour afficher les informations de statut.

Implémentez une gestion robuste des erreurs dans les applications canevas sur le client à l’aide des expressions Power Fx liées aux erreurs. Définissez des erreurs personnalisées côté serveur Power Fx à l’aide de plug-ins low-code, qui incluent une validation pré-opérationnelle.

Dans les applications pilotées par modèle, où la convivialité est intégrée à l’interface, concentrez-vous sur la configuration des aspects de l’expérience qui améliorent la convivialité. Un exemple d’accélérateur intégré est la fonctionnalité Vues personnelles, qui permet aux utilisateurs d’enregistrer les préférences de filtrage et de colonne pour une table dans une application. De plus, configurez des pages d’aide personnalisées pour proposer une ressource d’aide détaillée dans l’application.

Liste de contrôle Optimisation de l’expérience

Référez-vous à l’ensemble complet des recommandations.