web-dev-qa-db-fra.com

Énigme grisée

Alors que nous approchons de la date de sortie de la v2.5.0 de Rubberduck (un complément VBIDE open source), nous sommes confrontés à un dilemme concernant un type spécifique de nœuds d'arbre en un de nos fenêtres d'outils:

Library References tree node, with the only actionnable item not grayed-out

L'idée est d'afficher les références de bibliothèque/projet dans l'arborescence, et en quelque sorte indique si une référence particulière est en cours d'utilisation ou peut être supprimée en toute sécurité.

Nous avons décidé de griser les nœuds de référence qui ne sont pas actionnables - soit parce qu'ils sont verrouillés (la bibliothèque standard VBA et l'hôte la bibliothèque d'objets de l'application ne peut pas être supprimée), ou parce qu'ils sont en cours d'utilisation et les supprimer casserait quelque chose.

Mais cela surprend les utilisateurs qui attendent des nœuds de référence qui ne sont pas utilisés (et donc sont actionnable) à soyez les grisés ... et pour moi, cela semble une attente très raisonnable.

Comment concilier les attentes contradictoires des utilisateurs et les rendre plus clairs pour tous?

Les références de bibliothèque verrouillées apparaissent avec une petite icône de cadenas, donc je pense que nous les avons couvertes.

Mais quelle est la meilleure pratique UX pour afficher un élément d'interface utilisateur comme "désactivé" dans un cas comme celui-ci?

3
Mathieu Guindon

Pour moi, les éléments de liste grisés signifient ceux qui sont "de peu d'intérêt" - dans un contexte qui signifierait des références qui sont actuellement inutilisées. Vous avez déjà des cadenas pour indiquer les éléments non actionnables, qu'ils soient utilisés ou non. Les références déverrouillées doivent être amovibles.

Considérez comment VS moderne gère cela - les références sont amovibles, qu'elles soient ou non utilisées. Votre projet ne parvient pas à être compilé par la suite, mais c'est votre choix.

Un bon compromis pourrait être d'indiquer si des références sont utilisées ou non (grisées ou non), mais de permettre à l'une d'entre elles d'être supprimée (si elle est déverrouillée). Pour supprimer les références en cours d'utilisation, affichez une boîte de dialogue "Êtes-vous sûr".

2
mansellan

Pour tenir compte d'une bonne expérience utilisateur, vous pouvez indiquer les références utilisées ou non (la différence peut être la couleur) et indiquer celles qui ne peuvent pas être altérées (utilisation des icônes de cadenas comme vous l'avez mentionné).

Cependant, vous pouvez également modifier l'arrangement tout comme vous l'avez dans l'exemple d'image que tous les éléments inutilisables, les références utilisées et celles qui ne sont pas utilisées sont toujours regroupées (l'ajout d'un petit texte indicatif pourrait également aider).

1
Wurah

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

J'ai essayé de préparer une présentation simple de la façon dont vous pourriez préférer l'appliquer à votre cas. Même si j'ai préféré utiliser les marqueurs de couleur sur le côté gauche des noms de dossier, vous pouvez essayer de l'appliquer alternativement sur la partie la plus à droite.

Les couleurs vous appartiennent mais je recommande le rouge pour les verrouillées, le gris pour les non utilisés ou ceux par défaut (que vous pouvez choisir ou essayer pour certains utilisateurs dépendants de la plate-forme) et le point vert pour la disponibilité.

Si vous avez d'autres questions, n'hésitez pas à commenter ou à modifier votre question pour y répondre plus directement.

0
Erhan Yaşar