web-dev-qa-db-ja.com

価格スライダースケールより上の価格制限の表示

価格バケット(事前定義された価格範囲)を使用するeコマースショップの既存の価格フィルターに価格スライダーを追加する作業をしています。

ユーザーがいずれかの価格バケットを選択すると、上のスライダーも更新されます(ただし、明らかな理由により、更新されません、またはその逆)。 。ただし、最後のオプション「50以上」の場合、これが無限になるため、これをスライダーに表示する方法を理解できません。スライダーが最後のオプションをどのように表示するかについてのアイデアはありますか?

追伸ショップで最も高価なアイテムに基づいてバケットを動的に定義することができないため、最後のオプションを別の価格バケットに変更することは除外しました。

enter image description here

3
Ameen Akbar

1つのオプションは、ラベルMAXまたはMAXIMUMを使用することです。 enter image description here

5
DesignerAnalyst

スライダー(ノブ)を変更して範囲の方向を表示できます。範囲がバインドされていない場合は、スライダーの1つを削除できます。

Example of bound and unbound range

2
JeromeR

この問題には非常にエレガントな解決策があります:

範囲とスライダーを表示する前に、システムに尋ねます:最低価格と最高価格は何ですか?

次に、最小価格と最大価格の間で均等に分散されたバケットを作成するようにシステムに要求します。

ユーザーエクスペリエンスとは、使用可能なインターフェイスを作成することです。 MAXはユーザーに最大値を教えません。最小値についても同じです。したがって、それらを表示する必要があります。

また、事前に定義された価格の範囲では、アイテムの数が不適切にグループ化されている場合があります。

例:$ 10-50から500個のアイテムがありますが、$ 100-150からは3個しかありません。

それは悪いUXです。システムがユーザーにとってより意味のある価格帯を作成できるようにします。

0
Ozren