web-dev-qa-db-ja.com

ロックおよびロック解除されたコントロールのあるフォーム

フォームがあるアプリケーションを継承しました。

開いて、ロック解除状態のようです

enter image description here

南京錠のトグルボタンをクリックすると、フォームは次のようになります enter image description here

上位置と下位置の矢印はアクティブなコントロール領域で、クリックするとナイフの描画が上と下に移動します。これは、「ベルトの上」のテキストにも反映されています。

南京錠ボタンがロックするのはそれらの矢印だけです。非アクティブになると赤くなり、何もしません。

質問:

  1. 上下に移動できる唯一のツールタイプは、ナイフとペンです。ロックコントロールをそれぞれのタブに配置することは有益ですか?

  2. 矢印の機能を使用できないと言うために、矢印を赤にすることは最良の解決策ですか?私にとっては、黒(アクティブなときに使用)よりも「鮮やかな」色のように見えます。それともそれらをまったく見せていませんか?しかし、これはユーザーにナイフとペンツールに「上に移動」/「下に移動」機能がないことを誤解させる可能性があります。これは誤りです!

  3. 南京錠ボタンは、2つの状態を持つトグルボタンの古い問題に悩まされています。この状態では、現在の状態がどこにあるか、またはクリックしたときに実行されるコマンドがわかりません(このドキュメントを共有してください)。私はそれにラベルを追加するように命じられましたが、それは十分ではないようです。状態に応じて動的にラベリングを行うと、「視覚的慣性」(小さな不快感)の原則に違反します。
    チェックボックスに変更して、アイコンのグラフィックの美しさを失う方がよいでしょうか?
    私がこの時点で説明した問題が解決されると思う最良の方法は、Androidのようにトグルスイッチコントロールを使用することです。アプリケーションはMFC/Microsoft Visual C++を介して構築されているため、 、私が知る限りでは、このタイプのスイッチは利用できません。これについてもっと知っている人がいたら、知識の共有に感謝します。

  4. 南京錠のロックは矢印だけなので、矢印に近いほうがいいのではないでしょうか。矢印の近くに置くと、別の問題が発生します。パッドロックは1組の矢印にしか近づきませんが、実際には2組の矢印がブロックされます。すべての矢印を閉じることによって2つのペアをロックしているように見えるコントロールをどのように配置できますか?

[〜#〜]更新[〜#〜]

  • 優先度の高いことをした後、私はここに戻りました。コードを見ると、「ロック」ボタンでは何もロックされていないことがわかりました。それが実際に行うことは、矢印が押されるたびに移動する量のステップを変更することです!さらに奇妙なことに、赤い矢印モードは黒い矢印モードよりも動きが遅いです!
3
sergiol

上下に移動できるツールタイプは、ナイフとペンだけです。ロックコントロールをそれぞれのタブに配置することは有益ですか?

「グループに関連するコントロールを一緒にグループ化する」の原則については、ここでは「はい」と言いますが、タブ内のロックの配置は一貫している必要があります。現在の位置にある「ロック」アイコンは、タブ全体(またはフォーム全体)をロックすることを示しています。

(特にこれらのコントロールをロック可能にする必要がある理由は明確ではありません。その理由がある場合、UIはその理由を伝える必要があります。)

矢印の機能を使用できないと言うために、矢印を赤にすることは最良の解決策ですか?

絶対違う。

ここでの最初の問題は、これらの矢印がインタラクティブであることはまったく明らかではないということです。イラストの一部のようです。フォーム内のコントロールは、標準の古いボーダー付きのWindows UIボタンと、これらの矢印のような絵のようなコントロールと、「切断速度」セクションで行われていることの間で分割されます。ユーザーが使い慣れている場合はイラストをそのまま使用しますが、インタラクティブコントロールを標準のUIボタンとスライダーに切り替えます。そして、その比喩に沿って、彼らは「薄暗くなった手段を無効にする」というユビキタスな慣習に従うべきです。

南京錠ボタン[...]表示されている図面が現在の状態またはクリックしたときに実行されるコマンドの場所がわからない

説明する問題はトグルスイッチに共通ですが、南京錠は物理オブジェクトを表すため、現在の状態を示す必要があります。ロックされた南京錠は現在ロックされていることを示し、開いている南京錠は現在ロックされていないことを意味します。たとえば、OS Xのように、一般的な使用法はこれを反映しています。

enter image description here

サポートテキストを追加することには何の問題もありませんが(OS Xの場合も同様です)、それが必要かどうかはわかりません。これらの「矢印」ボタンを#1から標準の「無効なときに淡色表示」に変更すると、淡色表示の状態もロック状態を示すため、これがさらに強化されます。

[ロック]をチェックボックスに変更した方がいいですか

番号;それはあまり明確ではありません。

南京錠のロックは矢印だけなので、矢印に近いほうがいいのではないでしょうか。

一般的にはそうですが、もちろん、コントロールサーフェスのその部分を再配置して、スペースを確保する必要があります。また、同様に誤解を招く可能性があるため、南京錠と矢印のセットを密接に関連付けないように注意する必要があります。

ちょっと汚い可能性があります(ここでハックジョブを実行しましたが、両方の画像で南京錠を「よく」グループ化していることに注意してください。右側のスライダーコントロールをよくグループ化しているのと同様です)。

enter image description here

ロックボタンは何もロックしません。それが実際に行うことは、矢印が押されるたびに移動する量のステップを変更することです!

まあ、それは単なるバグです。使いやすさをあまり気にしなかった開発者の中には、急いでいた人もいます。

(あなたが言及していないこのフォームには、他にも明らかなレイアウトと使いやすさの問題があります-ただハイライトを打つために、タブとコントロールの間のギャップが大きすぎて、テキストが中央のブロックでオーバーラップしていますis ... not good。「切断速度」の下の画像が何を表しているのか私にはわかりません-左側の三角形のものがスライダーであるはずの場合は、通常のフォームコントロールに変更してください。グラフィックここでのコミュニケーションにはまったく貢献していません。)

1
Daniel Beck
  1. はい、ウィンドウ全体をロックできるアプリケーションの他の部分(現在または将来のリリース)がない限り、混乱させずに両方を行う方法を考え出す必要があります。

  2. 彼らが、アクティブ状態で通常の色を使用して無効状態でグレー表示するという通常の規則ではなく、非アクティブ状態を強調表示することを選択したことは興味深いと思います。ただし、ユーザーがこのパターンに慣れている場合は、変更することはお勧めできません。

  3. これはトグルボタンの一般的な問題であり、ベストプラクティスに関するこれまでの多くの質問と回答があります。要約すると、状態をアクションと組み合わせないでください(つまり、アクションとしてロックし、状態としてロック解除します)。したがって、それらを分離してラベルを適切に適用すれば、問題にはなりません。ラベル付きのボタンをアクションとして使用し、代わりに南京錠の記号をステータスインジケータとして使用することをお勧めします。トグルスイッチをデスクトップアプリケーションで使用するのは少し面倒かもしれませんが、同じ原理を適用してラベルと状態インジケーターを設計する必要があります。

  4. インターフェイス全体を再配置しようとするのではなく(おそらくこれをタブ全体のオーバーホールのために保存します)、おそらく別の方法として、ロック機能のラベルに詳細情報を追加して(たとえば、ロックナイフの位置)、それを再配置する必要はありませんし、それが何をするかについて混乱はありません。

1
Michael Lai