web-dev-qa-db-fra.com

Tri alphabétique - meilleure façon intuitive de signifier l'ordre alphabétique

J'ai donc un vieux bouton simple (deux boutons pour être exact). Le bouton indique "TRIER", lorsque vous cliquez sur le bouton, une option apparaît et vous permet de choisir un type de tri.

J'ai deux types de tri: prix et alphabétique.

Pour le prix, j'ai décidé d'utiliser la taille de police pour désigner l'ordre croissant/décroissant.

Quelque chose comme ça:

<span style='font-size:x-large'>$</span>
<span 'font-size:medium'>$</span>
<span 'font-size:small'>$</span>

Cela n'utilise pas directement le mot "prix" mais signifie l'ordre et la variable. J'utilise actuellement du texte pour l'ordre alphabétique, mais je voudrais passer à une approche symbolique comme: a-Z ou Z-a pour signifier l'ordre alphabétique.

Donc, ma question est quelle est la MEILLEURE façon de signifier l'ordre alphabétique?

My own idea on the best way

1
SoluableNonagon

Je savais que j'avais déjà vu cela auparavant, mais voici un exemple de la façon dont Microsoft l'a géré. Assez simple. Il pourrait cependant y avoir une meilleure façon de concevoir l'icône. :)

enter image description here

3
Charles

Alternativement - si vous mentionnez le prix comme une autre "colonne" - vous pouvez intégrer les boutons de tri dans la liste elle-même comme un tableau triable. Sauf si l'objectif est d'activer les hiérarchies de tri (par exemple par nom, puis par prix).

Table sort

3
andrewthong