Statusseite in zwei Spalten aufteilen: übersichtlicher für Besucher

Eine Statusseite mit einem Dutzend Diensten, einem Wartungsplan und einem Störungsverlauf kann schnell zu einer Seite werden, durch die Besucher ewig scrollen, bevor sie etwas finden, mit dem sie etwas anfangen können. Wenn du eine Statusseite in zwei Spalten aufteilst, steht deine Liste der Dienste links und geplante Wartungen samt Abo-Formular rechts. So bleibt im Blick, womit Besucher tatsächlich etwas tun, ohne dass auch nur eine einzige Information versteckt oder umsortiert wird.

Wann braucht eine Statusseite wirklich zwei Spalten?

Für eine kleine Seite reicht eine Spalte völlig aus: fünf oder sechs Dienste, vielleicht ein anstehendes Wartungsfenster, ein Abo-Feld ganz unten. Alles, was ein Besucher braucht, ist ein- oder zweimal Scrollen entfernt.

Das Problem taucht auf, sobald die Liste der Dienste wächst. Füg ein Dutzend Dienste in ein paar Gruppen hinzu – Website, API, E-Mail, Mobile – und die Seite wird lang, bevor der Wartungsbereich oder das Abo-Formular überhaupt erscheint. Das Formular, das während eines Ausfalls Abonnenten gewinnen soll, landet Tausende Pixel weiter unten, hinter Inhalten, die die meisten Besucher nie erreichen. Genau dieses Lesbarkeitsproblem löst ein zweispaltiges Layout: Nicht dass eine Spalte falsch aussieht, sondern dass sie sich nicht mehr überfliegen lässt, sobald die Liste lang genug ist.

Wenn deine Seite noch kurz ist, bleibt eine Spalte die richtige Wahl – sie ist nicht ohne Grund der Standard, und wenn du eine kurze Seite auf zwei Spalten umstellst, bleibt eine Spalte nur halb leer.

Was ein zweispaltiges Layout ändert

Bei InfraNest haben Statusseiten eine Einstellung Layout mit zwei Optionen: eine Spalte oder zwei. Mit einer Spalte startet jede Seite, und das bleibt auch der Standard. Wechselst du auf zwei Spalten, wandern deine Dienste in eine breitere linke Spalte, während geplante Wartungen und das Abo-Formular in eine schmalere Spalte daneben rücken – sichtbar, sobald die Seite lädt, nicht erst nach langem Scrollen.

Das ist die ganze Änderung. Es ist eine Umordnung, kein Redesign: dieselben Gruppen, dieselben Dienstnamen, dieselben Wartungsfenster, nur so angeordnet, dass sich die Seite mit zwei Blicken erfassen lässt statt mit einem langen.

Was genau gleich bleibt

Das lohnt sich, ausdrücklich zu sagen, denn bei einer Layout-Änderung geht leicht versehentlich etwas verloren. Beide Layouts zeigen exakt dieselben Informationen – nichts wird hinzugefügt, versteckt oder umformuliert, nur verschoben:

• Jeder Dienst, jede Gruppe und jeder Uptime-Balken, den du in einer Spalte siehst, ist auch in zwei Spalten noch da.
• Geplante Wartungen werden weiterhin als geplant angezeigt und nie als Ausfallzeit gezählt.
• Das Abo-Formular ist dasselbe Formular, nur anders platziert.
• Störungsverlauf, Dienste von Drittanbietern und Ankündigungen erscheinen in beiden Layouts, sofern du sie aktiviert hast.

NoteAlles, was gerade nicht funktioniert, bleibt in beiden Layouts in voller Breite ganz oben. Eine Layout-Einstellung kann eine Seite neu anordnen; sie kann einen aktiven Ausfall aber nicht in eine Seitenspalte abschieben, wo man ihn leicht übersieht.

Dieser letzte Punkt ist wichtiger, als er klingt. Ein zweispaltiges Layout ist eine Annehmlichkeit für ruhige Tage – Dienste durchsehen, Wartungen prüfen, abonnieren. Sobald etwas ausfällt, verhält sich die Seite wieder so, dass das Wichtigste im Vordergrund steht: der Ausfall-Banner, in voller Breite, ganz oben, egal welches Layout du gewählt hast.

