Seit Sommer 2005 gibt es meine Seite für freie Hörbücher (früher „vorleser-amateure”, heute legamus.eu hoerbuecher.tuxfamily.org (unter dem Namen legamus.eu befindet sich inzwischen ein anderes Hörbücher-Projekt, welches ein europäisches Pendant zu LibriVox darstellt und multilingual ist)). In den letzten Jahren war ich damit beschäftigt, die Seite aktuell zu halten und im Hintergrund Verbesserungen vorzunehmen, um mir diese Arbeit zu erleichtern. Vor allem die Einführung von „Sammlungen” hat mir dabei geholfen; unter einer Sammlung verstehe ich ein Werk eines Autors (z.B. ein Band von Gedichten oder Kurzgeschichten), von der ein Stück hier, ein Stück dort aufgenommen wurde. Seit einem Jahr kann ich solche zusammengesetzten Werke viel besser erfassen. Beispiel hier.
Zuletzt war ich mit dem Forum beschäftigt; das inzwischen nicht mehr gepflegte PBLang ist seit wenigen Tagen durch ein phpBB ersetzt worden – natürlich unter Beibehaltung aller bestehender Beiträge und Nutzerkonten. Ein Hoch auf freie Software! auch wenn ich mit PHP wohl nie warm werden werde.
Das prinzipielle Layout der Seite wurde allerdings seit 2005 kaum verändert, und das will ich nun in Angriff nehmen und dafür eure Meinung hören. Ich stehe nach wie vor zu meiner konservativen Grundhaltung, auf Datenbanken zu verzichten – aber auch, wenn der Server weitgehend statische Seiten ausliefert, läßt sich auf Client-Seite mit JavaScript viel bewegen.
Das aktuelle Layout will ich ein wenig anpassen und in eine „mobile Version” überführen, d.h. minimalistische Seiten, die für kleine Displaygrößen gedacht sind und bei denen man von einem Schritt zum nächsten kommt. Beim Hörbuch-Katalog würde das wie folgt aussehen: Auf der ersten Seite sieht man nur eine lange Liste von Autoren. Der Klick auf einen Autor bringt einen zur nächsten Seite, die alle seine Werke anzeigt. Klick auf einen Eintrag bringt einem zur nächsten Seite mit den Details. Auf diese Weise hoffe ich, den ganzen internetfähigen Mobiltelephonen gerecht zu werden, ohne einzelne Applikationen für einzelne Plattformen schreiben zu müssen. Außerdem sollten alte Browser oder Text-Browser für blinde und sehbehinderte Menschen damit prima zurechtkommen.
Daneben soll es aber eine neue „Desktop-Version” geben. Hier können wir davon ausgehen, daß die Bildschirme groß sind und die Browser JavaScript beherrschen (z.B. die Basisvariante vom Dojo Toolkit). Meine Idee ist, daß die Seite immer den ganzen Anzeigebereich des Browsers einnimmt und innen gescrollt wird. So könnten die Anleitungen aussehen:
Im Hörbuch-Katalog möchte ich JavaScript und AJAX einsetzen, um die Bedienung übersichtlicher und schneller zu gestalten. Anstatt neue Seiten zu laden, sollen nur Teilbereiche der Seite aktualisiert werden. Die Anzeige aller Werke eines Autors geschieht sehr schnell, weil die Daten schon alle da sind und nur von JavaScript angezeigt werden müssen.
Wie soll der Katalog aussehen? Hier ein Vorschlag mit zwei Bereichen, der Autoren- und Werkliste und der Detailansicht.
Dies ist die Ansicht, die man erhält, wenn man in der linken Spalte auf „Ludwig Bechstein” klickt – danach erscheinen die Werke unterhalb des Namens – und anschließend auf „In optima forma”. Die Ansicht in der rechten Spalte, vor allem den Block „Sprecherin / Formate / … / Download” muß man sich noch hübscher formatiert vorstellen. Mit den Auswahlmöglichkeiten über den Spalten kann man zwischen den Bereichen „Klassiker” und „Selbstgeschriebenes” auswählen, außerdem kann man entscheiden, ob Sammlungen oder nur vollständige Hörbücher angezeigt werden sollen und ob nur Hörbücher einer bestimmten Spieldauer aufgelistet werden.
Die rechte Spalte stellt dabei den hauptsächlichen Anzeigebereich da, in dem man auch anderes darstellen könnte (z.B. nach Klick auf den Namen einer Sprecherin alle Aufzeichnungen, an denen diese beteiligt war), während die linke Spalte stets Autoren und Werke enthält.
Ich halte diese Aufteilung für die beste Ausnutzung des verfügbaren Platzes. Es stellt sich aber die Frage, wie wir mit Sammlungen verfahren sollen. Zurzeit werden diese in Form einer breiten Tabelle dargestellt, die sich in der rechten Spalte nur schlecht unterbringen ließe. Hier ist eine Ansicht mit drei Bereichen, die an gängige E-Mail-Programme erinnert:
Wenn der untere Bereich stets angezeigt wird (anfangs leer), dann geht der Autorenliste wertvoller Platz verloren, selbst wenn die Werke dann in den Bereich oben rechts ausgegliedert werden können. Alternativ könnte der untere Bereich erst später dazukommen, aber erstens heißt das, den Nutzer durch ein sich veränderndes Layout womöglich zu verwirren, und zweitens würde dies nur am Anfang helfen – sobald man eine Detailansicht sieht, ist die Autorenliste verkürzt.
Eine andere Möglichkeit sieht das Aufbrechen der breiten Tabelle vor:
Es werden nur die wichtigsten Spalten der Tabelle angezeigt, womöglich abgekürzt („Textsammlung” ist sicher ein Kandidat), und mit einem Knopf, oben durch das Symbol rechts neben dem Tabellenkopf „Download” dargestellt, kann man sich weitere Spalten anzeigen lassen (und ggf. danach sortieren). Sofern man nach diesen Spalten nicht sortieren will, ist auch ein großer Tooltip vorstellbar, der erscheint, sobald man die Maus auf einer Tabellenzeile liegen läßt.
Dies sind meine österlichen Layout-Überlegungen, bei denen mir Pencil 1.2 eine große Hilfe war (in Mozillas Erweiterungs-Katalog gibt es erst die Version 1.0). Jetzt ist eure Meinung gefragt: Welches Layout würdet ihr auf legamus.eu bevorzugen? Was bietet die einfachste und eleganteste Bedienbarkeit? Ich bin an allen Meinungen interessiert, egal ob ihr täglich stundenlang beruflich im Internet seid oder nur wenige Minuten pro Woche privat. Ihr könnt im Forum (nach Anmeldung) einen Kommentar hinterlassen oder auch gerne eine E-Mail senden oder anrufen, wenn ein echter Dialog euch besser geeignet scheint!
Vielen Dank fürs Lesen, und noch schöne Osterfeiertage!