14.05.10

Aufsteigend, absteigend, überlegt euch etwas besseres!

Wenn man mir nicht sehr viel Geld böte, käme es mir nie in den Sinn, mich als minderbemittelt zu bezeichnen, aber mit diesem UI-Element habe ich jedes Mal Probleme. Ich muss einfach zu lange überlegen; so lange, dass die Schmerzgrenze des „Don’t make me think“ mehrere Male überschritten wird.

Worum geht es? Um diese Absteigend/Aufsteigend-Sortierer:



Wenn es nicht, wie bei thomann.de (Bild 2), noch zusätzlich mit „aufsteigend“ und „absteigend“ betitelt ist, bin ich total aufgeschmissen. Dieses lustige Dreieck sagt mir in der ersten Sekunde des Betrachtens nämlich genau … nichts. In der zweiten Sekunde merke ich dann, dass es um eine Liste geht und der vertikale Verlauf des Dreiecks womöglich … aber irgendwie ist dieses UI-Element doch wirklich unschön. Oder geht das wieder nur mir so?

Kommentare [5]

Gerhard Großmann am 17.05.2010 um 22:57

Im Tabellenkalkulationsprogramm von OpenOffice gibt es eine Schaltfläche, um Spalten zu sortieren. Darauf ein Pfeil und daneben untereinander die Buchstaben Z und A. Das könnte man auch mit 0 und 9 machen. Also etwa so: ↓⁹₀

Markus Schlegel am 18.05.2010 um 09:53

Auf jeden Fall eine bessere Lösung als ein bloßer Pfeil.

Gerald Brozek (hyperkontext) am 29.05.2010 um 19:04

Hm, finde keine Trackback-Funktion.
Hier manuell:
Web-Usability: Nur erkennbare Funktionen werden benutzt

[…] Ich kann mich der Aufforderung nur anschließen. Da müssen verständlichere Dinger als diese Dreiecke her […]

Markus Schlegel am 29.05.2010 um 20:02

Trackbacks unterstützt mein CMS (Textpattern) nicht, kannst also guten Gewissens aufhören zu suchen ;)

BajK am 14.06.2010 um 12:13

Das Dreieck ist doch ganz einfach zu interpretieren?
Die Spitze sind die „niedrigen“ Zahlen, weil weniger schmal, also 0 oder eben A. Das breite Ende repräsentiert die 9 bzw. das Z.
Ist die Spitze oben, wird aufsteigend sortiert, ist die Spitze unten, wird absteigend sortiert.
Aber dennoch fände ich ein subtiles A..Z beim Hovern doch intuitiver zu bedienen.

Kommentar verfassen

Textile-Hilfe

  • *stark*
  • _betont_
  • "Link":http://url.com/
  • bq. Zitatkasten
  • bc. Code-Block
Der Kommentar kann erst abgeschickt werden, wenn man mindestens einmal die Vorschaufunktion aktiviert hat.

Flattr

Blogrolle

Podroll

Soziale Netzwerke

Twitroll

PromoteJS

JS String .toUpperCase