Eine Einführung in die Hierarchie

Es ist sehr wichtig, sicherzustellen, dass Ihre Entwürfe eine klare Hierarchie aufweisen, und dies sollte in jedem Ihrer Entwürfe angestrebt werden. Das ist definitiv eine Kunst, die sich stark auf Ihre Phase der Inhaltsplanung und Strategie bezieht.


Was ist Hierarchie??

Eine Hierarchie kann beschrieben werden als:

Ein System oder eine Organisation, in der Personen oder Gruppen nach Status oder Autorität übereinander angeordnet werden.

Und wenn wir das so übersetzen, wie die Hierarchie im Design funktioniert, können wir sie ein bisschen wie folgt anpassen:

Ein System oder eine Organisation, in der die Elemente unseres Designs nach Status oder Wichtigkeit übereinander angeordnet sind.

Durch die Einrichtung einer Hierarchie wollen wir alle verschiedenen Elemente unseres Designs effektiv darstellen, je nachdem, wie wichtig diese sind und welche Konzentration oder Aufmerksamkeit auf sie gerichtet werden muss.

Hierarchie handelt auch vom Geschichtenerzählen; Es geht um die Reise unserer Benutzer durch die Website und den von uns erstellten Benutzerfluss. Wir können eine starke Hierarchie nutzen, wenn wir versuchen, unsere Benutzer dahin zu bringen, wo sie wollen.

Hierarchie bezieht sich nicht nur auf das visuelle Layout unserer Elemente, sondern auch auf die Site-Struktur, bei der wir uns auf die Planung verlassen, die wir in unseren Inhaltsstufen vorgenommen haben. An dieser Stelle können wir uns die Inhaltshierarchie ansehen, wie der Inhalt aufgeteilt und verwaltet werden soll, und das hilft uns, zu unserer visuellen Hierarchie und Struktur zu gelangen, in der wir die wichtigsten Layouts, Raster, Typografie und Bilder betrachten, z. Knöpfe und Fotos.

Im Barley-Design verwenden sie sehr gut die Hierarchie und verwenden sowohl Inhalte als auch Bilder, um ihre Botschaften zu vermitteln.

Warum ist Hierarchie so wichtig??

Die Hierarchie ist wichtig, weil sie hilft, die Reihenfolge für das Design festzulegen und sicherzustellen, dass eine stärkere, einheitlichere Markenbotschaft an die Benutzer projiziert wird.

Die Hierarchie hilft uns auch dabei, Bereiche zu schaffen, die für unsere Benutzer visuell interessant sind. Dies wiederum hilft uns, die Benutzer auf ihrer Reise durch die Website zu leiten. Wenn Sie auf diese Weise eine gute visuelle Hierarchie verwenden, können Sie die Bereiche hervorheben, die Sie wahrnehmen möchten. Beim Erstellen einer starken Hierarchie und einer visuellen Struktur betonen Sie auch wichtige Bereiche und zeigen, warum sie wichtig sind.

Bei korrekter Verwendung hilft eine klare Hierarchie, ein geeignetes Interaktionsmuster festzulegen, das die Benutzerreise erleichtert. Sie können es Ihren Benutzern auch erleichtern, Entscheidungen zu treffen und richtig zu verstehen, wie sie mit Ihrer Website interagieren sollen.

Die Zendesk-Website verwendet viel Platz und verwendet verschiedene Arten von Typografie und Bildmaterial, um den Benutzer durch seine wichtigsten Funktionen zu führen.

Werkzeuge zur Festlegung der Hierarchie

Es stehen Ihnen viele verschiedene Werkzeuge und Techniken zur Verfügung, um eine gute visuelle Hierarchie in Ihrem Entwurf festzulegen:

  • die Verwendung von Farbe
  • die Verwendung von Kontrast
  • die Verwendung von Größe
  • die Verwendung von Ausrichtung
  • die Verwendung von Wiederholungen
  • die Verwendung von Nähe
  • die Verwendung von Whitespace

Diese werden alle in den kommenden Hierarchie-Artikeln ausführlich beschrieben und erläutert, wie sie jeweils richtig verwendet werden können. Hier werden wir uns auf inhaltliche und visuelle Hierarchiestrukturen konzentrieren.