web-dev-qa-db-ja.com

マスター詳細ビューの2つのツールバー

データのマスター詳細ビューに基づいたアプリケーションの新しいバージョンを作成しています。したがって、基本的には上部にレコードのリストがあり、下部に選択したレコードに関する詳細情報があります。

残念ながら、詳細ビューに別のリストがある場合があります。ユーザーは、両方のリストのレコードを作成/編集/削除したり、他のアクションを使用したりできます。したがって、アプリの現在のバージョンには、各リストに1つずつ、2つのツールバーがあります。これが現在のアプリの簡単なスケッチです: quick sketch

これらの「詳細」リストを削除することはできません。同じ機能を維持する必要があります。これらの2つのツールバーは、ユーザーを混乱させるため、削除したいと考えています。インラインコントロールや、フォーカスに応じて1つのリストから別のリストにスライドするツールバーなどのアイデアがありますが、理想的な解決策はないようです。

誰かがそのような問題に遭遇しましたか?誰か提案はありますか?

1
andrle

現在から選択したものを区別

アクション用にマークされたコンテンツを、マスターレコードとしてマークされたコンテンツから分離する必要があります。つまり、selectedコンテンツをcurrentレコードから機能的および視覚的に区別する必要があります。現在のレコードは、詳細リストのマスターレコードです。特定のマスターリストには、常に正確に1つの現在のレコードがあります。選択されたコンテンツは、ユーザーがアクションのために明示的にハイライトしたものです。マスターレコードまたは詳細レコードの場合があります。複数選択をサポートしている場合(そうする必要があります)、リスト内の複数のレコードである場合があります。それはレコードではなく、レコード内のフィールドまたはフィールドの一部(テキストボックス内のテキストを強調表示するなど)であり、インプレース編集をサポートしている(必要があります)。多分それは偶数 複数のフィールド です。何も選択されていない可能性があります(ユーザーがテキストフィールドに入力しているときなど)。

何が選択されているか、何が選択されているか、または何も選択されていない場合でも、マスターリストごとに常に現在のレコードが1つだけ存在します。ある必要があります–常に詳細リストを表示しているため、それが属しているものを常に表示する必要があります。これは、ユーザーにとってさらに面倒なことであっても、選択された現在の機能と視覚を分離する必要がある理由です。多くの場合、選択されたレコードは現在のレコードですが、そうである必要はありません。

メニューは選択したものに作用します

自明ではありませんが、現在の選択から選択を分離することで問題も解決します。 1つのメニューがあり、選択したコンテンツ(選択したコンテンツの定義)を操作します。現在のレコードは無関係です。たとえば、ユーザーは同じ[コピー]メニュー項目を使用して、1つ以上のマスターレコード、1つ以上の詳細レコード、またはテキストボックスからの1つ以上の文字、および1つ以上のフィールドをコピーできます。重要なのは、何を選択するかです。

(ちなみに、フィルタリングなど、リスト全体のビューのコマンドについては、doリストごとに個別のメニューを用意することをお勧めします。これは、メニュー項目に、たとえば、何がフィルタリングされているかを表示し、ユーザーはいつでもこれらを表示できるはずです)。

現在および選択済みのUI

視覚的には、選択したコンテンツを強調表示(反転ビデオや網掛けなど)で示し、現在のレコードを左マージンのマーカーで示すことができます。

enter image description here

現在のレコードの周りに点線のボックスを含めることもできます。これは、キーボードの使用時にリストボックスがフォーカスのあるアイテムを示す方法と一致しています(特に、インプレイス編集がない場合、現在のレコードはアイテムです)。マスターリストにフォーカスがあります)。

機能的には、ユーザーはマスターレコードの任意の場所をクリックして(たとえば、レコードのチェックボックスをクリックしたり、テキストボックスをクリックして編集したりして)、現在のレコードを設定します。マスターレコードは、ユーザーが最後にクリックしたレコードマスターリスト内です。デフォルトでは、リストの最初のレコードです。インプレイス編集がない場合、選択されたレコードは、ユーザーがどちらかリストから最後にクリックしたレコードです。編集を行っている場合は、レコード全体の選択とフォーカスの設定またはwithinレコードの選択(たとえば、テキストボックスからテキストをコピーするため)を機能的に区別する必要があります。レコード全体のアクションを処理するには、左マージンに「 オブジェクトコントロール 」をお勧めします。

0

詳細リストを編集/操作するときに、マスターセクションを常に表示する必要がありますか?プログレッシブ開示について考えてみましょう。最初にマスターからアイテムを選択し、次に詳細を含む新しいページを開く/スライドします。詳細を詳細に表示するのに十分なスペースがあります。そのため、マスターリストは1ステップ/クリックするだけで(戻る)、画面スペースをより有効に活用できます。ボタンは正しいコンテキストでのみ表示されるため、アクションボタンがさらに明確になるはずです。したがって、最初の行の「新規」と詳細アクションの「新規」を混同することはできません。 (情報のにおいを考えて、私は削除を探しています、そして私に私の目的をもたらすと思われる最初のものは、このボタンの最初の出現かもしれません)。

お役に立てれば

0