Wo Wartungen und das Abo-Formular tatsächlich stehen

Im zweispaltigen Layout enthält die rechte Spalte geplante Wartungen und das Abo-Formular gemeinsam, neben den Diensten statt darunter. Das ist Absicht – genau diese beiden Dinge gehen auf einer langen einspaltigen Seite am häufigsten unter: Wartungshinweise, die Besucher sehen sollten, bevor sie ein Ticket eröffnen, und das Formular, das aus einem einmaligen Besucher jemanden macht, der eine E-Mail bekommt, sobald sich etwas ändert. Stehen sie neben der Liste der Dienste statt darunter, sind sie sichtbar, ohne dass Besucher wissen müssen, dass es sie gibt, und danach scrollen müssen.

Was auf dem Smartphone passiert

Auf einem Handybildschirm ist kein Platz für zwei Spalten, deshalb klappt eine zweispaltige Seite automatisch wieder auf eine Spalte zusammen. Dabei geht nichts verloren – die Seitenspalte (Wartungen und Abo-Formular) landet unter den Diensten, in derselben Reihenfolge, in der sie erscheinen würde, wenn die Seite von vornherein einspaltig wäre. Du musst keine eigene Entscheidung für das mobile Layout treffen; das wird für dich erledigt.

Das Layout mit anderen Darstellungseinstellungen kombinieren

Das Layout ist eine von mehreren Einstellungen, die du dir gemeinsam ansehen solltest, wenn deine Statusseite gewachsen ist. Den Abstand kannst du auf Kompakt stellen, um mehr Dienste auf den Bildschirm zu bekommen, ohne etwas zu verstecken – das rückt nur die Zeilen enger zusammen und entfernt nie einen Abschnitt. Das Farbschema kann Auto folgen und passt sich damit laufend an das Gerät des Besuchers an, selbst wenn er mitten in einer Störung von hell auf dunkel wechselt. Und Angezeigter Verlauf (30, 60 oder 90 Tage) legt fest, wie weit die Uptime-Balken und die Störungsliste zurückreichen – was auch beeinflusst, wie lang die einspaltige Version der Seite wird, bevor sie überhaupt zwei Spalten braucht.

Wenn du auch darüber nachdenkst, wie Störungen auf der Seite mit deinem Support-Workflow zusammenhängen, lies wie du Störungen auf der Statusseite mit Support-Anfragen verknüpfst – eine dauerhafte URL für jede Störung ist nützlich, egal wie die Seite aufgebaut ist.

So stellst du deine Statusseite auf zwei Spalten um

1. Öffne deine Statusseite und geh zu Einstellungen → Darstellung.
2. Wähle unter Layout die Option Zwei Spalten. Eine kleine Vorschau zeigt dir den Unterschied, bevor du dich festlegst.
3. Prüf die Live-Vorschau neben den Einstellungen – sie zeigt deine echten Dienste, keine Platzhalterinhalte.
4. Speichere. Die Änderung gilt sofort, auf deiner eigenen Domain genauso wie unter der gehosteten URL.

Es gibt nichts zu migrieren und keine Inhalte neu einzugeben: Das Layout verschiebt nur, was ohnehin schon auf der Seite steht. Wenn sich eine zweispaltige Seite später für eine kleinere Liste von Diensten falsch anfühlt, ist der Wechsel zurück auf eine Spalte genauso mit zwei Klicks erledigt.

Eine Statusseite gibt es, damit Leute die Frage „Ist das gerade kaputt?“ beantworten können, ohne ein Ticket zu eröffnen. Die Liste der Dienste, Wartungen und das Abo-Formular ohne unnötiges Scrollen sichtbar zu halten, ist eine Kleinigkeit – aber sie macht den Unterschied zwischen einer Seite, die genutzt wird, und einer, die ignoriert wird. Alle Layout- und Branding-Optionen findest du auf der Funktionsseite zu Statusseiten.