En tant qu'utilisateur, ne le détestez-vous pas lorsque vous cliquez sur un bouton, pour vous rendre compte que l'action résultante n'est vraiment pas ce que vous vouliez? Parfois, il s'agit d'un désagrément mineur et parfois d'un désastre complet qui ruine des heures, voire des jours de travail.
En tant que designer, il vous appartient d’aider vos utilisateurs à éviter ces erreurs tragiques chaque fois que cela est possible. Aujourd'hui, nous allons examiner quelques méthodes que vous pouvez utiliser pour atteindre cet objectif.
Quel est le problème?
Lorsque vous concevez une interface, que ce soit sur le Web ou dans une sorte d’application native, vous devez toujours examiner attentivement ce qui peut mal tourner. Essayez d'imaginer le pire des scénarios pour chaque action particulière qu'un utilisateur entreprendra au cours de l'utilisation de votre application et faites tout ce qui est en votre pouvoir pour vous assurer qu'il comprend les conséquences d'un clic.
Pourquoi traverser tous les problèmes? Parce que rien ne permet à un utilisateur de détester une application plus rapidement que s'il commettait une grave erreur. Que ce soit entièrement de leur faute ou non, ils blâmeront l'application ou, à tout le moins, développeront une méfiance envers votre produit. Lorsque vous donnez aux utilisateurs la chance de discuter de votre produit, "regretter" et? méfiance? sont deux mots que vous ne voulez pas aborder dans la conversation.
Astuce: les messages d'avertissement Suck
Désormais, s’ils ont pour objectif de s’assurer qu’un utilisateur ne commet jamais d’erreur, certains concepteurs d’interface utilisateur vont trop à l’esprit et créent des messages d’avertissement pour chaque petite action que l’utilisateur peut éventuellement entreprendre. Malheureusement, du point de vue de l'utilisateur, il s'agit de la chose la plus agaçante qu'un développeur puisse faire.
Si j'ai l'impression que vous tenez trop la main dans le processus d'utilisation de votre application, je vous en voudrai de penser que je suis un idiot. Je vais aussi rapidement être frustré par le fait que tout prend si longtemps parce que je dois travailler sans cesse au même message d’avertissement.
Alors, quand puis-je utiliser un message d'avertissement?
Le vrai truc pour vous lorsque vous planifiez l'application est de décider quelles actions méritent des messages d'avertissement. Il y a un juste milieu entre ne jamais avertir un utilisateur et en faire trop, et c'est un point délicat à trouver.
La question directrice est simple: «À quel point est-il facile de résoudre le problème en cas de problème ?? Mettez-vous à la place de l'utilisateur et essayez d'imaginer le pire des cas.
Imaginons une situation où vous construisez une application simple similaire à Wunderlist présentée ci-dessus. Une action que l'utilisateur peut effectuer consiste à cocher une tâche et à la faire disparaître. S'ils le font par accident ou s'ils changent d'avis, idéalement, ils pourront le récupérer. Mais même sans cela, taper à nouveau dans un titre simple ne représente vraiment pas beaucoup de travail. Cela ne devrait prendre qu'une seconde à l'utilisateur pour rectifier son erreur. Compte tenu de ce fait, un message d'avertissement ne sera probablement pas nécessaire pour supprimer une tâche.
Maintenant, qu'en est-il si le même utilisateur veut supprimer une liste complète de tâches à exécuter? C'est quelque chose qui pourrait être potentiellement désastreux. Si j'ai plus de cent todos et supprime accidentellement une liste entière, je vais paniquer si je ne peux pas la récupérer. Dans ce cas, un message d'avertissement est certainement approprié.
Aidez à prévenir les erreurs
Maintenant que nous savons à quel point les messages d’alerte peuvent être bons ou mauvais, il est temps de jeter un coup d’œil sur différentes méthodes que vous pouvez utiliser et sur la manière dont elles permettent d’éviter les erreurs de la part des utilisateurs. Certains utilisent des messages d'avertissement, d'autres sont un peu plus intelligents et tactiques.
Avertissements Préemptifs
La raison pour laquelle les messages d’avertissement sont si ennuyeux est qu’ils vous arrêtent complètement. Ce n’est agréable que si vous réalisez que vous êtes sur le point de commettre une grosse erreur, le reste du temps bloque simplement vos progrès.
Un moyen d'éviter ce problème tout en aidant vos utilisateurs à éviter les erreurs consiste à utiliser des avertissements préventifs. Celles-ci ne vous gênent pas et ne freinent pas votre progression, mais elles vous aident à réaliser que vous avez peut-être commis une erreur.
Vous le voyez le plus souvent dans la validation de formulaire en direct. Découvrez comment le formulaire d’inscription Mailchimp me dit que j’ai commis une erreur après avoir saisi un nom d’utilisateur ne contenant que trois caractères.
Êtes-vous sûr?
Il s'agit du type d'avertissement le plus couramment utilisé dans les applications Web et natives. C’est ce que nous avons déjà vu avec Wunderlist: une boîte apparaît qui arrête tout ce que vous tentiez de faire et vous demande si c’est quelque chose que vous vouliez vraiment faire.
Vous les verrez probablement quasiment toute la journée si vous travaillez sur un ordinateur. Par exemple, les utilisateurs de Mac en voient un lorsqu'ils essaient de vider leur corbeille.
Si nous comparons la décision d'Apple de mettre cela ici en regard des critères que nous avons définis plus tôt, cela se vérifie. Comme l'indique la fenêtre, l'utilisateur ne peut pas vider la corbeille. Une fois que vous avez appuyé sur ce bouton, ces fichiers ont complètement disparu, à moins que vous ne soyez un type de féru de technologie qui sait comment les récupérer.
Qu'est-ce que tu veux qu'il arrive?
Parfois, une action donnée peut être interprétée de plusieurs manières. Dans ces situations, vous devez choisir entre les interprétations en tant que concepteur ou donner à l'utilisateur le pouvoir de choisir les conséquences de l'action.
Photoshop en est un excellent exemple. Lorsque vous faites glisser un masque de calque dans la corbeille, vous obtenez la fenêtre suivante.
Ici, Photoshop dit: "Hé, je sais que tu veux que je supprime ce masque de calque, mais devrais-je l'appliquer en premier?" C'est une option utile car parfois, il est vrai que je veux que le masque disparaisse complètement et que d'autres fois, je souhaite qu'il soit appliqué au calque. Ils fournissent également un raccourci clavier caché (Option) aux utilisateurs professionnels souhaitant ignorer cette fenêtre.
Ne plus jamais montrer ça
Il y a une autre leçon intéressante à tirer du message d'avertissement d'Adobe.Remarquez qu'il y a cette petite boîte qui dit "Ne plus montrer." C'est un moyen très intelligent de tirer le meilleur parti des deux mondes en tant que développeur. Vous faites votre devoir de toujours avertir vos utilisateurs d’une action risquée, mais vous leur donnez également le choix de désactiver ces avertissements s’ils n’en ont pas besoin.
La suite créative d'Adobe regorge de messages d'avertissement gênants et cette possibilité de retrait m'empêche de devenir fou en utilisant leurs applications.
Annuler chronométré
Aujourd'hui, alors que j'allais supprimer une vidéo sur YouTube, j'ai remarqué un truc d'interface utilisateur que je n'avais jamais vu auparavant. Un message d'avertissement est apparu pour m'informer que j'étais sur le point de supprimer tout des films dans mon compte, ce qui est évidemment une très grosse affaire et est probablement le plus souvent un choix accidentel.
La partie étrange était que plutôt que de me permettre de poursuivre l'action tout de suite, ils m'ont donné le message, un bouton d'annulation et un bouton avec une minuterie.
Après un bref compte à rebours, le deuxième bouton est devenu quelque chose qui me permettrait de supprimer les vidéos. Jusque-là, cela m'obligeait à annuler ou à lire le message et à m'assurer de savoir dans quoi je m'embarquais.
C'est une jolie petite idée géniale, mais gardez à l'esprit que les utilisateurs sont susceptibles de trouver cela extrêmement ennuyeux. Réservez ce niveau de prudence aux actions qui ont vraiment des conséquences désastreuses et qui n’entraînent aucun retour. Peut-être qu'un utilisateur souhaite supprimer complètement son compte ou supprimer une grande quantité de données.
Afficher le résultat avant l'action
L’une de mes manières préférées par les développeurs de prévenir les erreurs techniques n’est pas du tout un message d’avertissement. Au lieu de cela, il s'agit d'un simple aperçu de ce à quoi ressemblera une fois l'action prise.
NameChanger est une excellente application Mac gratuite qui fait un travail fantastique dans ce domaine. L'application est destinée à vous aider à renommer par lots un tas de fichiers. Sur la gauche, une colonne affiche les noms de fichiers actuels et le texte à remplacer. Sur la droite, une colonne affiche le texte que vous souhaitez insérer et les noms de fichiers résultants.
La partie intelligente ici est qu'il ne s'agit que d'un aperçu, aucun fichier n'est renommé jusqu'à ce que je clique sur le bouton "Renommer". boutonner en haut. Cela me permet d’examiner de près ce que je vais faire et de décider si tout est correct. J'ai également vu des applications FTP utiliser cette même technique lors de la synchronisation du contenu de deux dossiers. Étant donné que vous pouvez supprimer des informations importantes par accident, il est génial de disposer d'un aperçu qui montre à quoi ressembleront les dossiers après l'action.
Comment empêcher les utilisateurs de se tromper?
Si vous créez une application pour qui que ce soit d'autre que vous-même, vous pouvez à peu près garantir qu'il y aura confusion sur certains aspects de l'interface. Considérer soigneusement les erreurs des utilisateurs est essentiel dans tous les aspects de la conception et les conseils ci-dessus devraient vous aider à démarrer dans la bonne direction lorsque vous structurez des flux de travail d'applications.
Maintenant que vous avez vu mes exemples, il est temps de parler des vôtres. Comment aidez-vous vos utilisateurs à éviter les erreurs? Quels autres sites avez-vous vus sur le Web avec des solutions intéressantes comme celle que nous avons vue sur YouTube?