web-dev-qa-db-ja.com

GUI設定メニュー

このフォーラムを見つけてとても幸せです!ここに最初の投稿、意図を理解してほしい:

私はHVACコントロールの設定メニューを設計しようとしていますが、メニューが滑らかに見えるように使用可能なオプションを簡潔に表現するための最良の方法が本当にわかりません。

最初に物事を少し見栄えよくするために使用できる明らかにいくつかのスタイリングトリックがあります(オプション[ドロップダウン、トグルなど]を右インデントし、ボタンを下部に中央揃えするなど)。

最初はカテゴリに分類することをお勧めしますが、ほとんどすべてのエントリが異なるカテゴリであるため、ほとんど役に立ちません。以下は、現在の状態です。

enter image description here

同時加熱/冷却を可能にするための2つの設定があることを意図しています:アラートまたはいいえ(したがって、見た目がすっきりしていると思うのでトグルスイッチ)

また、単位(CまたはF)には2つの設定があるため、ここではトグルとドロップダウンのどちらが優れているかわかりません。

オーバーライドのその他のオプションは次のとおりです。

2)「次のスケジュールされた設定値イベントまで待つ」

スレーブ切断のその他の2つのオプションは次のとおりです。

2)「最後の設定を使用」

3)「再接続を試みる以外に何もしない」

また、各エントリの説明を2ワード以内に絞り込もうと考え、さらにi- button(ホバーに関する情報)も組み込んでみましたが、これでも長いドロップダウンオプションは解決されません。

すべての考えを聞いてくれてありがとう、ありがとう!

1

スイッチ類

ブール値のスイッチは、オン/オフ、アクティブ/非アクティブ、有効/無効などを切り替えることができる場合に使用します。2つの反対でない値には使用しないでください。

たとえば、[同時加熱/冷却を許可]オプションは、[いいえまたはアラート]オプションを表示します。これはおそらく「いいえ」または「はい」を意味していると確信していますが、それについての警告を発します」と表示されますが、一見すると、これらは明らかに反対のオプションではありません。

代わりに試す:ラジオボタンを使用して、各オプションを詳しく説明するためのスペースを増やすことができます。例えば:

同時の加熱と冷却を許可しますか?
⚫加熱と冷却を同時に行わないでください
⚪加熱と冷却を同時に行うことができますが、警告も発します

細部

いくつかのオプションは追加の詳細を要求するかもしれません、そしてそれは大丈夫です。ユーザーは、これらの設定にどのような影響があるかをできるだけ理解する必要があります。

代わりに試す:複雑な設定には、ユーザーが選択の影響を理解するのに役立つ詳細を含めることができます。例えば:

設定値を満たすために自動的に加熱装置と冷却装置を使用しますか?(⚪ )
この設定により、エネルギー使用量がわずかに高くなる可能性がありますが、選択した設定点をより正確に維持できます。

整列

フォームにもう少し一貫性を持たせると、読みやすくなります。ユーザーが一貫した構造を見ると、関心のあるページの要素を目で確認するのがはるかに簡単になります。現在のように、これらの入力要素には識別可能な配置がないため、ユーザーはすべての要素を個別に処理することに専念しており、認知処理のショートカットを取るために構造に依存することはできません。

代わりに試してください説明を左側のオプションと右側のオプションに揃え、OR説明の下の行にオプションをインデントします。ここでの主な焦点は、単に構造上の一貫性を保つことです。ユーザーが見ているものを視覚的に処理する。

2
maxathousand