it-swarm.com.de

Symbol für aufsteigende und absteigende Sortierung

Ich versuche, zwei Symbole für die aufsteigende und absteigende Sortierreihenfolge zu finden, mit denen der Benutzer die Elemente ('Balken') eines Diagramms/einer Visualisierung sortieren kann.

Das Steuerelement ist ein Umschalter, mit dem der Benutzer die eine oder andere Option auswählen kann. Ich habe ein paar Variationen beigefügt. Ich frage mich, was Ihrer Meinung nach am intuitivsten/klarsten ist:

Sort icon options

Ein Hinweis, der nicht sicher ist, ob dies relevant ist oder nicht, kann möglicherweise die Benutzerfreundlichkeit der Symbole beeinträchtigen: Oft haben die Daten mehr Elemente, als das Diagramm anzeigen kann. Beispielsweise kann ein Balkendiagramm nur 20 Balken enthalten, während die Städte 200 Städte enthalten . In diesem Fall werden die 20 größten/kleinsten Balken angezeigt (basierend auf der Sortierreihenfolge) und der Rest wird nur gemittelt und in einem "anderen" Balken gruppiert.

2
M.A.X

Ich denke nicht, dass die Leiste "Andere" sich nachteilig auf die Benutzererfahrung auswirkt, wenn Sie sie immer als letzten Punkt unten platzieren und deutlich kennzeichnen. (Sie können das Etikett in Klammern oder kursiv schreiben, um es noch besser hervorzuheben. Die meisten Benutzer verwechseln es dann nicht mit einem normalen Etikett.)

Für das Symbol: Was bedeuten die Farben, warum ist das eine grün und das andere grau? Wenn es die aktuelle Reihenfolge anzeigt, denke ich, dass die ausgewählte heller sein und vielleicht ein bisschen leuchten könnte (und ich denke, dies ist eine gute Möglichkeit, den aktuellen Status anzuzeigen.)

Bei unsortierten Daten würde ich sie neutral machen (beide Optionen sind gleich). Der aktuelle Kontrast zwischen Grün und Hintergrund ist etwas zu gering und für das Auge etwas schwierig.

(Zum Vergleichen anderer Anwendungen: Mail, Windows Explorer und andere verwenden nur ein einzelnes Dreieck, um die sortierte Spalte anzugeben, und nehmen an, dass die Benutzer wissen, dass das Klicken auf Überschriften sortiert. Einige Webanwendungen verwenden beim Schweben einen Auf-Ab-Pfeil (falls zutreffend - nicht für mobil), um die Möglichkeit anzuzeigen. Word verwendet ein Az mit Abwärtspfeil. Ein Visualisierungstool verwendet fast dieselben Symbole wie Sie, ist jedoch in zwei separate Schaltflächen unterteilt. In einer neuen Anwendung ist die erste Option wahrscheinlich zu unentdeckbar.)

2
Inca

Ich würde versuchen, die Pfeile zu vermeiden, da unklar ist, was sie bedeuten sollen. Stattdessen würde ich nur die zunehmenden/abnehmenden Balkenbreiten verwenden: Optionen a oder b ohne Pfeile.

5
Mike L.

Für die Beispiele, die Sie angegeben haben, ist "B" am intuitivsten, da es einen Unterschied zwischen Auf und Ab in den Balken zeigt, aber es bringt mich dazu, zu viel nachzudenken. Je nachdem, wo Sie die Symbole positionieren (z. B. in einer Kopfzeile), können Sie die Balken entfernen und die Symbole einfach mit Auf und Ab platzieren. Oder ein einfaches Dreieck, das nach oben oder unten zeigt.

In Bezug auf Ihr anderes Anliegen ist eine "Andere" -Leiste selbsterklärend, dass es andere Städte gibt und Sie nur die Top-Städte anzeigen. Ich würde es mit Benutzern testen, um zu sehen, ob sie verstehen, was es versucht, und von dort aus gehen.

3
mustefa

Ich mag dieses Beispiel von AristsValley.com , obwohl das Symbol selbst viel zu groß ist und zu viele Details für Ihren wahrscheinlichen Anwendungsfall erfordert:

enter image description here

Die wichtigen Merkmale sind die Breite der Zeilen (die angezeigt werden, wenn der tatsächliche Mangold angezeigt wird) und auch die Breite des Pfeils . Die Breite des Pfeils projiziert auch das "kopflastige" Erscheinungsbild, das das Diagramm anzeigt, sobald Sie auf die Schaltfläche klicken. Wie Ihre Beispiele zeigen, sind normale, nicht oben/unten schwere Pfeile mehrdeutig.

High Fidelity MS Paint Mockup:

enter image description here

1
Ben Brocka