🩺  Layout Analyse | Raum 3.217


Ziel ist es, das bestehende Layout des redaktionellen Bereichs des Cranach Digital Archive zu analysieren und ein Layout Mapping zu erstellen. Dadurch sollen die Struktur und visuelle Gestaltung der Seiten besser verstanden und Verbesserungspotenziale identifiziert werden. Sie erhalten eine kurze Übersicht über die Vorgehensweise und die Aufgaben, die im Workshop bearbeitet werden. Fragen zum Ablauf können an dieser Stelle geklärt werden.

Schritt 1: Erfassung der Layoutstrukturen

Dokumentieren Sie die Layouts der relevanten Seiten des redaktionellen Bereichs. Arbeiten Sie wie folgt: Identifizieren Sie die Hauptbestandteile der Seiten (z. B. Header, Navigation, Content-Bereich, Footer). Skizzieren Sie grob die Struktur der Layouts, z.B. in Form von Wireframes oder einfachen Diagrammen. Nutzen Sie vorgegebene Templates, um die Elemente zu visualisieren. Markieren Sie Besonderheiten, wie wiederkehrende Module, abweichende Layouts oder auffällige Elemente.

Ziel ist es, ein konsistentes und übersichtliches Mapping der Layoutstrukturen zu erstellen. Dabei wird sichtbar, wie Seiten aufgebaut sind und wie sie sich in ihrer Gestaltung voneinander unterscheiden.

Schritt 2: Analyse der Layouts

Im zweiten Schritt bewerten Sie die erfassten Layouts anhand folgender Kriterien:

  • Kohärenz: Sind die Layouts konsistent, oder gibt es visuelle oder strukturelle Abweichungen?
  • Funktionalität: Unterstützen die Layouts die Nutzerziele (z. B. schnelle Auffindbarkeit von Informationen)?
  • Lesbarkeit und visuelle Hierarchie:Sind Texte, Bilder und andere Inhalte klar strukturiert?
  • Responsivität: Sind die Layouts anpassungsfähig für verschiedene Geräte (Desktop, Tablet, Smartphone)?
  • Ästhetik: Ist das Design auf die Zielgruppe und die kommunikativen Ziele abgestimmt?

Tragen Sie Ihre Bewertungen und Beobachtungen direkt in das Mapping oder eine ergänzende Datei ein. Markieren Sie Layout-Bestandteile, die nicht optimal funktionieren oder potenziell überarbeitet werden könnten. Wenn möglich, formulieren Sie erste Ideen zur Verbesserung, wie etwa Anpassungen der visuellen Hierarchie oder eine Vereinheitlichung der Gestaltung.

Schritt 3: Zusammenfassung & Learnings

Diskutieren Sie die zentralen Erkenntnisse und dokumentieren Sie Muster oder Probleme, die Ihnen besonders aufgefallen sind, wie etwa inkonsistente Module oder schwer lesbare Inhalte.

Ergebnis

Das Ergebnis ist eine dokumentierte Analyse, in Form von annotierten Screenshots, die das Layout systematisch aufschlüsselt. Dadurch entsteht eine Übersicht über Struktur, visuelle Hierarchie und gestalterische Muster des untersuchten Layouts.

Material