web-dev-qa-db-fra.com

Affichage de la limite de prix au-dessus de l'échelle du curseur de prix

Je travaille sur l'ajout d'un curseur de prix à un filtre de prix existant sur une boutique de commerce électronique qui utilise des groupes de prix (fourchettes de prix prédéfinies).

Si l'utilisateur sélectionne l'un des ensembles de prix, le curseur ci-dessus serait également mis à jour (mais nous ne le mettrons pas à jour vice versa , pour des raisons évidentes) . Cependant, pour la dernière option, "au-dessus de 50", je ne peux pas trouver un moyen d'afficher cela sur le curseur car il serait infini. Des idées sur la façon dont le curseur afficherait la dernière option?

P.S. Nous avons exclu de changer la dernière option en un autre ensemble de prix car nous ne pouvons pas définir dynamiquement les ensembles en fonction de l'article le plus cher de la boutique.

enter image description here

3
Ameen Akbar

Une option consiste à utiliser l'étiquette MAX ou MAXIMUM: enter image description here

5
DesignerAnalyst

Vous pouvez modifier les curseurs (boutons) pour afficher la direction de la plage et vous pouvez supprimer l'un des curseurs si la plage n'est pas limitée:

Example of bound and unbound range

2
JeromeR

Il existe une solution très élégante à ce problème:

Avant d'afficher les gammes et le curseur, vous demandez au système: Quel est le prix le plus petit et le plus grand?

Ensuite, demandez au système de faire des seaux uniformément répartis entre le prix min et max.

L'expérience utilisateur consiste à créer des interfaces utilisables. MAX ne dit pas à l'utilisateur quelle est la valeur maximale. Idem pour une valeur minimale. Vous devez donc les afficher.

En outre, les rages de prix prédéfinis peuvent avoir un nombre d'articles mal regroupés.

Exemple: de 10 à 50 $, il y a 500 articles, mais de 100 à 150 $, il n'y en a que 3.

C'est mauvais UX. Laissez le système créer des gammes de prix plus significatives pour les utilisateurs.

0
Ozren