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.
847 Dokumente
94 Personen
12 Geschichten

Zuletzt aktualisiert

Alle Dokumente
Brief von Ernst an Käthe, März 1923
von Käthe Raddatz
vor 2 Tagen
Heiratsurkunde Raddatz-Müller, 1898
—
vor 4 Tagen
Familienfoto, Sommer 1928
von Ernst Raddatz
vor 1 Woche
Taufregister Heinrich Weber, 1902
—
vor 2 Wo.
Postkarte aus Berlin, 1930
von Frieda Müller
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 …
vor 3 Tagen
Sommer 1934 in Köln
Die Sommerferien 1934 verbrachte die Familie Raddatz bei Verwandten in Köln — die letzte unbeschwerte Reise vor dem Krieg …
vor 2 Wochen
Briefe aus dem Krieg
Zwischen 1914 und 1918 schrieb Ernst Raddatz insgesamt 47 Briefe aus dem Feld an seine Frau Käthe …
vor 1 Monat
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.
847Dokumente
94Personen
12Geschichten

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
von Käthe Raddatz
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 …
vor 3 Tagen
Sommer 1934 in Köln
Die Sommerferien 1934 verbrachte die Familie Raddatz bei Verwandten in Köln …
vor 2 Wochen
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