web-dev-qa-db-ja.com

単一ページでのフィルターとソートの違い

州でフィルターし、店舗でフィルターするオプションと投票順(降順)およびアップロード日()で多数の動画を表示するコンテストサイトを構築しています。過去から最近)

現在、ページレイアウトには、動画の左上にドロップダウン付きのフィルターオプションがあります。右側には、次のようなsort関数があります。

Vote             Date Uploaded  
Low | High       Past | Recent

2行目のテキストはクリック可能です。私が検討した別のオプションは、フィルターに加えて並べ替えにドロップダウンを使用することでした(たとえば、「投票:最下位から最上位へ」)。このような類似した要素に異なる機能があるとユーザーが混乱するのではないかと心配しています。

フィルターと並べ替えの両方にドロップダウンを使用することはユーザーフレンドリーですか?または、私が考慮していない可能性がある別の可能性はありますか?

4
lousso

同じページで2つの異なる関数にドロップダウンを使用するのは、混乱を招く手法としては不適切です。ただし、一般に、ドロップダウンはフィルタリングと並べ替えの両方で正常に機能しますコントロールが適切にラベル付けされている限り

私の状況に対する唯一の提案は、1)現在のフィルターがクリック不可能であり、何らかの方法で強調表示されていることを確認することです(これを実装していない場合)、および2)次のような別のフィルター設定かどうかを確認することです。以下は、ユーザーが理解しやすいです:

    Sort by     Most votes      Newest first
                Least votes     Oldest first

並べ替えオプションと同じセクションに「ランダム化」リンクを追加することもできます。

1
dnbrv

数年前にこれに関するすばらしい記事があり、フィルタリング/ソートは多くのユーザーにとって同じものであることがわかりました。 「ソートによるフィルタリング」の強力なメンタルモデルがあります。

ソートによるフィルタリングの謎 Greg Nudelman:

「フィルタリングコントロールからソートコントロールを視覚的に分離するという表面的なニーズは神話です。」

したがって、並べ替え/フィルタリングオプションをすべて同じスペース(デザインに応じてリストの左側または上)に配置し、常にテスト、テスト、テストすることができると思います。 :)

7
kerr

@dmvrb-コントロールが何をするかを明確にするためのラベルに同意します。コントロールの種類を別のパラダイムに変更すると、混乱が他のユーザーに移るだけです。

ユーザーの混乱を防ぐ1つの可能性は、表現を変更することです。

例:「フィルター」の代わりに「表示のみ」を使用し、「並べ替え」の代わりに「並べ替え」を使用

1
Don Nickel

デフォルトの状態ではすべての動画が表示されると仮定すると、表示されているものをフィルタリングできます。つまり、ユーザーはすべての動画のセットまたはグループを表示することを選択できます。次に、ユーザーは表示されているものを並べ替えることができますが、表示されているものは同じように配置が異なるだけです。この場合、新しいものが最初または古いが最初です。

フィルターは、1つのセットまたはすべてから、その1つのセットまたはすべてからグループを抽象化します。並べ替え中は、現在のセットに影響しますが、表示されるのはメソッドのみです。

人気のあるjqueryプラグイン http://isotope.metafizzy.co/ を検討してください

  • ジェイソン
0
Jason Scott

データのテーブルをソートするための一般的なUIイディオムは 列ヘッダーをクリック を使用することです。通常、並べ替えを示すために列ヘッダーに小さな記号が挿入されます(上/下矢印または上/下三角形が通常の容疑者です)。もう一度クリックすると、ソート順が逆になります。

そうすれば、機能が異なる2つのドロップダウンはなくなります。

0
Erics