web-dev-qa-db-ja.com

空のスペースを非表示にして無効にしてから再配布する

〜12個のタブを持つ複雑なUIフォームダイアログがあり、何が最適かを判断したい:

  1. 有効化/無効化(グレー表示)フィールド-従来の規則
  2. 必要でない場合は非表示/表示-混乱を招く可能性があります+ジャンプGUI
  3. 非表示にしてから、「空の」スペースをヒントで表示し、何かが隠されていることを示します-のような2.しかし、ジャンプするGUIはなく、より明白です

このフィドルの例 が表示されます。 1.はオプションB2.はオプションCおよび3.は、この例ではオプションAです。

ここでのベストプラクティスは何でしょうか?

(私はこのトピックについて多くの同様の議論を読みましたが、私の質問は少し異なっています/実際的な性質のものです)。

編集:答えが簡単ではない場合、おそらく、よりユーザーフレンドリー/直感的/簡単であると思われるものについての意見はありますか?

EDIT2:いくつかの素敵な回答を持つ最も類似した質問は フォームオプションを非表示または無効にする および 非表示にしない)またはメニュー項目を無効にする

最終編集:回答はありますが、[〜#〜]理由[〜#〜]についての説明ここで読むことができます: Androidデザインパターン->設定->依存関係Dependencyに移動します)。

6
lzdt

残念ながら、黄金律については聞いていません。誰かが研究を知っていたら素晴らしいでしょう。いくつかの考えと私の経験:

  1. ユーザーは、有効にする/表示する親フィールドを経由せずに、単に「子」フィールドにアクセスすることに関心がありますか? 「はい」の場合、フィールドを非表示にするよりも、オプションが利用可能であることをユーザーが認識するのがより困難になる可能性があります。また、ユーザーはCTRL + F(ブラウザーアプリであると想定)を実行してもオプションを検索できません。画面に多くのオプションがある場合、検索が機能するのに非常に役立ちます。
  2. 同じ画面に多くのオプションがある場合は、それらをさらにグループ化して混乱を最小限に抑えることができます。たとえば、関連するフィールドを明らかにするグループ名でアコーディオンを表示できます。
  3. フィールドが無効になっている場合、何が有効になっているかが常に明らかであるとは限らないため、フィールドの関係が視覚的に明確になるように注意する必要があります。インデントは関係を示すために使用される場合がありますが、フィールドの数が多いと画面がかなり乱雑に見える可能性があります。また、フィールドが整列しないため、左側のテキストをスキャンすることが難しくなります。フィールドを無効な状態にするには、フィールドを有効にするために追加のクリックが必要になるため、おそらくデフォルトで有効にでき、ユーザーが編集またはチェックすると、親も自動的に有効になります。たとえば、「花」、「カード」の子を持つ「プレゼントを送る」オプションがある場合、「カード」をクリックすると「プレゼントを送る」が有効になります。
  4. ユーザーが達成しようとしているトップのタスクとは何かを検討し、関連フィールドを公開します。残りのフィールドは、「詳細」オプションの下に配置される可能性があります。
2
Anna Rouben

私はこの決定を下すために常に次のルールを採用しました:

  1. 現在の画面/ページ/ウィンドウでのアクションによってフィールドの可用性が変更される場合は、値/入力の変更に応じて、フィールドを無効/有効にする必要があります。

  2. 現在の画面/ページ/ウィンドウでアクションを実行してもフィールドが使用できない場合は、フィールドを非表示にする必要があります。

  3. フィールドの情報が編集できないにもかかわらずユーザーにとって有用である場合、それは「表示フィールド」である必要があります。

3番目の例のような「ジャンプGUI」は、ユーザーにとって耳障りで当惑するものです。物事を移動する必要がある場合は、アニメーションを使用して、アクティビティをユーザーに明確に伝えます。

10
mawcsco

可能であれば、グループ化を考え直して、12個のタブから数を減らすようにしてください。

これは段階的なプロセスの一部ですか? (セットアップ、プロファイルの作成など)その場合、3は合計ステップ数の点で魔法の数だと思います。 3にスリム化するには、「このデータが本当に必要ですか?」または「今、本当にこのデータが必要ですか(ユーザーがなぜそれを要求しているのか理解しているときに、より適切なタイミングでそれを要求できますか?」)。

これが段階的なプロセスの一部でない場合は、ユーザーが理解できるアクション(スケジュール、呼び出し、削除など)に基づいてタブをグループ化してください。次に、各セクションで、ほとんどの場合に必要となるオプション(1〜4個など)のみを表示し、「詳細」と呼ばれるボタンを押して、すべてを詰め込み、そのボタンの後ろにキッチンシンクを配置します。

一般に、シンプルさが最も重要です。 14は単純な見た目ではありません。各タブの内部に膨大なオプションがある各タブも単純な見た目ではありません。最初から、アプリケーションが90%の確率で機能しなくなるまでオプションを削除し続け、可能な限り多くのデッドスペースを備えた残りのHIGHLY USEDオプションを提示し、残りの大部分のオプションを詳細ボタンの後ろに表示します

2