Comment améliorer l'expérience utilisateur des paramètres de l'application

Comme d'autres modèles d'interface utilisateur méconnus, les panneaux de paramètres facilitent l'utilisation des applications, mais ne semblent susciter l'intérêt que lorsqu'ils sont défectueux. Les utilisateurs peuvent considérer les paramètres comme allant de soi, mais les concepteurs ne devraient pas le faire. Des panneaux de paramètres bien conçus permettent aux utilisateurs d'adapter les applications à leurs besoins et aident les entreprises à réduire les coûts d'assistance client.

Les paramètres de l'application aident les utilisateurs à gérer des éléments tels que les notifications push, les fuseaux horaires et les identifiants de connexion. Chaque application a des paramètres, mais les utilisateurs et les concepteurs négligent régulièrement les panneaux d'interface qui les contrôlent. Les utilisateurs ont tendance à ignorer les paramètres et les concepteurs semblent les négliger jusque tard dans le processus de conception de l'application.

Il y a peu de raisons pour que les utilisateurs réfléchissent aux paramètres de l'application, mais les concepteurs sont largement incités. Des paramètres bien conçus réduisent les coûts d'assistance client et stimulent l'engagement en permettant aux utilisateurs de personnaliser leurs applications à la demande. L'objectif est de permettre aux utilisateurs de gérer facilement leurs préférences, mais il est difficile de concevoir des paramètres qui correspondent aux besoins des utilisateurs. Même quelque chose d'aussi simple que de permettre aux utilisateurs de mettre à jour les adresses e-mail nécessite une planification minutieuse.

Quelles pratiques de conception garantissent des paramètres UX sans effort ?

Lignes directrices pour une meilleure UX des paramètres d'application

Catégories de groupe

Lorsque les applications ont plusieurs paramètres, il peut être difficile pour les utilisateurs de trouver ce dont ils ont besoin. La solution consiste à regrouper les paramètres en catégories. Par exemple, Shopify a une longue liste de paramètres, mais ils sont organisés en catégories faciles à parcourir.

Établir une hiérarchie visuelle

Les panneaux de paramètres ne peuvent pas réussir sans hiérarchie visuelle. Amenez les paramètres fréquemment utilisés au premier plan ; s'il y a trop d'options, séparez les catégories en sous-pages pour réduire la charge cognitive.

Évitez les noms avec du jargon

Le jargon amène les utilisateurs à rechercher le contexte en dehors des panneaux de paramètres. Les paramètres sont mieux décrits dans un langage simple qui indique la fonctionnalité. Évitez les noms techniques ou astucieux qui apaisent les équipes produit et marketing mais déroutent les utilisateurs.

Fournir des descriptions claires

Les paramètres ont besoin de descriptions qui expliquent leur impact. Définissez clairement ce que font les paramètres, mais ne fournissez pas tellement d'informations que les utilisateurs passent sous silence des détails importants. Encore une fois, utilisez le langage courant et activez l'option de restauration des paramètres par défaut.

Donner des indicateurs d'état et des commentaires sur les états enregistrés

Dans de nombreuses applications, les paramètres mis à jour sont automatiquement enregistrés, mais les utilisateurs ont toujours besoin de commentaires confirmant leurs modifications. Si les utilisateurs doivent cliquer sur un bouton "Enregistrer", assurez-vous qu'il est visible. Forcer les utilisateurs à faire défiler entraîne forcément des paramètres non enregistrés.

Utiliser les commandes d'interface utilisateur appropriées

Les boutons radio et les cases à cocher sont des commandes d'interface utilisateur standard dans les panneaux de paramètres, mais ils ne sont pas interchangeables :

• Les boutons radio obligent les utilisateurs à effectuer une (et une seule) sélection dans une liste d'options.
• Les cases à cocher permettent aux utilisateurs d'effectuer plusieurs sélections (ou aucune) dans une liste d'options.

Lorsque les actions ne nécessitent pas d'examen ou de confirmation, utilisez des interrupteurs à bascule et envisagez d'ajouter des étiquettes « Marche/Arrêt » pour plus de clarté.

Fournir des paramètres de base et avancés

