Tablica Przylotów I Odlotów Szablony HTML

Responsywne szablony HTML tablic przylotów i odlotów

Szablony HTML tablic przylotów i odlotów zapewniają łatwą do dostosowania tablicę lotów z wierszami dla poszczególnych rejsów. Taka tablica różni się od zwykłej tabeli tym, że mieści dziesiątki wpisów, a krótkie komunikaty o statusie zmieniają się w ciągu dnia. Większość czytelników szuka jednego konkretnego lotu, więc numer rejsu i miasto muszą być wyraźnie wyeksponowane. Responsywny układ powinien zapewniać czytelność każdego wiersza zarówno na telefonach, jak i na ekranach w terminalu. Rzetelne porównanie warto zacząć od przykładowych wierszy.

Co pokazują przykładowe wiersze

Tablice przylotów i odlotów mają większość wspólnych pól, lecz różnią się akcentami. Odloty wymagają podania bramki i statusu wejścia na pokład. Przyloty opierają się na miejscu wylotu i przewidywanym czasie. Kilka testów na danych demonstracyjnych powie więcej niż podgląd graficzny:

• Sprawdź, czy nagłówek kolumny miasta w przypadku przylotów można zmienić z „Do” na „Z”.
• Upewnij się, że skorygowany czas mieści się obok planowanego i wyraźnie się od niego różni.
• Zastąp krótki kierunek nazwą Washington Dulles International i sprawdź, gdzie znajdzie się status.
• Zmień „O czasie” na „Bramka zamknięta” i upewnij się, że dłuższy tekst nadal mieści się w jednym wierszu.

Gdy test wypadnie niepomyślnie, poprawka jest z reguły prosta. W elemencie Grid Element w Nicepage przeciągnięcie krawędzi komórki poszerza kolumnę, a upuszczenie jednej komórki na drugą zamienia je miejscami.

Wprowadzanie własnego rozkładu

Zastąpienie przykładowych lotów rzeczywistymi danymi to głównie wpisywanie tekstu, lecz kilka szczegółów decyduje o czytelności tablicy. Warto zachować każdą wartość pod odpowiadającą jej etykietą, ponieważ godzina bez podpisu „Planowo” lub „Oczekiwany” pozostawia podróżnych w niepewności. Gdy bramka nie została jeszcze przydzielona, zwięzłe „Do ustalenia” wygląda celowo, podczas gdy pusta komórka sprawia wrażenie błędu. Na dworcu kolejowym kolumna bramki staje się kolumną peronu. Szablon HTML wyświetla dokładnie to, co wprowadzisz. Źródło danych rozkładu i sposób jego aktualizacji to osobne kwestie.

Ekrany telefonów a tablice w hali głównej

Te dwa rodzaje ekranów służą różnym odbiorcom. Wyświetlacz w hali głównej czyta się z drugiego końca korytarza, dlatego najważniejsze są duży krój pisma i wyraźny kontrast. Na telefonie użytkownik szuka zazwyczaj wyłącznie swojego połączenia, a tabela o pełnej szerokości może wymuszać przewijanie w poziomie. Część szablonów zachowuje zwartą formę tabeli na wąskich ekranach, podczas gdy inne układają dane każdego lotu w niewielki blok. Oba rozwiązania zdają egzamin, pod warunkiem że nazwy kolumn pozostają powiązane z wartościami.

Tryby Nicepage Responsive Modes pozwalają osobno dostosować widoki dla komputerów, tabletów i telefonów, choć nie ocenią one ostatecznego efektu za Ciebie. Ruchliwy węzeł przesiadkowy wymaga układu zachowującego czytelność przy 40 odlotach, z kolei terminal regionalny może pozwolić sobie na większy tekst. Wklejenie rzeczywistego dziennego rozkładu lotów do wersji demo szybko ujawni elementy wymagające korekty.