Libellés de boutons : pourquoi « OK » est le mauvais texte de bouton et quoi écrire à la place
Un bouton doit dire ce qui se passe quand on le touche. Pourquoi OK, Oui, Non et Envoyer échouent, la règle du verbe d'abord derrière les guidelines d'Apple, six remplacements à copier et un test de cinq secondes pour toute boîte de dialogue.
Un bouton qui dit OK oblige à relire la question pour comprendre ce que OK veut dire. « OK, supprimer ? » ou « OK, laisse tomber ? » Un libellé de bouton doit nommer ce qui se passe au toucher, pour que personne n'ait à chercher ailleurs. Voici les quatre règles, chacune reconstruite côte à côte, et six remplacements à copier.
Pourquoi OK échoue
OK répond à la question dans la tête de celui qui l'a écrit. Le lecteur doit garder le titre en mémoire, reconstruire la phrase avec OK à la fin et décider si c'est bien ce qu'il veut. Sur une boîte de dialogue destructrice, c'est un pari, car les deux boutons se ressemblent et le dangereux ne dit pas qu'il est dangereux.
Il en va de même pour Oui, Non, Envoyer, Continuer et Confirmer. Ce sont tous des réponses à une question ou une étape générique d'un formulaire, pas ce qui va réellement se produire. Quand le libellé ne porte pas l'action, c'est au titre et au texte de la porter, et les gens touchent avant de lire.
Apple le dit dans ses Human Interface Guidelines pour les alertes : utilisez un titre d'un ou deux mots qui décrit le résultat du choix du bouton, et préférez les verbes et locutions verbales en lien direct avec le texte de l'alerte. Notre article sur les exemples de messages d'erreur couvre les mots autour du bouton. Celui-ci traite du bouton lui-même.
Correction 1 : dire ce qu'il fait
OK
Supprimer
Copiez le verbe directement depuis le titre. « Supprimer cette photo ? » donne Supprimer, et « Bloquer ce compte ? » donne Bloquer.
Si le verbe ne rentre pas, le titre est probablement trop vague : corrigez le titre.
Correction 2 : abandonner Oui et Non, garder Annuler
Non / Oui
Annuler / Quitter
Oui et Non obligent le lecteur à plaquer sa réponse sur la phrase. Annuler est le seul mot générique qui mérite d'être gardé, car son sens ne change jamais : on recule, rien ne se passe. Apple recommande la même chose : évitez Oui et Non, et utilisez toujours Annuler pour le bouton qui annule l'action.
Correction 3 : nommer le résultat
Envoyer
Payer 24,00 $
Le meilleur libellé porte souvent l'objet ou le montant : Envoyer 50 $, Créer un compte, Voir la facture, Enregistrer le brouillon. C'est le plus important aux moments qui coûtent quelque chose, comme payer, envoyer ou supprimer, parce que le bouton est la dernière chose lue avant l'engagement.
Correction 4 : un ou deux mots
Cinq mots
Deux mots
Les libellés courts survivent aussi à la traduction et aux petits écrans. Un bouton de cinq mots en anglais devient plus long en allemand ou en russe et commence à passer à la ligne ou à être tronqué. Deux mots laissent de la marge.
Les six remplacements
| Au lieu de | Dites | Quand |
|---|---|---|
| OK | Supprimer | Après « Supprimer cette photo ? » |
| Oui | Quitter | Après « Quitter sans enregistrer ? » |
| Envoyer | Payer 24,00 $ | Sur un récapitulatif de paiement |
| Cliquez ici | Voir la facture | Sur un lien ou un bouton qui ouvre quelque chose |
| Continuer | Créer un compte | À la fin d'un formulaire d'inscription |
| Confirmer | Envoyer 50 $ | Après un récapitulatif de virement |
Quand OK est correct
Apple n'autorise qu'un seul usage : les alertes informatives, où il n'y a rien à décider et où le seul rôle du bouton est de fermer le message. « Votre session est terminée » avec un bouton OK, c'est bien. Tout ce qui comporte un choix doit recevoir un verbe. Même dans une alerte informative, un mot plus précis comme Compris ou Se reconnecter peut être meilleur quand il décrit l'étape suivante.
Le test des cinq secondes
Cachez le titre et le texte et lisez uniquement les boutons. Si une personne peut encore dire ce que fait chacun, les libellés sont bons. Sinon, le libellé s'appuie sur la question pour vouloir dire quelque chose.
Lancez-le sur chaque boîte de dialogue de votre produit, sur les toasts, et sur le bouton unique de chaque formulaire. Cela prend quelques minutes, et c'est le changement de texte le moins cher qu'une équipe puisse faire. Pour le choix entre une boîte de dialogue et une feuille en premier lieu, voir modale ou bottom sheet.
FAQ
Que doit dire un bouton à la place de OK ?
Le verbe de la question. Une boîte de dialogue qui demande « Supprimer cette photo ? » doit avoir un bouton qui dit Supprimer. OK ne convient qu'à une alerte qui informe et ne demande aucune décision.
Est-ce mal d'utiliser Oui et Non sur des boutons ?
Généralement, oui. Ils obligent à replacer la réponse sur la phrase et à la mal lire, comme dans « Quitter sans enregistrer ? ». Utilisez un verbe pour l'action et Annuler pour faire marche arrière. Les guidelines d'Apple recommandent d'éviter Oui et Non dans les alertes.
Dois-je utiliser Annuler ou Non ?
Annuler. Il veut toujours dire faire marche arrière sans que rien ne se passe. Non peut avoir des sens différents selon la formulation de la question.
Combien de mots doit avoir le texte d'un bouton ?
Un ou deux. Nommez le résultat, comme Supprimer le compte ou Payer 24,00 $, et mettez toute explication dans le texte au-dessus.
Pourquoi Envoyer est-il un mauvais libellé de bouton ?
Envoyer dit ce que fait le formulaire, pas ce que la personne obtient ou dépense. Un libellé comme Payer 24,00 $, Envoyer le message ou Créer un compte nomme le résultat et, quand c'est utile, le montant.
Que dit Apple sur les boutons OK ?
Les Human Interface Guidelines d'Apple recommandent d'éviter OK comme titre de bouton par défaut sauf si l'alerte est purement informative, et de préférer des verbes qui décrivent le résultat du toucher.
Sources
- Apple Human Interface Guidelines, Alerts : un titre d'un ou deux mots qui décrit le résultat du choix du bouton, des verbes et locutions verbales en lien direct avec le texte de l'alerte, OK uniquement dans les alertes informatives, éviter Oui et Non, et Annuler pour nommer un bouton qui annule l'action de l'alerte. Elles indiquent aussi d'éviter OK comme titre de bouton par défaut sauf si l'alerte est purement informative.
- Les boîtes de dialogue et le récapitulatif de commande ci-dessus sont nos propres exemples. Les nombres de mots, y compris les cinq mots de « Yes, Delete My Account Forever », sont comptés d'après les libellés affichés.
- D'abord publié sous forme de carrousel sur UX Brainy.
Want every button, dialog and error in your product to say exactly what it does? Our team designs app UI and writes the words inside it.
Get Started
