Übersichtlichkeit auf der departures-Seite

[deingithub]

Die Seite mit den Zugabfahrten ist momentan gerade wenn HAFAS genutzt wird manchmal doch sehr unübersichtlich. Ich hätte ein paar Vorschläge, was man da verändern könnte und ein Mockup gemacht: Die Ideen von oben nach unten: ich habe den Namen der Haltestelle größer gesetzt, den zentrierten Link für den Wechsel IRIS/HAFAS durch ein Materialize <select> ersetzt und einen Filter für Verkehrsmittel hinzugefügt (im Mockup mit den groben Kategorien Fern — Regio — Schnellbahn (S, U, STB) — Bus, Tram und der Rest). Dazu gekommen ist auch ein großer Button bzw. <a href=#now>, den eins anklicken kann um direkt zum auch nochmal farblich abgesetzten Anfragezeitpunkt befördert zu werden:

Die Tabelle mit den Abfahrten hab ich durch eine Materialize ul.collection ersetzt, damit die Infos horizontal weniger auseinandergezerrt werden. Die Zuggattungen sind zur besseren Unterscheidung auf den ersten Blick farblich hervorgehoben.

Ich wollte nicht so aus dem Nichts heraus einen PR mit Änderungen senden, wäre aber gerne bereit das Mockup ein bisschen aufzuräumen und es komplett oder nur die gewünschten Teile davon soweit reviewfertig zu machen :) Hoffe es ist was Nettes dabei!

[derf]

Sehr hübsch, vielen Dank dafür!

Ein PR der zunächst einmal nur die Auflistung von table in collection ändert und die Verkehrsmitteltypen hervorhebt wäre super; bezügtlich Verkehrsmittelfilter muss ich noch überlegen wie viel Abstand ich zwischen Navbar und dem ersten Eintrag in der Liste der Abfahrten maximal haben möchte. Tendenziell sieht das aber auch gut aus; dann kann ich da auch die "früher"/"später"-Buttons einbauen an denen ich gerade arbeite.

Falls dir Arbeit am Backend nicht liegt kannst du mir auch gerne etwas halbfertiges entgegenwerfen und ich kümmere mich dann um das was fehlt. Theoretisch sollte das für diesen Teil zwar nicht notwendig sein, weil alle relevanten Daten schon im Template zugänglich sind, aber die Praxis kann ja anders aussehen.

[deingithub]

Erstmal, freut mich dass es gefällt. Mit den Templates arbeiten macht auch ziemlich viel Spaß.

Also neben den Filtern die ja vielleicht noch mal später zurückkommen ist mir bei der Arbeit daran bisher noch einiges im Bezug zu den Abfahrtafeln aufgefallen, was aber über die Scope von #93 hinaus geht und was ich deswegen nochmal separat in den Raum stellen wollte (würde mich aber auch gerne wieder daran versuchen, falls was davon gewünscht ist):

1. Die HAFAS-Abfahrtenseite könnte $train->direction statt $train->destination benutzen, das ist in der Regel kürzer und lokal aussagekräftiger (in Karlsruhe bspw. der Unterschied zwischen einer S2 nach "Hagsfeld Reitschulschlag (Schleife), Karlsruhe" vs einfach nach "Reitschulschlag", was dann auch auf dem Fahrzeug draufsteht)
2. Die anderen Stellen auf travelynx, auf denen Züge gelistet werden (spontan: Letzte Fahrten auf der Startseite und History) könnten der Konsistenz halber auch auf dasselbe Layout umgestellt werden. Die Checkinanzeige während der Fahrt könnte auch denselben Farbtupfer für die Zuggattung benutzen.
3. Eine Freundin spezifisch hat immer wieder angefragt, ob es nicht eine Option geben könnte, die Abfahrten andersherum sortiert anzuzeigen.
4. Die Namen von zusammengelegten Stationen könnten vor der Template durch ein Set o.ä. gefiltert werden, um das zu vermeiden: Datenqualität bei der DB (Symbolbild)
5. Auf beiden departure-Listen wäre es gut, irgendwie eine Indikation zu haben, wenn eine Fahrt an einer mit der eigentlich Angefragten zusammengelegten Haltestelle anfängt. München ist hier das Negativbeispiel schlechthin, wo man zwischen München Hbf, München Hbf (tief), München Hbf Gl. 5-10 und München Hbf Gl. 27-36 jeweils gut und gerne 20 Minuten unterwegs sein kann. Mit den durch das HAFAS noch dazugelegten Hauptbahnhof Nord, München und Hauptbahnhof Süd, München hat eins dann viel Spaß beim Suchen. Gleich das Gleis zu sehen wäre auch sehr praktisch.
6. Bei ähnlichen Abfahrten zur selben Zeit (wenn eins nicht ortskundig ist und vergessen hat obs jetzt in die zur gleichen Minute abfahrende U3 nach Simmering oder doch die nach Ottakring einsteigen soll, mal so als Beispiel), wäre eine etwas angenehmere Vorschau der Route als Checkin → warten → Haltestellen durchlesen → feststellen, dass eins den falschen Zug ausgewählt hat → Checkin rückgängig → warten → wieder in der Liste suchen → rinse and repeat) nett.

Für die Punkte 5 und 6 gemeinsam ist mir noch so eine fixe Idee gekommen, hier nochmal als Mockup: Bei Klick auf eine Zeile (statt Collection dann Collapsible) würde nicht mehr direkt ein Checkin ausgeführt, sondern erstmal per Ajax eine Reisevorschau geholt. Aus der Vorschau wird hoffentlich ersichtlich, ob es der richtige Zug ist und wo er abfährt (Anzeige des Stationsnamens, wenn abweichend und des Gleises, wenn vorhanden). Dann kann entweder über die verlinkten Namen direkt ein Checkin mit Stationswahl oder erst einmal ohne durchgeführt werden, oder eine andere Vorschau geöffnet werden. Damit könnte man eventuell auch die travelynx-eigene Abfahrtstafel als "externen Dienst" in der entsprechenden Menüseite anbieten, da sie so die meisten relevanten Daten darstellen kann.

Mir ist klar, dass das alles sehr viele Vorschläge auf einmal sind, gerade der letzte ist deutlich umfangreicher und vielleicht auch gar nicht so überzeugend. Ich hoffe, es ist nicht zu viel auf einmal. 😅