Abbildungsverzeichnis

2.1 Master-Detail-Aufteilung der Auswahlkomponente

2.2 Geschlossene Komponente

2.3 Offene Komponente

2.4 Rendering-Prozess

3.1 Geschlossenes Select OSX Safari

3.2 Geschlossenes Select OSX Firefox

3.3 Geschlossenes Select Windows Chrome

3.4 Offenes Select Windows Chrome

3.5 Offenes Select OSX Chrome

3.6 Geschlossene Datalist OSX Safari

3.7 Geschlossene Datalist OSX Firefox

3.8 Offene Datalist Windows Chrome

3.9 Offene Datalist OSX Chrome

3.10 Geschlossene Länderauswahl

3.11 Offene Länderauswahl

4.1 Neue Komponente – Menüauswahl

4.2 Neue Komponente – Geburtstag

4.3 Neue Komponente im Darkmode

4.4 Farbpalette der neuen Komponente

4.5 Geschlossene SelectComponent

4.6 Ausgefüllte SelectComponent

4.7 Offene SelectComponent – 3 Zustände

4.8 Offene SelectComponent – 2 Spalten

4.9 Offene SelectComponent mit Bildern

4.10 Offene SelectComponent – 3 Spalten

4.11 Diagramm SelectComponent – erste Version

4.12 Diagramm ColumnOptionsComponent

4.13 Diagramm SelectComponent

4.14 Rendering-Prozess

4.15 Performance-Test vor Anpassungen

4.16 Performance-Test nach Anpassungen

4.17 Neue Komponente auf OSX

4.18 Neue Komponente auf Windows

4.19 Automatisierte Tests

4.20 Aufteilung Semester

4.21 Aufteilung Studienrichtung

4.22 Meinungen der Testpersonen

5.1 Mögliches UI mit Zeilen-Aufbau

B.1 Geschlossene SelectComponent

B.2 Fokussierte SelectComponent

B.3 Required SelectComponent

B.4 Disabled SelectComponent

B.5 Ausgefüllte SelectComponent

B.6 Ausgefüllte SelectComponent mit Bild

B.7 Offene SelectComponent – 1 Spalte

B.8 Offene SelectComponent mit Highlight

B.9 Offene SelectComponent mit Cursor-Position

B.10 Offene SelectComponent mit Selektion

B.11 Offene SelectComponent mit Highlight & Cursor-Position

B.12 Offene SelectComponent mit Highlight & Cursor-Position & Selektion

B.13 Offene SelectComponent – 2 Spalten

B.14 Offene SelectComponent mit Kategorie-Selektion

B.15 Offene SelectComponent mit Bildern

B.16 Offene SelectComponent – 3 Spalten

B.17 Offene SelectComponent mit Kategorie-Selektion

B.18 Offene SelectComponent mit Kategorie- & Subkategorie-Selektion

B.19 Alert bei SelectComponent in veraltetem Firefox

B.20 Offene SelectComponent in veraltetem Firefox

C.1 Geschlossenes Select auf OSX Chrome

C.2 Geschlossenes Select auf Windows Chrome

C.3 Geschlossenes Select auf OSX Firefox

C.4 Geschlossenes Select auf Windows Firefox

C.5 Geschlossenes Select auf OSX Safari

C.6 Geschlossenes Select auf Windows Edge

C.7 Offenes Select auf OSX Chrome

C.8 Offenes Select auf OSX Firefox

C.9 Offenes Select auf OSX Safari

C.10 Offenes Select auf Windows Chrome

C.11 Offenes Select auf Windows Firefox

C.12 Offenes Select auf Windows Edge

C.13 Geschlossenes Select auf iOS Safari

C.14 Geschlossenes Select auf Android Firefox

C.15 Offenes Select auf iOS Safari

C.16 Offenes Select auf Android Firefox

C.17 Disabled Select auf OSX Chrome

C.18 Disabled Select auf OSX Firefox

C.19 Disabled Select auf OSX Safari

C.20 Disabled Select auf Windows Chrome

C.21 Disabled Select auf Windows Firefox

C.22 Disabled Select auf Windows Edge

C.23 Multiselect auf OSX Chrome

C.24 Multiselect auf Windows Chrome

C.25 Multiselect auf OSX Firefox

C.26 Multiselect auf Windows Firefox

C.27 Multiselect auf OSX Safari

C.28 Multiselect auf Windows Edge

C.29 Select mit Optgroups auf OSX Chrome

C.30 Select mit Optgroups auf OSX Firefox

C.31 Select mit Optgroups auf OSX Safari

C.32 Select mit Optgroups auf Windows Chrome

C.33 Select mit Optgroups auf Windows Firefox

C.34 Select mit Optgroups auf Windows Edge

C.35 Geschlossene Datalist auf OSX Chrome

C.36 Geschlossene Datalist auf Windows Chrome

C.37 Geschlossene Datalist auf OSX Firefox

C.38 Geschlossene Datalist auf Windows Firefox

C.39 Geschlossene Datalist auf OSX Safari

C.40 Geschlossene Datalist auf Windows Edge

C.41 Offene Datalist auf OSX Chrome

C.42 Offene Datalist auf Windows Chrome

C.43 Offene Datalist auf OSX Firefox

C.44 Offene Datalist auf Windows Firefox

C.45 Offene Datalist auf OSX Safari

C.46 Offene Datalist auf Windows Edge

C.47 Geschlossene Datalist auf iOS Safari

C.48 Geschlossene Datalist auf Android Firefox

C.49 Offene Datalist auf iOS Safari

C.50 Offene Datalist auf Android DuckduckGo

C.51 Disabled Datalist auf OSX Chrome

C.52 Disabled Datalist auf Windows Chrome

C.53 Disabled Datalist auf OSX Firefox

C.54 Disabled Datalist auf Windows Firefox

C.55 Disabled Datalist auf OSX Safari

C.56 Disabled Datalist auf Windows Edge

C.57 Labeled Datalist auf OSX Firefox

C.58 Labeled Datalist auf Windows Firefox

C.59 Labeled Datalist auf OSX Chrome

C.60 Labeled Datalist auf Windows Chrome

C.61 Labeled Datalist auf OSX Safari

C.62 Labeled Datalist auf Windows Edge

C.63 Range-Datalist auf OSX Chrome

C.64 Range-Datalist auf OSX Firefox

C.65 Range-Datalist auf OSX Safari

C.66 Range-Datalist auf Windows Chrome

C.67 Range-Datalist auf Windows Firefox

C.68 Range-Datalist auf Windows Edge

C.69 Color-Datalist auf OSX Chrome

C.70 Color-Datalist auf OSX Safari

C.71 Color-Datalist auf iOS Safari

C.72 Color-Datalist auf Windows Chrome

C.73 Color-Datalist auf Windows Firefox

C.74 Color-Datalist auf Windows Edge

C.75 Date-Datalist auf OSX Chrome

C.76 Date-Datalist auf Windows Chrome

C.77 Date-Datalist auf Windows Edge

C.78 Time-Datalist auf OSX Chrome

C.79 Time-Datalist auf Windows Chrome

C.80 Time-Datalist auf Windows Edge

D.1 User-Test Programmierer Frage 1

D.2 User-Test Programmierer Frage 2

D.3 User-Test Programmierer Frage 3

D.4 User-Test Programmierer Frage 4

D.5 User-Test Programmierer Frage 5

D.6 User-Test Programmierer Frage 6

D.7 User-Test Programmierer Frage 7