2

私が取り組んでいるアプリケーションには、表形式のデータがあります (記録としては、を使用した Java Swing アプリですJTables)。場合によっては、列ヘッダーをクリックしてデータを並べ替えることができます。私が知りたいのは、特定の列がソート可能かどうかをユーザーに示す良い方法は何ですか?

私は次の可能性を思いつきました。

1) ソート可能な各列に、ソート可能であることを示すアイコンを配置します。私は個人的にこのオプションが好きではありません。

2) ソート可能であることを示すためにヘッダーの上にカーソルを置いたときに、マウス カーソルを別のものに変更します。

3) 列の上にカーソルを置いたときに、並べ替え可能であることを示すメモをツールチップ テキストに入れます。

他に提案はありますか？

アップデート：

説明が必要だと思います。私の質問は、特定の列が現在ソートされていることをどのように示すかではありません。これは、上/下のソート三角形パラダイムを介して既に実装されています。ユーザーがヘッダーをクリックして並べ替える前に、どの列を並べ替えることができるかについての手がかりをユーザーに提供したいと考えています。

更新 2: オプション 1 に完全に同意できない理由を説明する必要があると思います。並べ替え可能な列を示すアイコンを配置すると、視覚的な混乱が増すように思えます。そのような場合、「マウスオーバー」でUIが変わることがあります。適切な例: Windows Vista および 7 では、列にフィルターを追加できますが、マウスでヘッダーにカーソルを合わせるまで、このインジケーターは表示されません。

4

7 に答える 7

6

UI を扱うときは、ユーザーが何を期待するかを考えなければなりません。ほとんどの場合、ユーザーが期待するパラダイムを維持することをお勧めします。したがって、オプション 1 のバージョンをお勧めします)

RememberME の投稿では、これがどのように機能するかを説明しています - 列ヘッダーで矢印を引き続き使用できます - 1 つのオプションは、ヘッダーに矢印アイコンを配置することですが、並べ替えられている場合はそのアイコンの状態を変更します (たとえば、上または下のボタンを強調表示するデータセットは現在、この列でソートされています。)

編集: Windows エクスプローラーの例は、ここでの最良の例ではない可能性があります。以下に引用した私の原文：

Windows エクスプローラーとほとんどすべてのフォーム データグリッドには、列が並べ替え可能であることを示す小さなアイコン (通常は上矢印または下矢印) があります。Windows Explorer を試して、これがどのように機能するかを確認してください。

于 2010-03-03T22:11:56.850 に答える
2

多くのアプリでは、三角形はソート可能であることを示しているため、ユーザーに情報を伝える最良の方法だと思います。これは、ユーザーがよく知っている可能性が高い標準です。

DataTables.Netの jquery プラグインが良い例だと思います。その外観/機能が気に入るかどうかを見て、エミュレートすることができます。上と下の両方がソート可能であることを示します。いずれかがソートされていることを示します。それらの列がソート可能でない場合、アイコンはまったくありません。彼らの例では、ヘッダーをクリックできることを示すために、ポインターを矢印から手のポインターに変更しています。

于 2010-03-03T22:10:49.627 に答える
0

標準的な方法は基本的にオプション1だと思います。最初に並べ替えられたデータを上向きまたは下向き（昇順/降順）の小さな矢印で表示するか、列ヘッダーがクリックされるとすぐにアイコンを並べ替え+表示します。

于 2010-03-03T22:10:34.853 に答える
0

列見出しの下に小さな矢印または三角形のアイコンがあり、クリックしてその列で並べ替えることができるのは、視覚的に見やすく、非常に直感的に使用できるため、最良のオプションだと思います.

于 2010-03-03T22:11:16.320 に答える
0

デスクトップ アプリケーションや Web ページの並べ替え可能なテーブル ビューでは、小さな三角形の上下の並べ替えアイコンがほぼ標準です。あなたはそれらを好まないかもしれませんが、ユーザーはおそらくそれらに慣れています (たとえ彼らが気付いていなくても)。

もちろん、クリック可能な要素の上でマウス カーソルを変更する必要があります。

于 2010-03-03T22:11:44.367 に答える
0

クリック可能なものは常に 2 にする必要があります。

番号 1 は悪くありません。通常、並べ替え順序に応じて上または下を指す三角形です。

クリック可能であることを示すために、並べ替え可能な列には青色の下線付きのテキストを使用し、並べ替え不可能な列には暗い灰色のプレーン テキストを使用することもできます。http リンクの外観は、事実上すべてのユーザーによく知られているデバイスですが、並べ替え可能性自体はわかりません。むしろ、ハイパーリンクが通常行うように、ユーザーはそれをクリックして別の画面またはリストに移動することを期待している可能性があります。

于 2010-03-03T22:11:46.163 に答える
-2

私は少し密集しているかもしれませんが、どのような種類の列がソートできませんか?

ほとんど何でも並べ替えることができます。厳密な「より大きい」関係がなくても、少なくとも「等しい」という関係があり、並べ替えは単に「等しいものをまとめる」ことを意味します。

弦？アルファベット順にしてみてください。画像？赤、緑、青のパーセンテージで並べ替えます (または、見栄えを良くしたい場合は、色のヒストグラムを比較してください)。場所？ローマまたはその他の任意の場所までの距離を使用します。

一部の列での並べ替えは、他の列での並べ替えよりもはるかに役立つ場合があります。しかし、ソートが行われないようにすることが重要な場合、列のタイプを見つけるのに苦労しています。

于 2010-03-21T21:42:27.047 に答える