Gleiche Inhalte, aber

unterschiedliche Layouts für Desltop-PCs bzw. Smartphones

Heutzutage surft der Großteil unserer jüngeren Nutzer lieber mit Smartphones als mit dem PC oder Notebook. Daher müssen wir als Informationsanbieter dafür sorgen, dass unsere Inhalte auch auf dem verhältnismäßig kleinen Bildschirm eines Smartphones noch vernünftig lesbar sind. Wir haben daher ein zusätzliches Design entworfen, dass die wesentlich geringere Breite von "Handhelds" und deren ggf. geringere Bandbreite berücksichtigt. Abhängig vom Gerät des Nutzers bekommt dieser die (identischen!) Inhalte in einem angepassten Layout.

In der Regel erkennt unserer Server bereits das Format des Nutzer-Endgerätes und wählt das passende Layout aus. Andererseits kann der Nutzer statt des angebotenen auch das andere Layout wählen oder zwischen den Layouts wechseln. Insbesondere für "Zwischengrößen" (z.B. Tablets) überlassen wir die Layout-Wahl gerne unseren Nutzern. Den Wechsel-Button findet ihr oben rechts neben dem Banner des TT-Regionsverbands.

Mit diesem Button im Desktop-Layout wechselt man ins Smartphone-Layout:
Mit diesem Button im Smartphone-Layout wechselt man ins Desktop-Layout:

Die unterschiedlichen Layouts sind realisiert durch:

  • Weglassen des Desktop-Top-Bildes im Smartphone-Layout
  • Ersatz des QuickLinks-Streifens im Desktop-Layout durch ein Popup-Menü im Smartphone-Layout
  • Ersatz der Navigation im Desktop-Layout durch ein Popup-Menü im Smartphone-Layout
  • unterschiedliche Stylesheets für das jeweilige Layout