web-dev-qa-db-fra.com

Moyen le plus approprié d'afficher un bouton désactivé

Le bouton "modifier" est désactivé pour un élément:

  • Il est désactivé car l'utilisateur n'a pas les autorisations pour modifier l'élément.
  • S'ils veulent le modifier, ils doivent soit demander la permission du propriétaire ou recommencer en créant leur propre élément.
  • L'utilisateur sera habitué à voir le bouton "modifier" activé pour les autres pages sur lesquelles il dispose de droits de modification, de sorte que la conception doit être cohérente avec ces éléments.

Selon vous, laquelle de ces 3 façons est la plus appropriée pour cette situation? Dans toutes ces options, la raison et les étapes pour le rendre modifiable seront affichées au survol/clic.

Modifier: Pouvez-vous également suggérer en quoi votre réponse serait différente si la fonctionnalité de "demande d'autorisation" ne peut pas être implémentée pour le moment, et la seule façon dont ils peuvent effectuer cette modification est d'en informer le propriétaire pour le faire (même si cette communication devra se faire en dehors de l'application)?

3 options to show the disabled button

19
Saurabh

S'ils veulent le modifier, ils doivent soit demander la permission du propriétaire ou recommencer en créant leur propre élément.

Si je comprends bien, la seule façon de modifier un élément particulier est de demander la permission au propriétaire de l'élément (l'autre choix ne s'applique pas à l'élément en question).

Pourquoi ne pas l'écrire au lieu d'afficher un bouton d'édition désactivé? Dans ce cas, vous auriez:

  • Modifier cette page
  • Demander l'autorisation pour modifier cette page
  • Inscrivez-vous pour modifier cette page

Le dernier serait un message générique pour un utilisateur anonyme (non connecté). Le texte souligné est le lien vers une page respective où l'utilisateur peut prendre des mesures immédiates - assurant des actions fluides de l'utilisateur.

Suite à votre modification:

L'autorisation de demande pourrait ouvrir un dialogue "message privé" à l'utilisateur respectif avec un texte de message prédéfini contenant les liens vers la page et l'ID utilisateur, qui demande le privilège.

18
Mike

Je ferais quelque chose comme

enter image description here

Aperçu: je pense que jouer n'est pas commun et clair icône pour l'aperç . Eye/ loupe est un peu mieux, mais toujours pas parfait.

Bouton désactivé: vous ne devez pas masquer les actions derrière les couvertures/clics; vous pouvez le présenter immédiatement. Le libellé et l'espacement peuvent nécessiter un ajustement (dans votre exemple, je mettrais également les icônes plus près du texte du bouton).

Aussi cette page dans votre exemple peut être supprimée à mon avis: aperçu | l'édition est suffisante.

Bonus: vous souhaiterez peut-être aligner le texte sur l'en-tête

enter image description here

Bonus 2: Essayez de concevoir avec du vrai contenu si possible.

14
Runnick

La meilleure façon d'afficher dans les conditions mentionnées dans votre problème est de garder le bouton d'édition activé. Ne le désactivez pas. Laissez les utilisateurs cliquer dessus. Si l'utilisateur dispose de suffisamment d'autorisations, il accède à la tâche de la page d'édition.

  • Pour les utilisateurs ne disposant pas de privilèges suffisants, ouvrez un modal leur demandant de demander l'autorisation de modification.
  • Pour une autre partie du problème, si l'autorisation de demande n'est pas implémentée, ouvrez une fenêtre contextuelle qui permet à l'utilisateur de noter les modifications et d'envoyer à l'auteur.

Un flux détaillé est affiché pour les cas ci-dessus. J'espère que cela pourra aider. enter image description here

4
pzv