Chosen – Select-Boxen in Benutzerfreundlich

Screenshot von mit Chosen geänderten Select-Boxen

Select-Boxen sind relativ benutzerfreundlich, so lange man nicht so viel Auswahl hat, und insbesondere nicht mehrere Werte der Box auswählen soll. Letzteres ist für viele Benutzer nicht nur unmöglich, sondern in der Regel ein gänzlich unbekanntes Feature. Das Ganze lässt sich natürlich hervorragend mittels jQuery und den entsprechenden Plugins lösen, doch auch hier ist es in der Regel so, dass je nach Anwendungsfall ein anderes Plugin vom Webworker eingesetzt wird.

Screenshot von mit Chosen geänderten Select-Boxen

Aus der unzähligen Anzahl diesbezüglicher jQuery-Plugins sticht Chosen heraus, das ich durch Zufall entdeckt habe. Neben der Tatsache das es eine Selct-Box um eine hervorragende Usability erweitert gefällt mir insbesondere, dass es wirklich alle Fälle abdeckt. Es gibt nicht nur den einen Weg eine Select-Box zu modifizieren, sondern Chosen kann schlicht und ergreifend alle Fälle abdecken. Die elendige Suche nach Plugin-Alternativen dürfte sich dank Chosen wohl erledigt haben. Das einzige wirklich störende an dem Skript sind die zusätzlichen 50kb die man sich pro Seite unter Umständen einfängt – im Zweifelsfalle muss das jeder für sich selbst entscheiden, aber für gute Usability bin zumindest ich schon mal bereit, größere Datenmengen zu übertragen.

Ähnliche Beiträge

DropArea – Bildupload mit HTML5 und jQuery Das Input-Feld vom Typ File ist ein ausgesprochener Störenfried! Keine Präsentation einer fertigen Website ohne Diskussion darüber, wieso der "Durchsu...
Multiple File Uploads, HTML und Open Source Formulare lassen sich inzwischen ganz gut designen, allerdings gibt es ein Formularelement, das alle Design-Versuche vehement abwehrt: der Dateiupload...
Intelligentes Cropping von Bildern für Responsive Wenn man sich mal so umschaut im Bereich Responsive Websites könnte man durchaus die folgenden Eindrücke gewinnen: a) Wir machen das weil wir müssen, ...
iOS Formulare mit jQuery Es gibt ja inzwischen einige Frameworks, die darauf basieren das man ein komplexes Javascript-Konstrukt verwendet - ähnlich einer Desktop-Anwendung - ...

Ein Kommentar

  • Hallo Guido,
    Chosen ist definitiv eine super Sache.. allerdings hakt es ein wenig, wenn man es in einem Responsive Webdesign verwenden will. Aber zum glück gibt eine (noch mächtigere und ebenfalls responsive verfügbare) Alternative namens Select2.. http://ivaynberg.github.io/select2/ Vielleicht ist dir das Tool ja einen Folgeartikel wert :-P

    Liebe Grüße
    Jens

Schreibe einen Kommentar