web-dev-qa-db-ja.com

ツリーテーブル内の列の移動は、UXにとって自動的に悪いのですか?

ユーザーが列を任意にグループ化できるツリーテーブルがあります。グループ化された列を、ツリーコントロールのすぐ隣のテーブルの前面に移動するのは、悪いUXですか?列を複製し、ツリーコントロールを使用して列グループの下に配置し、元の列をそのままの位置に置いたほうが理想的でしょうか。

したがって、シナリオはツリーテーブルの開始状態であり、ユーザーが「Cでグループ化」し、プログラムの背後で列をツリーコントロールの横に移動します。これは最小サプライズですか?

mockup

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

驚いたら、どうなると思いますか?

9

それには何も問題はなく、実際にそれを行うのは良い考えです。 clearこの列が他の列とは異なる視覚的な手がかり、つまりヘッダー行のアイコンだけでなく、列全体の異なる背景色のような手がかりを提供することを意味します。

また、グループ化のレベルが1つしかない場合にのみ十分です。つまり、ユーザーが「名前、次に日付、次に件名でグループ化」と言うことはできません。複数のレベルのグループ化を許可する場合は、順序を伝える明確な方法が必要です。これがOutlookのアプローチです。

enter image description here

2

興味深い質問です。テーブルの列の動的なレンダリングがどのように行われるかを確認することに本当に興味があります。

とは言っても、私があなたの実装を見ると、きっと驚かれることでしょう。

  1. 予期しない動作になる
  2. 通常、テーブルの列ヘッダーを定常に関連付け、テーブルの行の情報が何に関連するかを参照するためのポイントとして使用します。ただし、列「C」を「グループ化」に移動すると、接続を確立するのに役立つ場合があります最初に接続を完全に確立していない人は、データがCによってグループ化されていることを理解するのに苦労するでしょう。
  3. もう1つの混乱のポイントは、CがAおよびB(他の列)にどのように関係するかということです。

これは、コラムが動き回っているという見方だけで私を混乱させるものです。ただし、考慮する必要があるもう1つのことは、常にテーブルを再レンダリングする(ページを更新せずにテーブルを再レンダリングすることを想定している)が、すべての列のページを更新する場合でも、発生する可能性のある遅延動作の範囲です。再注文すると、更新によってユーザーが不快になり、以前の状態からの変更点についても混乱する可能性があります

1
Mervin

これをインタラクティブなプロトタイプとしてモックアップするのは、努力する価値があります。

それがなければ、ソートコントロールがテーブルヘッダーであるとしたら、そうだと思います。 (私が好きだったものが突然別の場所に移動したため)ただし、並べ替えの原因となるメニューなどの個別のコントロールがある場合、説明したとおりにテーブルが大幅に変更される可能性があり、それほど悪くはないでしょう。神は細部にいます。

0
gmdavisUX

列が最小限に維持され、ユーザーが列にマウスオーバーしたときにカーソルが+ポインターになるようにヒントを付けることができればよいでしょう。

0
Basheer