Leerräume verändern die Wirkung eines Designs. Erstellung von Websites

Hallo. Hier ist „See und Mond Design“.

Haben Sie nicht auch schon einmal solche Gedanken, wenn Sie eine Website erstellen oder eine Neugestaltung in Betracht ziehen?

„Da wir uns schon die Mühe machen, eine Website zu erstellen, möchten wir einfach alles darauf präsentieren: die Stärken unseres Unternehmens, unser Leistungsangebot, unsere Erfolge und die Vision des Geschäftsführers – einfach alles!“

Dieses Gefühl kann ich nur zu gut nachvollziehen.

Wenn auf dem Bildschirm „leerer Platz“ zu sehen ist, hat man irgendwie das Gefühl, dass das eine Verschwendung wäre, und man ist schnell versucht, ihn mit Text und Bannern vollzupacken.

Aber wie fühlen sich Nutzer wohl, wenn sie eine Website sehen, die mit Informationen überladen ist? Wahrscheinlich denken sie: „Da ist so viel Text, dass ich keine Lust habe, das zu lesen“ oder „Ich verstehe letztendlich nicht, was das Unternehmen eigentlich sagen will“ – und schließen die Seite.

In diesem Beitrag möchte ich erläutern, warum das „Überfüllen mit Informationen“ im Webdesign kontraproduktiv ist. Außerdem werde ich auf die äußerst wichtigen Eigenschaften von „Leerräumen“ eingehen, die oft nur als „leerer Platz“ angesehen werden.

Warum geht die Botschaft verloren, wenn man „zu viel hineinpackt“?

„Viele Informationen = gute Website“ gilt nicht. Im Gegenteil: Wenn zu viele Informationen untergebracht sind, kommt die Botschaft überhaupt nicht mehr an.

Der Grund dafür ist, dass der Blick sich verirrt.

Das menschliche Gehirn sucht unbewusst in dem Moment, in dem es den Bildschirm sieht, danach, „wo man mit dem Lesen beginnen soll“ und „was am wichtigsten ist“. Wenn die Informationen jedoch lückenlos nebeneinander angeordnet sind, springt einem alles mit gleicher Intensität ins Auge, und die „Prioritäten“ gehen vollständig verloren.

Stellen Sie sich einmal einen Supermarktprospekt vor. Dort drängen sich die Informationen dicht aneinander und regen den Kaufwunsch stark an. Das ist ein hervorragendes Design, um etwas zu „verkaufen“. Um jedoch die „Markenphilosophie“ zu vermitteln, ist ein anderes Design erforderlich.

Was ist notwendig, damit Informationen als Einheiten (Gruppen) wahrgenommen werden und der Blick des Nutzers nicht ins Leere läuft? Das ist der „Weißraum“.

Exkurs: Das Wesen der von Google propagierten „hochwertigen Informationen“

Wenn ich in der Designpraxis vorschlage, „Informationen zu streichen“, höre ich oft folgende Bedenken: „Bewertet Google nicht die Vollständigkeit der Informationen? Wird unser Suchranking (SEO) nicht sinken, wenn wir etwas streichen?“

Um es vorweg zu nehmen: Diese Sorge ist unbegründet. Wenn man die von Google offiziell veröffentlichte Definition von „hochwertigen Inhalten“ genauer betrachtet, wird deutlich, wie sinnvoll das von uns geschätzte „Design mit Weißraum“ ist.

1. Websites, bei denen der Nutzer nicht an erster Stelle steht, werden nicht positiv bewertet

Google hat das System „Helpful Content“ eingeführt und bevorzugt eindeutig „Inhalte, die nicht für Suchmaschinen, sondern für Menschen erstellt wurden“. Websites, die lediglich mit Schlüsselwörtern vollgestopft sind und Informationen lückenlos aneinanderreihen, laufen Gefahr, von Google als „nachteilig für die Benutzerfreundlichkeit“ eingestuft zu werden.

2. E-E-A-T: Vertrauen entsteht durch „Lesbarkeit“

