UI Design boutons radio désactivés

Question

J'ai une interface HTML développée en utilisant les suspects habituels et j'ai une liste de cases à cocher, qui sont des segments/groupes sur lesquels l'utilisateur peut exécuter un rapport. Ces segments doivent être créés sur le serveur, de sorte qu'ils ne seront généralement pas disponibles avant le lendemain après leur création. Mon problème est que j'ai besoin d'une manière gracieuse pour montrer le fait que certains d'entre eux peuvent ne pas être utilisables/prêts et ne peuvent pas être utilisés. Quelques idées que j'ai eu 1) Désactivez la case à cocher 2) Désactivez la case à cocher et placez une chaîne (- Non traitée/Non disponible par la suite) et changez la couleur du texte en autre chose. 3) Afficher d'abord les cases à cocher utilisables, puis avoir une chaîne comme --- Non disponible ---, puis afficher les cases à cocher indisponibles. Cela semble être la meilleure option, mais j'ai une zone de texte qui filtre les éléments, et ce code devrait être modifié, pas un énorme travail.

Je n'ai pas beaucoup d'espace sur la page, donc une autre liste n'est pas vraiment une option.

des suggestions/idées seraient appréciées.

Cordialement

John

Answer 1

Si vous avez des choses visuelles UI que vous voulez des conseils sur je vous suggère de nous donner une capture d'écran de la façon dont il regarde le moment. Il est très difficile de dire ce qui sera le mieux en termes d'interface utilisateur sans voir le reste de l'interface utilisateur. Vous pouvez toujours effacer quelque chose de sensible ou changer les choses à Lorem Ipsum pour une capture d'écran.

Personnellement, je suggère d'essayer tous les trois et de voir ce qui a l'air le mieux. Peut-être attrapez-vous un collègue ou un ami au hasard (selon le contexte du projet) et demandez-leur de l'essayer et de voir ce qui leur semble le plus logique.

Je pense que 3 sons comme la meilleure option pour moi, mais il est vraiment très usbjective et sensible au contexte.

Answer 2

Si les cases suivent un ordre, je pense que l'option 2) est la meilleure, toutes les options devraient être le même ordre, même si indisponible ...