web-dev-qa-db-fra.com

Comment étiqueter l'état des boutons?

Je recherche un libellé clair pour un bouton qui modifie l'état d'un test en ligne.

Actuellement, pendant qu'un utilisateur travaille sur la configuration de test, le bouton indique:

mockup

Afin de "publier" le test, l'utilisateur doit cliquer sur le bouton, ce qui changera le libellé en:

mockup

Je pense à changer cela pour quelque chose de plus évident et j'apprécierais toute suggestion.

Je commence à pencher vers "Publish Test" mais quel serait le contraire?

6
usabilitest

Votre approche actuelle rend impossible pour un utilisateur de savoir ce qui se passera quand il poussera le bouton. Vous dites que "pour" publier "le test, l'utilisateur doit cliquer sur le bouton". Alors pourquoi votre bouton n'est-il pas intitulé "Publier le test"?

L'étiquette d'un bouton doit toujours faire référence à l'action qu'il effectue. N'utilisez pas l'étiquette du bouton pour indiquer un état. Si vous souhaitez également afficher un état, vous disposez de plusieurs options. Ces options sont indiquées dans la réponse acceptée à cette question: n bouton à bascule doit-il afficher son état actuel ou l'état dans lequel il va changer?

11
Bart Gijssens

Les boutons doivent généralement décrire des actions plutôt que des états. Ainsi, pour les tests qui sont actuellement privés, le bouton qui exécute l'action de publication devrait probablement simplement dire "Publier" tandis que pour les tests qui sont déjà publiés, le bouton qui inverse cette action devrait probablement dire "annuler la publication "(ou quelque chose de similaire).

8
Matt Obee

Envisageriez-vous d'ajouter un élément supplémentaire, comme une étiquette ou du texte? J'irais probablement pour un texte expliquant l'état actuel et un bouton pour le changer. Je sais que c'est assez simple, mais c'est aussi assez clair:

(texte) Statut en ligne: PRIVÉ

(bouton) Changer le statut en PUBLIC/Go PUBLIC

3
Yisela

Qu'en est-il de [make public] et [make private]?
Aussi, [make public] est équivalent à [publish].

2
Juan Lanus

Un bouton est plus clairement étiqueté comme une action ou un verbe plutôt que comme un état ... Comme d'autres réponses suggèrent que "Publier le test" est un bon choix et serait ce que j'opterais. La difficulté est le fonctionnement inverse ... Le fonctionnement est-il vraiment symétrique?

Il est difficile d'éviter de supposer ce que vos utilisateurs peuvent avoir comme modèle mental de votre application, vous devrez donc peut-être les aider et les tenir un peu pour qu'ils comprennent ce qu'ils font ...

Q : Pourquoi voudraient-ils annuler la publication du test?

Est-ce parce que:

  • Ils ont fait une erreur et ont besoin de la changer?
  • C'est ainsi qu'ils terminent un test?
  • Une autre raison?

Bien que la non-publication du test couvre tous les cas, ils sont très différents du point de vue de l'utilisateur. Pour chaque option, il peut y avoir des considérations et des nuances à prendre en compte. Que se passe-t-il lorsqu'un test a été publié et que d'autres utilisateurs peuvent y accéder? Pour les autres utilisateurs qui pourraient être à la recherche de ce test après sa publication, il pourrait être nécessaire de leur montrer un message plutôt que de simplement masquer le test ... Comment l'opération s'inscrit-elle dans une vue d'ensemble?

Si tel est le cas, votre action d'annulation peut devenir quelque chose comme "Révoquer le test" pour supprimer temporairement le test car il est erroné ou "Terminer le test" pour fermer le test car terminé peut être plus approprié.

2
Stuart Wakefield

Wordpress le fait très bien.

"Visibilité: privé modifier "

"Visibilité: Publique modifier "

pourrait ajouter "Test de visibilité: privé modifier "

Une fois que le test est créé et que l'éditeur appuie sur "Enregistrer le test", vous pouvez demander s'il souhaite le publier: "Pour le moment, le test n'est pas accessible au public, souhaitez-vous le publier?"

1
Igor-G

Vous pouvez envisager l'option "Afficher/Masquer" car vous dites que le test est toujours là mais n'est pas accessible.

enter image description here

1
Anna Rouben