web-dev-qa-db-fra.com

Placement des boutons tandis que les autres sont invisibles / désactivés

J'ai une barre d'outils de boutons. L'état change chaque fois que l'utilisateur interagit avec lui (fig. 1).

enter image description here

Fig. 1

Parfois, l'application permet à l'utilisateur de rafraîchir la vue uniquement, de sorte que les autres boutons sont invisibles (fig. 2).

enter image description here

Fig.2

Mes questions sont:

1) Quel est le meilleur: désactiver les boutons inactifs ou faire son invisible?

2) Est-ce une bonne pratique de maintenir les boutons à leur place ou de les déplacer vers la gauche (droite) pendant que les autres sont invisibles (voir fig.2, fig.3)?

enter image description here

Fig. 3

11
igor

Je peux voir un problème d'incohérence si vous supprimez complètement les boutons et commencez à déplacer les boutons actifs autour de la barre d'outils.

La pratique habituelle consiste à fournir boutons inactifs avec un état inactif par exemple gris ou décoloré. Les avantages supplémentaires de cette approche sont que vous tenez l'utilisateur informé via un retour visuel de l'état du système; les objets invisibles ne peuvent pas faire cela.

18
colmcq

La recherche a montré que le placement cohérent des boutons est plus important que les étiquettes, les icônes ou la couleur du bouton.

Orbitz ne peut pas obtenir de date

À partir de ces résultats, nous avons déduit que l'emplacement de l'icône est plus important que l'imagerie visuelle. Les gens se souviennent où se trouvent les choses, pas à quoi elles ressemblent.

C'était également le raisonnement derrière la nouvelle barre des tâches de Windows 7 avec des applications épinglées et le ruban d'Office.

Je pense que votre exemple devrait suivre le même raisonnement. Personnellement, je serais frustré si la position des boutons changeait à chaque fois que je cliquais sur quelque chose ou entre les sessions.

De plus, l'absence de bouton auquel je suis habitué pourrait me faire me demander si cette fonctionnalité a été complètement supprimée du produit, et pas seulement désactivée à ce moment précis.

Les boutons désactivés doivent être grisés, même s'ils sont à peine visibles, et les boutons actifs doivent rester où ils étaient.

10
Philip Seyfi

Je ne voudrais jamais forcer mes clients à "trouver" le bon bouton alors qu'ils l'ont déjà utilisé. Même le déplacer un peu amorce une chasse selon les circonstances. Un bouton grisé est notoire qu'il ne peut pas être utilisé jusqu'à ce qu'une autre action l'active. Le déplacement et l'ajout de boutons ne devraient pas réduire l'encombrement si votre conception est solide et déjà épurée.

1
Brad Hutchison

Le refus d'une fonction particulière peut être principalement attribué à deux raisons dans la plupart des applications.

  1. Sécurité/contrôle d'accès
  2. Situationnel/logique

Dans le cas des menus, boutons, barres d'outils, icônes et de nombreux éléments d'interface utilisateur, les comportements suivants sont considérés comme normaux pour chacune des situations ci-dessus.

  1. Sécurité/Contrôle d'accès: cacher
  2. Situationnel/Logique: afficher et désactiver
1
bhagyas

Je dirais que cela dépend de l'application. Si vos boutons se trouvent dans une barre d'outils fixe, ils doivent toujours être visibles afin que l'utilisateur puisse s'habituer aux commandes existantes, dans quels états elles sont disponibles et où les trouver.

Si vos boutons sont ajoutés dynamiquement à côté d'un contrôle répété ou temporaire (comme une liste d'éléments chacun avec son propre ensemble d'éléments d'action), alors ce n'est pas une mauvaise idée de réduire l'encombrement à l'écran en affichant uniquement les boutons pour les actions possibles .

0
Alain