Einleitung
Die GeFa-Startseite wird Nutzenden direkt nach dem Login angezeigt und ist über das Hauptmenü jederzeit zu erreichen.
Verwendungsbeispiele
- Wird immer nach dem Login angezeigt.
Inhalt
Jeder geführte Neuanlage-Prozess besteht aus 3 Bereichen:
- Headerbereich: enthält die Navigationsleiste.
- Inhaltsbereich: Kacheln können individuell eingestellt werden.
- Footer: zeigt lediglich die GeFa Version an.
Aufbau der Seite
- Headerleiste
- Seitentitel
- GeFa-Logo
- Inhaltskachel-Gruppe
- GeFa-Version
- Hintergrundbild
- Scrollbar (optional)
Verhalten
Dieser Seitentyp besteht aus folgenden Elementen. Die Reihenfolge der hier genannten Elemente enspricht auch der Fokusreihenfolge, wenn mit der Tastatur navigiert wird. Beim initialen Seitenaufruf liegt der Fokus auf dem ersten interaktiven Element in der Headerleiste.
Headerleiste
Die Hauptnavigationsleiste füllt die komplette Bildschirmbreite und ist zu jedem Zeitpunkt sticky.
(siehe Headerleiste)
Seitentitel
Der Seitentitel auf der GeFa-Startseite beinhaltet beinhaltet den Text “Willkommen bei GeFa”. Der Schrifttyp ist H1 (siehe Schriften).
GeFa-Logo
Rechts oben wird das GeFa Logo angezeigt. Es ist als Layoutgrafik zu deklarieren.
Inhaltskachel-Gruppe
Je nach Rolle und Berechtigungen der eingeloggten Nutzer*innen können hier unterschiedliche Inhaltskacheln angezeigt werden. Auch ist es später denkbar, dass Nutzende sich die angezeigten Inhalte auf ihre Bedürfnisse hin personalisieren können. Im Standardfall wird mindestens eine Kachel angezeigt, welche die Haupt-Einstiegspunkte für die Justizpersonenrolle wiederholt, welche auch im Hauptmenü zu finden sind. Eine zweite Kachel zeigt bei vielen Nutzendene den Haupt-Einstiegspunkt zur GeFa Recherche (nicht bei allen, je nach Rolle). Je nach Kachelinhalt, können verschiedene Kachelbreiten definiert werden.
(siehe Inhaltskachel)
GeFa-Version
Am Ende der Seite wird im Schrifttyp “Label” (14pt, weiß) die GeFa Version angezeigt.
(siehe Schriften)
Hintergrundbild
Im Hintergrund kann ein je nach Justizbehörde individuelles Foto (z. B. des Gerichtsgebäudes) dargestellt werden, welches den Nutzenden, die an mehreren Behörden tätig sind, schnell die Sicherheit gibt, mit welcher Behörde sie eingeloggt sind (zusätzlich zum Behördennamen in der Hauptnavigationsleiste). Das Foto ist mit einer 80% transparenten Nachtblauen Fläche abgedunkelt, so dass alle darauf liegenden Elemente wie Logo und Inhaltskacheln sich gut davon abheben.
(siehe Farben & Schattierungen)
Scrollbar der Seite
(optional, je nach Fenstergröße)
Responsives Verhalten
Bei allen Fensterbreiten überhalb von 400 Pixeln gilt:
Elemente | Verhalten |
|---|---|
Headerleiste | Komplette Fensterbreite |
Seitentitel | Linksbündig ausgerichtet an der ersten Spalte des Seitenlayouts; Maximale Breite vor Umbruch: 10 Spalten |
GeFa-Logo | Rechtsbündig ausgerichtet an der letzten Spalte des Seitenlayouts. 64x64 Pixel groß. |
Inhaltskachel-Gruppe | Füllt alle 12 Spalten des Seitenlayouts |
GeFa-Version | Rechtsbündig ausgerichtet an der letzten Spalte des Seitenlayouts. Ausgerichtet am unteren Seitenrand (mit 24px Abstand). Bei geringer Fensterhöhe: Mindestabstand zur letzten Inhaltskachel von 64px (sonst durch Scrollen erreichbar). |
Hintergrundbild | Skaliert proportional zum Seitenverhältnis des Bildes mit, so dass immer die komplette Fensterhöhe und -breite gefüllt ist, ohne, dass das Bild dabei verzerrt wird. |
Ab einer Fensterbreite unterhalb von 1600 Pixeln gilt abweichend:
Elemente | Verhalten |
|---|---|
GeFa-Logo | Nur noch 56x56 Pixel groß. |
Ab einer Fensterbreite unterhalb von 1440 Pixeln gilt abweichend:
Elemente | Verhalten |
|---|---|
GeFa-Logo | Nur noch 48x48 Pixel groß. |
Ab einer Fensterbreite unter 760 Pixeln gilt:
Zwischen Seitentitel und GeFa-Logo bleibt ein Abstand von mindestens 32 Pixeln bestehen, ansonsten bricht der Seitentitel um.
Verhalten beim Scrollen der Seite
Unabhängig von der Fensterhöhe bleibt beim Scrollen ausschließlich die Hauptnavigationsleiste sticky am oberen Fensterrand stehen.
Regionen
Headerleiste
- Landmark “Header”
Kompletter Seiteninhalt unterhalb der Headerleiste
- Landmark “Main”
Verfahrenstabs
- Beschriftung “Verfahren”
Kompletter Inhaltskachel-Bereich (bestehend aus Seitentitel, Verfahrensaktionen-Button und Kacheln)
- Landmark “Region”
- Beschriftung “[Titel der geöffneten Registerkarte]”
Kompletter Zugehörige-Verfahren-Bereich (bestehend aus Titel, Verfahren-hinzufügen-Button und Tabelle)
- Landmark “Region”
- Beschriftung “Zugehörige Verfahren”
Überschrift-Ebenen
H1: Seitentitel
H2:Titel der Kacheln
