Die Arbeitsweise
Visual Hierarchy befasst sich mit der Reihenfolge, in der eine Oberfläche Aufmerksamkeit auf sich zieht. Es kombiniert Größe, Gewicht, Kontrast, Weißraum, Position und Dichte, statt sich auf eine übergroße Überschrift oder einen auffälligen Button zu verlassen. Die Quelle unterscheidet zwischen primären, sekundären, tertiären und Hintergrundinformationen.
Es ist ein Kompositionsleitfaden für neue Arbeiten, kein Ersatz für das Testen eines bestehenden Screens. Gängige Scanmuster und empfohlene Größenunterschiede sind Heuristiken. Die tatsächliche Hierarchie sollte anhand von Aufgabe und Zielgruppe geprüft werden, auch bei Layouts, deren Leserichtung von den Links-nach-rechts-Beispielen der Quelle abweicht.
Erwartete Ergebnisse
- Eine priorisierte Inhaltshierarchie für eine Ansicht.
- Eine Begründung der Komposition anhand mehrerer Aufmerksamkeitssignale.
- Eine Checkliste für schnelle visuelle Prüfung und Aufgabentests.
Vom Briefing zur Prüfung
- 01Inhalte priorisieren
Wählen Sie die wichtigste Aktion oder Botschaft und bestimmen Sie, was als Nächstes überflogen oder bei Bedarf gelesen werden soll.
- 02Visuelles Gewicht zuweisen
Nutzen Sie aufeinander abgestimmte Änderungen bei Größe, Abstand, Kontrast und Gruppierung, statt jedes Element hervorzuheben.
- 03Leserichtung prüfen
Prüfen Sie mit einem Blinzeltest und der Beobachtung echter Aufgaben, ob die Aufmerksamkeit der beabsichtigten Abfolge folgt.