web-dev-qa-db-ja.com

閉じた一連のフィールドに基づくユーザー定義ヘッダーのグリッドビューを作成するためのGUI

ビジネスニーズは、ユーザーが作成したカスタムフィールドの値のグリッドを表示する機能です。

ビジネスニーズの例。 Microsoft Visual Studioを例にとります。 MVSには、アイテムのグリッドを表示するための閉じた一連のフィールドがあります。次のようなフィールド:

  • ID
  • 題名
  • 状態
  • に割り当てられた
  • タイプ
  • 作業項目タイプ

グリッドは次のようになります。

enter image description here

...私が設計する予定のGUIを使用して、ユーザーは独自のカスタムグリッドを作成できます。したがって、フィールドが3つしかないグリッドが必要だとします。

  • 件名= "タイトル" + "" + "(" + "州" + ")"
  • 開発者=「割り当て先」
  • 作業タイプ= "タイプ" + "" + "作業項目タイプ"

...そして、カスタマイズされたグリッドは次のようになります。

enter image description here

ご覧のとおり、これらのカスタムフィールドを作成するときに選択する製品フィールドの100%は、値のマッピングロジックが既に含まれている閉じたリストであり、そのロジックはカスタマイズできません。

まとめると:

  • ユーザーがカスタムフィールドの名前を決める
  • ユーザーがカスタムフィールドにマップするフィールドを決定(製品フィールドの連結をサポート)
  • ユーザーがカスタムフィールドの順序を決定する

ユーザーがカスタムフィールド名のテキストと連結フィールドセパレーターのテキストをドラッグアンドドロップ+入力できる一種のフィールドビルダーを想定していますが、このUIワイズを行う方法を閉じることはできません。

通常のフィールドセレクターは、2つのボックス(利用可能フィールドと選択フィールド)のように見え、フィールド間をボックス間で移動する左/右矢印と、選択フィールドの順序を決定する上/下矢印があります。

enter image description here

それは明らかに上記の要件をカバーしていませんが、ユーザーがそのタイプのカスタマイズUIにすでに慣れているので、私はそれを構築したいと思います。

上記の要件をカバーする適切なアイデアはありますか?

エンドユーザーは洗練されていますが、技術的なバックグラウンドはありません(エンドユーザーは銀行のディーリングルームのトレーダーです)。

5
Peled

まず第一に、私は仮定に非常に注意することをお勧めします。私の経験によると、優れた便利なテーブル/ツリーテーブルのカスタマイズアプローチを開発することはそれほど難しくありませんが、ユーザーはとにかくそれを無視する傾向があります。

この問題は、ライブラリをリアルタイムで切り替える機能を持つ列の事前定義セット(ライブラリ)を提供することで解決しました。 10人中9人のユーザーが満足しています。残りの10%は、利用可能なフィールドを確認するための「十分な時間がない」ため、単にカスタマイズを支援するように求めました。

例1

NDAのために実際のUIを表示することはできませんが、Balsamiqを使用してそれを復元しようとします。

重要なアイデア:

  • 列ライブラリ
  • 型付き値
  • 形式は、指定された値の文字列表現を取得するために使用されます
  • 属性のレジストリ
  • ユーザーはDnDを使用して列のコンテンツを定義します

enter image description here

いくつかの特殊なレンダラーを含むテーブルがビューとして使用されました。列ライブラリを再構成するのは非常に簡単な作業でしたが、standard(概要のみ)とlow-levelの2つの切り替え可能なライブラリを提供することにしました(詳細と技術的な洞察)。

初期のアルファスクリーンショットを表示できますが、全体的な複雑さを混同しないでください。優れた分析機能を持つネットワークスニファは、少し複雑に見える傾向があります:)

enter image description here

ご覧のとおり、カスタマイズされたテーブルビューが頻繁に使用されていました。

例2

Wireshark (はい、さらに別のスニファ)でも、カスタマイズを行うことができます。

enter image description here

このビデオを確認してください- 方法-Wiresharkトリックチュートリアル:カスタム列

率直に言って、私はテーブル(実際にはツリーテーブル)をカスタマイズするための新しい(そしてうまくいけば)アプローチを開発します。このタスクをすぐに完了できた場合は、別の回答として結果を公開します。

1
Renat Gilmanov

インターフェイスを根本的に変更することをお勧めします。

mockup

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

0
bendataclear

私がヘルスケアで働いていたとき、私たちはこの課題に直面しました。カスタムレポートビルダー。誰もそれを使用しませんでした。使いづらかったので。

私の提案は、いくつかの基本レポートをシステムにシードし、それらを編集可能にすることです(またはそれらの基本レポートを複製して、ユーザーが複製を編集できるようにする機能を提供します)。

Eラーニングでは、効果的な例を提供することを足場と呼びます。 彼らが自分自身で立つことができるようになるまで、彼らを役に立つ助けで支えてください。この場合、既存のレポートをカスタマイズしてレポートを作成するようにユーザーに指示します。

名前の変更とフィールド選択機能をサンプルレポートのUIに直接公開します。ラベルが編集可能であることを明確にします。列の追加、データソースの選択、列の削除を簡単にします。

あなたが提供しているのは実際の例であり、人々は白紙よりもはるかに使いやすいでしょう。 (誰もがエディターですが、ライターはほとんどいません。)

0
LindaCamillo