web-dev-qa-db-fra.com

Meilleure mise en page de l'interface utilisateur pour le scénario?

enter image description hereenter image description here Nous avons des éléments et des paramètres pour eux. Tous les réglages effectués affecteront l'élément sélectionné (case à cocher). Maintenant, quelle est la meilleure façon de les afficher sur la mise en page de l'interface utilisateur. Fractionner l'écran horizontalement ou verticalement est une bonne pratique?

REMARQUE: Cet écran est une fenêtre modale !!

Toutes les suggestions sont les bienvenues .. heureux de fournir plus d'informations si nécessaire.

1
Sunil kv

J'irais pour le premier, la division horizontale bien que ce soit un paramètre de mise en page inhabituel. J'associe normalement la barre latérale gauche à des fonctions de navigation ou de filtrage. À première vue sans lecture, je pensais que votre volet gauche est utilisé pour filtrer le contenu à droite (Paramètres), probablement en raison de mon modèle mental de volet latéral.

J'ai proposé une solution alternative pour votre référence.

Solutions alternatives

mockup

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

Les utilisateurs sont plus habitués à lire de haut en bas. Le flux d'informations a également un peu plus de sens ici. Puisqu'il s'agit d'une fenêtre modale, la succession des écrans est très cruciale. En ayant la boîte de sélection dans les paramètres, vous devez faire défiler un seul volet au lieu de deux.

1
adamsoh

Je suggère que ce soit une liste déroulante à sélection multiple en haut des paramètres, intitulée (veuillez sélectionner les éléments auxquels appliquer les paramètres) ou quelque chose comme ça.

mais cela dépend également du nombre d'articles que vous sélectionnez en moyenne. et les paramètres changent-ils en fonction des éléments sélectionnés ou non

0
Basem