web-dev-qa-db-ja.com

読み取り専用モードでフィールドが空であることを示す最良の方法は何ですか?

多くのタブを表示するデータ集約型のアプリケーションを使用しています。これらのタブの内部には、関連するコンテンツを持つさまざまなパネルがあります。フォーム指向であるため、パネルには表示モードと編集モードがあり、表示されたコンテンツが入力フィールドに切り替えられます。ただし、一部のパネルでは、フィールドに入力する内容がありません。読み取りモードでフィールドにコンテンツがない場合は、空のスペースのみが表示されます。これを行う主な理由は、フィールドの追加と削除によってユーザーを混乱させないためです。

私の質問は、パネルに多くのフィールド(2-3)が含まれておらず、それらのフィールドの1つがチェックボックスである場合、空白だけを表示せずにフィールドが空であることをユーザーに示す最良の方法は何ですか?

mockup showing four panels - two with check box in unchecked state, two with it checked. for unchecked and checked, also shows panels in read and edit modes

3
Jason Frade

場合によります...

「データ集約型」の最大の課題の1つは、情報が確実に表示されるようにすることは、ユーザーがそのステップで達成しようとしていることに意味があることです。

したがって、まず、正しい情報と正しい非情報があることを確認してください。つまり、このステップで示されていない情報も意味があり、そこにないことが予想されます。 (理にかなっていますか?)

上に示した簡単な例を使用して質問に答えるには、could次のいずれかを実行しますが、繰り返しになりますが、タスクシナリオ:

  1. 何も表示しません。しかし、実際に何も意味せず、すべてのユーザーが相互に理解しているものだけを意味します。
  2. 何も言わない。入力フィールドが空白のままにされていることをユーザーに伝えるテキストを表示します。たとえば、「なし」または「意図的に空白のまま」-ただし、単語が何かを意味しない場合のみ意味するものではありません。
  3. ビジュアルキューを使用します。これが頻繁に発生する場合は、同じグラフィックを使用して、同じ状況を示すことができます(たとえば、入力ボックスがグレー表示されているなど)。データポイントが自動的に表示されるか、他の場所から取り込まれるかを変更します。

今のところ、これが頭上にあると思います。繰り返しになりますが、これらすべては、実際の情報が何であるか、およびユーザーが行動または認知的にそれと対話することを期待する方法に依存します。

追伸チェックボックスについては、有効/無効またはオン/オフを使用できますが、これらのコントロールが不適切に使用される頻度が高いため、これを強調することはできません。

2
Karen TL

シンプルな --は、テキスト/数値のエントリのみが許可されていることをユーザーが知っている場合に十分です。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

1
rk.