„E-E-A-T“ (Erfahrung, Fachkenntnis, Autorität, Vertrauenswürdigkeit) ist ein Bewertungskriterium von Google. Die „Vertrauenswürdigkeit“ wird dabei nicht nur durch die Richtigkeit der Informationen gewährleistet. Eine Benutzeroberfläche, bei der auf einen Blick erkennbar ist, „wer was zu welchem Zweck wie vermittelt“, steigert allein dadurch bereits das Vertrauen in die Website. Umgekehrt wird eine Website mit vielen ablenkenden Elementen, auf der der Blick leicht verloren geht, vom Gehirn als „nicht vertrauenswürdig“ eingestuft – ganz gleich, wie gut die Inhalte auch sein mögen –, was dazu führt, dass Besucher die Seite verlassen.

3. Die Kennzahlen „Verweildauer“ und „Zufriedenheit“

Google beobachtet genau, wie sich Nutzer nach dem Aufrufen einer Website verhalten. Bei Websites ohne Leerraum, deren Lektüre schon anstrengend ist, wird sofort die Schaltfläche „Zurück“ gedrückt. Eine hohe Anzahl solcher „sofortiger Absprünge“ wird von Google als negatives Signal gewertet, das besagt: „Diese Website konnte die Probleme der Nutzer nicht lösen.“

Mit anderen Worten: „Weißraum einzuplanen und Informationen zu gruppieren, um die Lesbarkeit zu verbessern“, ist nicht nur eine Frage der Optik, sondern eine bewährte Methode, um Google davon zu überzeugen, dass es sich um eine wertvolle, qualitativ hochwertige Website handelt.

 Weißraum bestimmt den „Charakter der Marke“

Leerräume dienen nicht nur dazu, die „Lesbarkeit“ zu verbessern. Tatsächlich sind sie auch ein Faktor, der die „Distanz“ und die „Wärme“ zwischen der Marke und den Nutzern bestimmt.

Die Art und Weise, wie Leerraum eingesetzt wird, spiegelt deutlich die „Persönlichkeit“ des Unternehmens wider.

Nehmen wir zum Beispiel ein Design mit großzügigen, weiten Abständen. Dies schafft ein Gefühl von „Gelassenheit“ und „Ruhe“ und vermittelt einen Eindruck von Hochwertigkeit sowie raffiniertem Selbstbewusstsein. Es ist eine würdevolle Haltung, bei der bewusst etwas Abstand zum Nutzer gehalten wird.

Im Gegensatz dazu steht ein Design mit minimalen Abständen und hoher Dichte. Hier entstehen „Lebendigkeit“ und „Energie“, was eine Vertrautheit vermittelt, die die Distanz zum Nutzer deutlich verringert.

Wir regulieren diese „Markentemperatur“ durch das Verhältnis der Schriftgrößen (Jump-Rate) und die Steuerung der Abstände im Bereich von wenigen Pixeln.

„Mit welcher Distanz und welcher Wärme möchten wir unseren Kunden begegnen?“ Wenn sich diese Haltung in den Abständen widerspiegelt, entsteht ein „Markencharakter“, der auch ohne Worte vermittelt wird.

Weißraum als gestalterisches Element

Mit anderen Worten: Leerräume in einem guten Design sind keine zufällig entstandenen Lücken. Sie sind Ausdruck einer starken Absicht, nämlich „bewusst Platz zu lassen“.

„Weil ich dies vermitteln möchte, lasse ich bewusst nichts um das Element herum.“

„Diese Information wird gerade nicht benötigt, daher entscheide ich mich, sie nicht anzuzeigen.“

So geht es darum, Prioritäten bei den Inhalten zu setzen und den Mut zu haben, Dinge wegzulassen. Das Gestalten von Leerraum ist nichts anderes als die Gestaltung der Unternehmenskommunikation.

Leerräume sind letztlich nur ein Teil des Designs und erst im Zusammenspiel mit Schriftgröße, Farbe und Bildton entsteht der „eigene Stil“. Doch die wichtigste und grundlegendste Basis dafür ist eben diese „Kontrolle der Leerräume“.

Warum ist es so schwer, schöne Leerräume zu schaffen?

Warum gibt es dann in der Welt so viele „Websites mit unschönen Leerräumen und Informationsüberflutung“? Dafür gibt es im Wesentlichen drei Gründe.

