web-dev-qa-db-fra.com

Menu Paramètres GUI

Si heureux de trouver ce forum! Premier message ici, j'espère comprendre l'intention:

J'essaie de concevoir un menu Paramètres pour le contrôle HVAC et je ne peux pas vraiment comprendre le meilleur moyen de décrire les options disponibles de manière concise afin que le menu ait l'air élégant.

Il y a des astuces de coiffage évidemment que je pourrais utiliser pour que les choses soient un peu plus agréables initialement (comme l'indent droit des options [Dropdowns, des bascules, etc., et centrent les boutons en bas).

Au début, je pensais que c'était peut-être une bonne idée de les briser dans la catégorie, mais cela ne m'aime guère depuis presque chaque entrée est une catégorie différente. Vous trouverez ci-dessous ce qu'il ressemble actuellement:

enter image description here

Il est destiné à être deux réglages pour permettre une chaleur/refroidissement simultanée: alerte ou non (d'où un commutateur à bascule puisque je pense que ça a l'air plus propre)

Il existe également deux paramètres pour les unités (c ou f) pour que je ne puisse pas dire si une bascule ou une liste déroulante serait meilleure ici.

L'autre option de remplacement est:

2) "Attendez que la prochaine épreuve de point de consigne planifiée"

et les deux autres options pour la déconnexion des esclaves sont:

2) "Utilisez le dernier réglage"

3) "Ne rien faire d'autre que tentative de reconnexion"

J'ai réfléchi à aussi essayer d'affiner la description de chaque entrée à pas plus de 2 mots, mais incorporez également un bouton i--bouton (pour plus d'informations sur Hover), mais cela ne résout toujours pas les longues options de liste déroulante.

Impatient d'entendre toutes les pensées, merci!

1
Sterling Butters

Commutateur

Utilisez des commutateurs pour des valeurs booléennes lorsque quelque chose peut être activé/désactivé, actif/inactif, activé/désactivé, etc. Ne les utilisez pas pour deux valeurs non opposées.

Par exemple, l'option "Autoriser le chauffage/refroidissement simultané" montre les options "NO ou ALERT". Je suis sûr que cela signifie probablement " non " ou " Oui, mais soulevez une alerte à ce sujet , "Mais à première vue, ce ne sont pas évidemment des options opposées.

essayez à la place : Vous pouvez utiliser des boutons radio qui fourniront plus d'espace pour élaborer chaque option. Par exemple:

Autoriser le chauffage et le refroidissement simultané?
[.____] ⚫ Ne permettez pas de chauffage et de refroidissement simultané
[.____] ⚪ Autoriser le chauffage et le refroidissement simultané, mais aussi élever une alerte

Détails

Certaines options peuvent appeler une élaboration supplémentaire, et c'est bon. L'utilisateur doit comprendre aussi bien que possible quelles sont les implications pour ces paramètres.

essayez à la place : Les paramètres compliqués peuvent contenir des détails qui aident l'utilisateur à comprendre les impacts de leurs sélections. Par exemple:

Engagez automatiquement les périphériques de chauffage et de refroidissement pour répondre à un point de consigne?(⚪ )
[.____] Ce paramètre peut entraîner une utilisation légèrement plus élevée d'énergie, mais sera en mesure de maintenir le point de consigne choisi plus précisément.

Alignement

Fournir un peu plus de cohérence dans votre formulaire augmentera la lisibilité. Si l'utilisateur voit une structure cohérente, il sera beaucoup plus facile de numériser les éléments de la page sur lesquels ils sont concernés. Comme il est actuellement, il n'y a pas d'alignement discernable pour ces éléments d'entrée. L'œil de l'utilisateur est donc laissé pour traiter tous les éléments individuellement et ne peut pas compter sur la structure pour aider à prendre des raccourcis de traitement cognitif.

essayez à la place : aligner les descriptions de gauche avec leurs options à droite, OR Options d'indentation sur une ligne ci-dessous des descriptions. L'objectif principal ici n'est que la consistance structurelle pour aider l'utilisateur à traiter visuellement ce qu'ils voient.

2
maxathousand