Une façon intelligente de gérer les applications avec de nombreux paramètres consiste à fournir deux niveaux d'entrée. Les paramètres de base remplissent les panneaux de paramètres par défaut et répondent aux besoins des utilisateurs moyens, tandis que les paramètres avancés attirent les utilisateurs qui souhaitent un contrôle plus granulaire.

Envoyer des confirmations par e-mail

De nombreuses applications contiennent des données sensibles, notamment des informations financières. Les confirmations par e-mail existent en dehors des panneaux de paramètres, mais elles sont essentielles car les utilisateurs doivent être alertés lorsque les détails de leur compte changent. Selon l'application ou les paramètres concernés, il peut ne pas être nécessaire d'envoyer des confirmations pour chaque mise à jour.

Conseils pour le processus de conception des paramètres d'application

Commencez par l'architecture de l'information et le flux d'utilisateurs

L'architecture de l'information est le meilleur endroit pour commencer le processus de conception des paramètres. Utilisez des exercices de tri de cartes pour comprendre comment les utilisateurs grouperaient les paramètres, puis établissez une hiérarchie parmi les catégories qui émergent. Concevez des flux d'utilisateurs pour chaque paramètre, générez des étiquettes de paramètres qui correspondent aux attentes des utilisateurs et efforcez-vous de limiter le nombre de catégories de niveau supérieur à quatre ou cinq.

Définir les modes par défaut

Les paramètres par défaut présentent aux utilisateurs des expériences théoriquement optimales dès leurs premières interactions. L'objectif est de faciliter l'intégration et de doter les utilisateurs de paramètres qui soutiennent leurs objectifs (une autre raison pour laquelle la recherche d'utilisateurs est si essentielle). Par exemple, les applications de sécurité par mot de passe comme 1Password et LastPass ont des paramètres par défaut conçus pour protéger les informations confidentielles des utilisateurs.

Contacter les parties prenantes au début du processus de conception

Commencez immédiatement la collaboration et discutez avec les parties prenantes de leurs besoins liés aux paramètres. Rencontrez des chefs de produit, des experts en sécurité, des concepteurs, des ingénieurs et toute autre personne intéressée par les paramètres. Attendre tard dans le processus de conception des paramètres peut entraîner des refontes coûteuses.

Parlez au service client

L'affinement de la conception commence par l'identification des points faibles des utilisateurs, et les équipes de support client traitent les problèmes des utilisateurs au quotidien. Ils savent quels aspects d'une application prêtent à confusion et quels paramètres sont difficiles à gérer. Si possible, assistez régulièrement aux réunions de support client pour avoir un aperçu des futures itérations des panneaux de paramètres.

Prototypage et essai

Créez et testez des prototypes pour voir comment les paramètres fonctionnent parallèlement aux principales fonctionnalités du produit. Les prototypes haute fidélité sont un excellent moyen de tester l'efficacité des contrôles de l'interface utilisateur dans les sessions d'utilisabilité. Là encore, attendre la dernière minute pourrait s'avérer coûteux.

Des paramètres d'application bien pensés améliorent l'expérience utilisateur

Les concepteurs s'efforcent de rendre les applications faciles à utiliser. Les fonctionnalités les plus importantes reçoivent le plus d'attention, mais souvent, ce sont les détails de conception les moins visibles qui améliorent la convivialité. Une bonne expérience de paramétrage est organisée, intuitive et permet aux utilisateurs d'affiner leurs interactions quotidiennes. Il fournit des commentaires pertinents, utilise des composants d'interface utilisateur bien connus qui s'alignent sur les modèles mentaux des utilisateurs et permet aux utilisateurs d'effectuer des mises à jour sans contacter le support client.

• • •

Pour en savoir plus sur le blog Toptal Design :

• Principes de conception de l'UX mobile
• Principes heuristiques pour les interfaces mobiles
• Le guide fondamental de l'utilisabilité mobile
• Meilleures pratiques de commerce électronique mobile pour UX (avec infographie)
• Contraintes de conception de l'expérience utilisateur mobile, meilleures pratiques et collaboration avec les développeurs