visuelle Ordnung

Abstände

Abstände und freie Flächen sind aktive Gestaltungsmittel und geben Inhalten und Funktionen Ihrer Website visuell eine Struktur.

Größe und Ähnlichkeit, aber vor allem die Nähe von Gestaltungsbausteinen bestimmen darüber, wie zusammengehörig sie wahrgenommen werden.
Stellen Sie inhaltlich verbundene Inhalte als Gruppe dar und lassen Sie ausreichend großzügige Abstände zu anderen Inhalten. Lassen Sie auch zwischen den Elementen einer Gruppe ausreichend Abstand, damit diese untereinander differenziert werden können.

Viewport

Die Ansicht von Websites und Apps wird in  Viewports aufgeteilt: der von Monitor und Browser bzw. Device bestimmte, jeweils gleichzeitig sichtbare Ausschnitt. Der erste Viewport ist der Teil der Seite, der nach dem Laden zuerst gesehen wird.

Leider wird immer noch zu oft versucht, möglichst viele Elemente auf diesem beschränkten Raum zusammengedrängt darzustellen. Nutzer:innen wissen allerdings sehr wohl, dass weitere Inhalte mittels Scrollens sichtbar werden, bzw. in den Viewport gleiten.

Außerdem hat sich herausgestellt, dass das Scrollen den User weniger kognitiv beansprucht (Cognitive Load), als das Klicken und Wegspringen zu anderen Seiten.

Viewport: der sichtbare Teil einer Website