web-dev-qa-db-ja.com

テーブルの上または横のフィルター

テーブルのフィルターを表示するには2つのオプションがあります。 1つのオプションでは、テーブルの上部にフィルターを配置し、もう1つのオプションではテーブルの側面にフィルターを配置します。どちらのオプションでも、ユーザーは(折りたたみアイコンをクリックして)フィルターを非表示にすることができます。フィルターの数は非常に大きくなる可能性があり、ユーザーによって追加/削除されます。

どちらをサポートするためにどのような研究がありますか?データのコンテキストは、ユーザーにとってどのオプションが優れているかに影響しますか?

enter image description here

5
wcdomy

それぞれのケースに適した例がありますが、ナビゲーションの配置および全体的なサイトのデザインと組み合わせて選択されます。

OKCupidはトップフィルターを使用しており、ニーズに適していますが、すでに左ナビゲーションバーがあり、トップフィルターが唯一のオプションです。

enter image description here


一方、oDeskは左フィルターを使用しますが、これは上部ナビゲーションバーがあるため機能します。
enter image description here


全体として、オプションを指定すると左側にフィルターを設置することをお勧めします。通常、フィルターは水平方向に短いので、左のフィルターを積み重ねることが簡単です。フィルタリングされている要素に完全な垂直スペースを使用できるようにします。そして、私は一般的に使いやすいことがわかりました。

5
JohnGB

私は左側に行きます。

まず第一に、左側は右側よりも優れていますメニューとナビゲーションでは、同じ推論をフィルターに適用できます。読みやすさなど.

  • 左側を最初に英語で読む
  • ウィンドウの幅に関係なく、左側は表示されたままです(最初に表示されます)。

フィルターには、要素(ラベル)の幅に応じて(ユーザーの心の中で)重みが与えられます。したがって、トップの位置では不均一な感触になります。一方、オプションのサイドを使用する場合、この問題は発生しません。

サイドオプションを使用すると、デザインをあまり変更せずにメニューリストを拡張できます(多くてもスクロールバーを追加します)。固定幅でバインドされている一番上のオプション。

2
rk.