トライステート制御オン/オフ/サスペンド
ユーザーがシステムの特定の機能をオン/オフに切り替えて制御できるようにするシステムのプロトタイプを作成しています。機能を制御するために、3つの状態の制御があります。
オン
off
中断された
オン/オフモードは問題ではありませんが、その一部は特定の状況で自動的にアクティブになる一時停止モードです。だから私の質問は：この種のツールを定義するための最良のユーザビリティ方法は何ですか？それはどのように見えるべきですか？ボタン？
現時点ではオン/オフスイッチですが、システムがサスペンドモードになっているかどうかを確認する必要があります。
オンとオフの状態が表示され、一時停止状態ではオン/オフの選択を無効にする必要があります。
以下は、最高のボタンではなく、スライダー（ラジオ）ボタンを使用した例ですが、一時停止状態のシナリオには適しているようです:)
次のような通常のボタンを使用して、同様の実装を行うことができます。
サスペンドコントロールは、オン/オフスイッチを制御しています。これがこの設計につながります。モックアップ1はオン状態を示し、モックアップ2はオフ状態を示し、モックアップ3は一時停止状態を示します。オンとオフの両方が使用されていません。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
最良の方法は、スイッチを一時停止モードにする場合、不透明度を下げ、ユーザーがスイッチを制御できないようにすることです。そして、あなたはオン/オフのための通常のトグルボタンを持つことができます。
最初に考慮すべきことは、電源をオン/オフするのにかかる時間です。詳細は指定していませんが（おそらくできない）、ユーザーが担当するサーバーのテーブルを、セルとして説明されたボタンと各行のサーバーとしてユーザーに表示するとします。
この場合、ボタンには2つの機能があります。これは、システムの状態を示し、その状態を変更する手段です。これは、状態を変更するアクションに数秒かかることを意味し、ボタンはそれを反映する必要があります。このようなアクションに最適なアフォーダンスはボタンです（@rkで言及されたスライダーを使用します。近い秒です）。送信ボタンを提案する可能性があるので、ラジオボタンは使用しません。
私の理想的な解決策は、状態表示機能と状態変更機能を分離することですが、それらを近づけておくことです。ここにモックアップがあります：
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
プログレスバーはスピナーに置き換えることができます。そしてもちろん、これはアイコンの方が優れていますが、アイコンはドメインによって異なります。
UIコントロールが非アクティブ化されている場合、一般的なUIパターンは淡色表示されます。適切な条件が満たされると、元のアクティブな状態と色に戻ります。