Fazit & Empfehlung
Die bessere Lösung wäre, vor allem auf großen Displays der Ansicht mehr Platz zu geben, damit alle Bücher direkt sichtbar und auswählbar sind. Bewertet an den drei Problemen (Scrollen, Entdeckbarkeit, Desktop-Tauglichkeit):
- Favorit: Variante 1 + 5 kombiniert – Mega-Dropdown über die volle Content-Breite (beide Testamente nebeneinander, alle 77 Bücher sichtbar; Klick öffnet das Kapitel-Raster samt Kapitelzahl) plus Suchfeld, das auch Eingaben wie „Ps 23“ direkt auflöst.
- Mobil: Variante 2 – das Vollbild-Overlay nutzt kleine Screens konsequent; Buch- und Kapitelschritt mit „Zurück“.
- Entdeckbarkeit-Bonus: Variante 6 – Gruppierung (Pentateuch, Propheten, Deuterokanon, Briefe …) macht Zusammenhänge sichtbar, die die flache Liste verbirgt.
- Variante 7 (Accordion) als Alternative für schmale Budgets – komplett scrollfrei und identisch auf Mobil; horizontale Muster wurden verworfen, weil Mausräder nur vertikal scrollen und Horizontalscroll am Desktop das Problem verschärfen würde.
- Minimal-Eingriff: Variante 8 – falls das bestehende Dropdown bleiben muss: sichtbarer Daumen, ▲▼-Buttons und „Alle anzeigen“-Expand als Übergangslösung.
Runde 2 · Iterationen von Variante 5 (Ziel: das Dropdown auf der Lese-Seite, z. B. bibeltv.de/bibelthek/GNB/1-mose-1)
Diese Runde ist gezielt für das Buch-/Kapitel-Dropdown auf der Lese-Seite (nicht die Bibelthek-Übersicht): Auf großen Bildschirmen soll nicht gescrollt werden müssen, und die Bedienung soll „super“ sein. Alle sechs Varianten bauen auf #5 (Suche) auf – jede hat oben ein Typeahead-Suchfeld, das live filtert und Direktsprünge wie „Ps 23“ auflöst. Bücher stehen dabei immer als einfache, senkrechte Liste in Buchreihenfolge – auch wenn das AT auf zwei Spalten aufgeteilt wird, werden die Bücher zuerst Spalte 1 komplett von oben nach unten befüllt und erst danach Spalte 2, nicht im Zickzack quer über die Spalten verteilt; beide AT-Spalten teilen sich dabei einen gemeinsamen Scrollbereich (scrollen als ein Block, nicht getrennt). Als vierte Dimension kommt Übersetzungen dazu – die echten Optionen der Seite: EÜ, ELB, GNB, HFA, LUT, NGÜ, NIV, SLT. Damit der Scrollfrei-Anspruch nicht nur behauptet, sondern nachprüfbar ist, simulieren alle sechs Mocks unten bewusst eine großzügige Desktop-Dropdown-Höhe (~780 px) statt der knappen Kartenhöhe aus Runde 1.
Empfehlung für die Lese-Seite
Favorit: Variante 5.6 – 5.3 und 5.4 sind kein Entweder-oder: der entscheidende Kniff (die Zwei-Spalten-Aufteilung des AT, die die längste Spalte auf ~25 Zeilen halbiert und die 4-Spalten-Ansicht auf normaler Laptop-Breite tatsächlich scrollfrei macht) bleibt in beiden Zuständen identisch. 5.6 kombiniert sie zu EINER Komponente, die sich per Container-Query selbst an die tatsächlich verfügbare Panel-Breite anpasst: genug Platz (großer Desktop-Monitor) → Übersetzung mit anbieten (= 5.4); reicht es nicht → automatisch nur AT (2 Spalten), NT, Kapitel (= 5.3). Damit muss die Seite nicht zwischen zwei Varianten wählen, sondern bekommt beide, je nach Fenster.
- 5.1/5.2/5.5 eher als Zwischenschritt: alle drei sind klar besser als das heutige Dropdown, lösen aber das AT-Höhenproblem noch nicht vollständig – erst der Spalten-Split in 5.3/5.4/5.6 tut das.
- Der 1250-px-Breakpoint in 5.6 ist ein Startwert aus dem Prototyp, kein gemessener Wert – vor dem Rollout gegen die echte Panel-Breite auf den Ziel-Displays kalibrieren.
- Auf schmaleren Fenstern (unterhalb des Breakpoints, z. B. 13"-Laptop) blendet 5.6 die Übersetzungs-Spalte automatisch aus, statt horizontal scrollen zu müssen – horizontales Scrollen bleibt aus denselben Gründen wie in Runde 1 tabu.