Reader Dashboard — Konzept B · „Überblick"

Kompakte, strukturierte Gestaltung. Begrüßung und Statistik werden in einem gemeinsamen Querbalken kombiniert — spart vertikalen Platz. Personen erscheinen als quadratische Portrait-Karten mit großem Avatar. Geschichten zeigen einen kurzen Auszug für schnelle Orientierung.

Konzept B · Entwurf
Schwerpunkt
Effizienz — alles auf einen Blick
Header
Gruß + Statistik in einem Querbalken
Personen
Portrait-Kacheln mit großem Avatar
Geschichten
Titel + Auszug (~2 Zeilen) + Datum
📐 Mockup-Skalierung — alle Schriftgrößen, Abstände und Höhen im Mockup sind auf ca. 55 % der tatsächlichen Implementierungswerte skaliert. Werte nicht aus dem Mockup-CSS kopieren.
1 Desktop · Leser ohne BLOG_WRITE (READ_ALL only)
Vollansicht ≥ 1024 px
familienarchiv.local /
Startseite Dokumente Personen Geschichten
BK
Guten Abend
Herzlich willkommen, Brigitte.

Zuletzt aktualisiert

Alle Dokumente
Brief von Ernst an Käthe, März 1923
vor 2 Tagen
Heiratsurkunde Raddatz-Müller, 1898
vor 4 Tagen
Familienfoto, Sommer 1928
vor 1 Woche
Taufregister Heinrich Weber, 1902
vor 2 Wo.
Postkarte aus Berlin, 1930
vor 3 Wo.

Geschichten

Alle Geschichten
Die Reise nach Berlin
Im Frühjahr 1921 bestieg Ernst Raddatz erstmals den Zug nach Berlin, um Arbeit in der aufstrebenden Metropole zu finden …
Sommer 1934 in Köln
Die Sommerferien 1934 verbrachte die Familie Raddatz bei Verwandten in Köln — die letzte unbeschwerte Reise vor dem Krieg …
Briefe aus dem Krieg
Zwischen 1914 und 1918 schrieb Ernst Raddatz insgesamt 47 Briefe aus dem Feld an seine Frau Käthe …
Zone 1 + 2 — Kombinierter Header-Balken
  • Begrüßung links, drei Statistiken rechts — alles in einer Karte
  • Statistiken durch vertikale Trennlinien gegliedert, jede als <a>-Link
  • Spart vertikalen Platz: weniger Scrollen für Nutzer auf kleineren Bildschirmen
  • Stats-Zahlen: 24 px (real) — kleiner als Konzept A, aber immer noch gut lesbar
Zone 4 — Portrait-Kacheln
  • 4-spaltig gleichbreit; Avatar 28 px (skaliert), Name + Zahl darunter
  • Mint-farbene Zahl-Badge (#E8F4F4 / #A6DAD8) macht Dokumentanzahl prominent
  • Kacheln sind vollflächige <a>-Links — barrierefrei
Zone 5 — Gleiches Spaltenbreite 1:1
  • Beide Spalten erhalten gleich viel Platz — Parität zwischen Dokumente und Geschichten
  • Dokumente: Thumbnail-Platzhalter + Absender-Link in zweiter Zeile
  • Geschichten: Auszug mit 2-Zeilen-Clamp — gibt Lesern mehr Kontext zum Klicken
Stärken dieses Konzepts
  • Kompakteste der drei Varianten — wenig Scrollbedarf
  • Portrait-Kacheln helfen, Personen visuell zu „erkennen" (Avatar wird vertraut)
  • Auszüge in der Geschichten-Spalte erhöhen die Klickwahrscheinlichkeit
2 Variante · BLOG_WRITE — mit Zone 3 „Meine Entwürfe"
BLOG_WRITE-Nutzer READ_ALL + BLOG_WRITE
familienarchiv.local /
Startseite Dokumente Personen Geschichten
MR
Guten Morgen
Herzlich willkommen, Marcel.

Meine Entwürfe

→ Alle Geschichten
Onkel Friedrichs Wanderjahre
Entwurf · zuletzt bearbeitet vor 1 Tag
Die Raddatz-Kinder
Entwurf · zuletzt bearbeitet vor 5 Tagen

Zuletzt aktualisiert

Alle Dokumente
Brief von Ernst an Käthe, März 1923
vor 2 Tagen
Heiratsurkunde Raddatz-Müller, 1898
vor 4 Tagen
+ 3 weitere Dokumente …

Geschichten

Alle
Die Reise nach Berlin
Im Frühjahr 1921 bestieg Ernst Raddatz erstmals den Zug nach Berlin …
Sommer 1934 in Köln
Die Sommerferien 1934 verbrachte die Familie Raddatz bei Verwandten in Köln …
Zone 3 — Entwürfe mit Mint-Dot-Indikator
  • Mint-Punkt vor jedem Entwurf signalisiert „unveröffentlicht" visuell
  • Mint-Randakzent links (3 px) ohne Störung des Card-Rahmens
  • Kompakter als Konzept A — fügt sich harmonisch zwischen Header und Personen ein