3. Existierende Auswahlkomponenten
Hier sind die Gegenüberstellungen der bereits vorhandenen Möglichkeiten zur Darstellung einer Optionsauswahl aufgelistet. Eine Gegenüberstellung der möglichen Funktionalitäten zeigt die Grenzen dieser Elemente auf. Dabei spielen die UI- sowie die Interaktionsunterschiede dieser Komponenten in verschiedenen Browsern eine tragende Rolle.
Als Basis dieser Arbeit dient das Country Select. Unter dem Country Select ist das Resultat der Vorarbeit zu verstehen. Weiter existieren bereits die Elemente Buttons bzw. Links, select und datalist. Die folgende Tabelle 3.1 zeigt einen Vergleich der genannten Möglichkeiten.
Tabelle 3.1: Vergleich der Auswahlmöglichkeiten
Optimale Anzahl Elemente
1 – 3
7 ± 2
70 ± 20
Ca. 250
Alternativ-Name
Links
Choice Input
Combo Box
Länderauswahl
Falsche Auswahl
✗
✗
✓
✗
Multi-Auswahl
✓
✓
✗
✗
Readonly
✓
✗
✓
✗
Disabled
✓
✓
✓
✗
Werte-Typ
Skalar
Skalar
Skalar
Objekt
Interaktions-möglichkeit
sehr begrenzt
gut
gut
gut & konsistent
Aktion bei Symbol-Eingabe
keine
Suche [2]
Filter [1]
Suche [2]
Merkmal
direkter Überblick
fixe Optionen
Eingabehilfe
Speziell für Länderauswahl
Anwendung
Navigationslink, Formularbuttons
Formularfeld mit begrenzter Auswahl
Filterbare Liste, Suchergebnis
Länderauswahl im Formular
[1] Filter: Liste verändern je nach Anzahl passender Werte [2] Suche: Liste unverändert; Erster zu der Eingabe passender Wert aus der Liste
Nebst den in der Tabelle aufgeführten Möglichkeiten existieren diverse Libraries und Frameworks. Viele dieser Lösungen für Auswahlkomponenten besitzen Abhängigkeiten zu weiteren Bibliothekskomponenten. Durch das Einbinden der Frameworks bläst sich der eigene Code extrem auf. Diese Auswahlkomponenten bieten eine Menge an Funktionen an, welche jedoch die Anwendung sehr komplex machen. Die Einarbeitung dauert lange. Da das Ziel dieses Projekts eine schlanke und einfach verwendbare Komponente ist, sind die existierenden Frameworks keine Lösung. Dieser Bericht legt keinen weiteren Fokus auf externe Bibliotheken.
Last updated