Der erste Grund ist die bereits angesprochene „Kundenpsychologie“. Auf die Forderung „Wenn schon Platz da ist, fügen Sie doch bitte auch dieses Banner ein“ kann die Produktionsseite oft nicht logisch erklären, „warum dieser Bereich frei gelassen wurde (Leerraum als funktionales Element)“, und fügt die Informationen daher einfach wie gewünscht hinzu.

Der zweite Grund sind die „Grenzen der Vorlagenstruktur“. Bei einer Gestaltung, bei der Fotos und Texte in ein vorgefertigtes Raster eingefügt werden, sind feine Anpassungen wie „Um die Weltanschauung dieser Marke zum Ausdruck zu bringen, sollten wir hier den Abstand etwas größer als üblich gestalten“ nicht möglich. Das Ergebnis sind Websites mit den allgegenwärtigen „durchschnittlichen Abständen“.

Der dritte Grund sind die Auswirkungen der „Weiterentwicklung der Geräte“.
Vor einigen Jahren wurden Webseiten noch für deutlich kleinere Bildschirmgrößen als heute konzipiert.Da die Informationen in die begrenzte Bildschirmbreite gezwängt werden mussten, gab es „physikalische Einschränkungen“, die zwangsläufig dazu führten, dass der Randbeschnitt reduziert werden musste. Dass Websites, die weiterhin nach dem damaligen Design aktualisiert oder nach alten Standards gestaltet wurden, auf modernen großen Bildschirmen oft als „beengt und überladen“ empfunden werden, ist nicht selten ein Überbleibsel dieser Zeit.

Deshalb ist eine Umgebung erforderlich, die der Gestaltung keine Grenzen setzt

Um die auf dem Design-Bildschirm entworfenen „schönen Leerräume (die Ausstrahlung der Marke)“ auf der Website umzusetzen, ist auch die Implementierungsumgebung von Bedeutung. Je nach Projektziel setzen wir hauptsächlich zwei verschiedene Tools ein.

Vergleicht man die jeweiligen Merkmale, wird deutlich, wie die angestrebte Website aussehen sollte.

Die derzeitige WordPress-Bearbeitung, die hauptsächlich auf „Blöcken“ basiert, hat sich stark weiterentwickelt. Sie lässt sich intuitiv wie das Stapeln von Blöcken handhaben und bietet den Vorteil, dass Betreiber flexibel und sofort reagieren können, wenn sie beispielsweise denken: „Hier möchte ich etwas mehr Platz lassen.“

Auf der anderen Seite kommen „Headless-CMS“ wie microCMS besonders bei Markenwebsites zum Einsatz, bei denen das „Unternehmensimage“ millimetergenau und kompromisslos umgesetzt werden soll. Da es keinerlei systemseitige Einschränkungen gibt, lassen sich die von uns entworfenen „sinnvollen Abstände“ und „feinen Schriftabstände“ zu 100 % genau nach den Designvorgaben umsetzen.

Es geht nicht darum, das Design an die „Fähigkeiten des Systems“ anzupassen, sondern das System an das „Erlebnis, das wir vermitteln wollen“. Unabhängig davon, welches Tool verwendet wird, ist es wichtig, eine Umgebung zu schaffen, in der das „Design durch Leerräume“ intakt bleibt und den Nutzern vermittelt wird.

Zusammenfassung | Weißraum ist Design zur Vermittlung

Es ist einfach, etwas hinzuzufügen, weil „etwas fehlt“. Wenn man dem Gegenüber jedoch wirklich etwas vermitteln möchte, muss man den Mut aufbringen, etwas wegzulassen.

Leerräume zu schaffen bedeutet nicht einfach nur, Text zu streichen. Es ist ein „Design, das sicherstellt, dass die Botschaft, die Sie am liebsten vermitteln möchten, genau denjenigen erreicht, denen Sie sie am liebsten vermitteln möchten“.

Wenn Sie sich gerade Ihre eigene Website ansehen und das Gefühl haben: „Da steht zwar viel, aber irgendwie kommt das, was uns auszeichnet, nicht richtig rüber“, dann liegt das vielleicht nicht an fehlenden Informationen, sondern an fehlendem „Weißraum“.

Warum fangen Sie nicht damit an, die überladenen Informationen zu ordnen und sich erneut zu fragen: „Was möchten Sie wirklich zeigen?“