web-dev-qa-db-fra.com

Les options extensibles doivent-elles allonger la page ou doit-on leur laisser de l'espace?

Je travaille sur une page de type de paramètres dans un portail Web.

La plupart des options sont assez simples, donc les sections sont assez petites (je publierais une photo si j'avais la réputation requise), mais j'ai des options avancées pour chaque section. J'aimerais rendre ces options extensibles, mais je me demande s'il est casher de développer la section et d'allonger la page, ou si je dois laisser un espace vide pour remplir les options lorsqu'elles sont développées.

Certaines sections ont déjà un espace vide que je pourrais remplir avec des options étendues, mais certaines sont très minces, comme:


SQL [x] cloud [] local


Donc, si je laisse de l'espace pour les options, je vais devoir agrandir cette section, laissant beaucoup d'espace blanc. Vous vous demandez quelle est la meilleure pratique?


EDIT: Voici la page sur laquelle je travaille:

enter image description here

Dans la section Fichiers et dossiers, si vous voyez l'étiquette "avancée" avec les options en dessous, c'est à cela que je fais référence. Le truc de planification à droite est ce que j'aimerais voir apparaître ou développer, et je dois également inclure ces options pour SQL et Exchange.

À votre santé

5
Meredith Emily

Je penserais vraiment à la raison pour laquelle ces options pourraient être "avancées" et à moins qu'elles ne déroutent les utilisateurs normaux, j'éviterais de les cacher.

Il pourrait être plus simple du point de vue de la conception et du développement d'exposer ces éléments aux côtés des options "simples". Faites ressortir les options de base par rapport à la conception. Il va y avoir beaucoup d'interactions à considérer si quelqu'un fait des choix et doit ouvrir/fermer/attendre la fin des animations. Et si ces options sont dangereuses pour votre utilisateur type, collez-les TOUS sur une version d'options avancées de la page. Réduisez js lorsque vous le pouvez.

En fin de compte, évitez les espaces blancs et conservez toutes les animations très rapidement. Si votre utilisateur "typique" ne va pas utiliser ces options, l'espace blanc sera une distraction pour chacun d'entre eux et c'est une utilisation inefficace de l'espace de la page. Vous pouvez également vous rencontrer un peu à mi-chemin - un rembourrage supplémentaire des espaces blancs et puis lors de l'activation, il n'y a qu'une légère poussée.

5
Jayson

Je développerais la page au besoin. Exposer ou cacher les divs (ou comme bon vous semble). Cette pratique est un peu comme entrer dans un buffet; vous obtenez seulement ce que vous voulez. Le même principe s'applique ici. Je ne forcerais pas un espace blanc sur un utilisateur pour avoir de la place pour ce qui pourrait être exposé. Mais il y a une multitude de choses à considérer et Jayson a certainement soulevé de bons points.

2
Isaiah Nelson

J'essaie d'utiliser des listes/combos, lorsque le nombre d'options diffère.

  • sélection unique pour un comportement semblable à un bouton radio.
  • multi-sélection pour un comportement de type case à cocher.

Ils peuvent avoir une taille fixe et des barres de défilement.

1
K..