Ankunft Abflugtafel HTML-Vorlagen

Responsive HTML-Vorlagen für Ankunfts- und Abfahrtstafeln

HTML-Vorlagen für Ankunfts- und Abfahrtstafeln bieten eine leicht anpassbare Fluganzeige mit Zeilen für einzelne Flüge. Eine Anzeigetafel unterscheidet sich von einer gewöhnlichen Tabelle dadurch, dass sie Dutzende von Einträgen enthält und sich ihre kurzen Statusangaben im Laufe des Tages ändern. Die meisten Betrachter suchen nach einem bestimmten Flug, daher müssen Flugnummer und Stadt hervorstechen. Ein responsives Layout sollte jede Zeile auf Mobiltelefonen ebenso lesbar halten wie auf Bildschirmen im Terminal. Ein realistischer Vergleich beginnt mit den Beispielzeilen.

Was Beispielzeilen offenbaren

Ankunfts- und Abfahrtstafeln teilen sich die meisten Felder, gewichten sie jedoch unterschiedlich. Abflüge benötigen Angaben zu Gate und Boarding-Status. Ankünfte setzen auf Abflugort und erwartete Zeit. Ein paar Tests mit den Demo-Einträgen verraten Ihnen mehr als das Vorschaubild:

• Prüfen Sie, ob die Spalte für den Ort ihre Überschrift für Ankünfte von „Nach“ auf „Von“ umstellen kann.
• Stellen Sie sicher, dass eine korrigierte Zeit neben die planmäßige Zeit passt und sich deutlich von ihr abhebt.
• Ersetzen Sie ein kurzes Ziel durch Washington Dulles International und beobachten Sie, wo die Statusanzeige landet.
• Ändern Sie „Pünktlich“ in „Gate geschlossen“ und vergewissern Sie sich, dass der längere Text weiterhin in eine Zeile passt.

Wenn ein Test fehlschlägt, ist die Behebung meist geringfügig. Im Grid Element von Nicepage verbreitert das Ziehen eines Zellenrands eine Spalte, und das Ablegen einer Zelle auf einer anderen vertauscht deren Plätze.

Einbinden Ihres eigenen Fahrplans

Das Ersetzen von Demo-Flügen durch reale Daten ist überwiegend Tipparbeit, doch einige Details entscheiden darüber, wie gut die Anzeige lesbar ist. Behalten Sie jeden Wert unter seiner Beschriftung bei, da eine Zeit ohne die Angabe „Geplant“ oder „Erwartet“ darüber Reisende im Ungewissen lässt. Wenn ein Gate noch nicht zugewiesen wurde, wirkt ein kurzes „Wird bekannt gegeben“ gewollt, während eine leere Zelle wie ein Fehler aussieht. Bei einem Bahnhof wird die Gate-Spalte zu einer Gleis-Spalte. Die HTML-Vorlage zeigt genau das an, was Sie eingeben. Woher der Fahrplan stammt und wie er aktuell bleibt, sind getrennte Fragen.

Bildschirme von Smartphones im Vergleich zu Anzeigen in der Abflughalle

Die beiden Bildschirme bedienen unterschiedliche Betrachter. Eine Anzeige in der Abflughalle wird von der anderen Seite der Halle aus gelesen, daher zählen große Schrift und starke Kontraste am meisten. Auf einem Telefon sucht der Nutzer meist nach seinem eigenen Flug, und eine Tabelle mit voller Breite zwingt ihn möglicherweise zum seitlichen Scrollen. Einige Vorlagen belassen die Tabelle auf schmalen Bildschirmen kompakt, während andere jeden Flug in einen kleinen Block stapeln. Beides funktioniert, solange die Spaltennamen bei den Werten bleiben.

Mit den Nicepage Responsive Modes können Sie die Ansichten für Desktop, Tablet und Smartphone separat anpassen, wenngleich das System das Resultat nicht für Sie beurteilen kann. Ein stark frequentiertes Drehkreuz benötigt ein Layout, das auch bei 40 Abflügen lesbar bleibt, während ein Regionalterminal sich größere Schriftgrößen leisten kann. Wenn Sie einen echten Flugtag in die Demo einfügen, zeigt sich schnell, wie viel angepasst werden müsste.