Eine Website kann technisch sauber sein, schnell laden, ordentlich aussehen und trotzdem erstaunlich anstrengend sein. Man findet nicht sofort, was man sucht. Drei Dinge wollen gleichzeitig Aufmerksamkeit. Zwei Leistungen klingen nahezu identisch. Ein Button taucht auf, bevor überhaupt klar ist, warum man ihn klicken sollte. Und irgendwo zwischen Hero, Vorteilen, Bewertungen und Kontaktformular versucht ein Popup ebenfalls noch, seinen Beitrag zur Nutzerführung zu leisten.
Keines dieser Dinge muss für sich genommen dramatisch sein. Das Problem entsteht meistens aus ihrer Summe.
Denn eine Website besteht aus mehr als Text, Bildern und Buttons. Für einen Besucher ist sie eine Abfolge kleiner Aufgaben. Er muss erkennen, was wichtig ist, Zusammenhänge verstehen, Informationen sortieren, Optionen vergleichen, Entscheidungen treffen und anschließend herausfinden, wie er diese Entscheidung in eine Handlung übersetzt.
Das passiert in wenigen Sekunden und größtenteils ohne bewusste Analyse.
Genau deshalb ist Psychologie im Webdesign so interessant. Gute Nutzerführung ist im Grunde unspektakulär. Sie nimmt Menschen unnötige Arbeit ab.
Wer eine Website besucht, sollte seine Aufmerksamkeit möglichst für das Angebot verwenden können und nicht dafür, die Website selbst zu entschlüsseln.
Dazu gibt es einige psychologische und wahrnehmungsbezogene Prinzipien, die seit Jahrzehnten erforscht werden. Hick-Hyman, Miller, Fitts und die Gestaltpsychologie entstanden lange bevor irgendjemand über Websites nachdachte. Die Forschung zur Processing Fluency kam später hinzu. Das F-Pattern wiederum stammt aus Eye-Tracking-Untersuchungen zum tatsächlichen Verhalten auf digitalen Seiten.
Wissenschaftlich sind das unterschiedliche Themen. Im Web greifen sie trotzdem ineinander.
Das Hick-Hyman-Gesetz beschäftigt sich mit Entscheidungen. Miller und spätere Forschung helfen dabei zu verstehen, warum Gruppierung bei komplexen Informationen wichtig ist. Fitts betrachtet die Erreichbarkeit eines Ziels. Die Gestaltpsychologie erklärt, wie unser Auge Beziehungen erkennt. Cognitive Fluency beschäftigt sich mit der Leichtigkeit der Verarbeitung. Und das F-Pattern zeigt, dass Menschen Websites häufig eher scannen als vollständig lesen.
Zusammen ergeben diese Prinzipien etwas Wertvolles: ein Modell dafür, wie eine Website Informationen so aufbauen kann, dass ein Mensch sie möglichst leicht aufnehmen, einordnen und nutzen kann.
Hick’s Law: Wenn die Auswahl selbst zur Aufgabe wird
Das Hick-Hyman-Gesetz gehört zu den bekanntesten psychologischen Prinzipien im UX- und Webdesign. William Edmund Hick untersuchte Anfang der 1950er-Jahre, wie sich die Reaktionszeit verändert, wenn Menschen zwischen mehreren möglichen Reaktionen auswählen müssen. Vereinfacht steigt die benötigte Entscheidungszeit mit zunehmender Unsicherheit beziehungsweise mit der Informationsmenge, die für eine Entscheidung verarbeitet werden muss.
Im Web wird daraus häufig der Satz: Je mehr Auswahlmöglichkeiten ein Mensch hat, desto länger braucht er für seine Entscheidung.
Als Grundgedanke ist das richtig. Die praktische Ableitung wird allerdings gerne etwas abenteuerlich. Besonders beliebt ist die Behauptung, eine Website dürfe deshalb höchstens fünf, sechs oder sieben Hauptmenüpunkte besitzen. Eine wissenschaftlich festgelegte Obergrenze für WordPress-Navigationen gibt es glücklicherweise nicht.
Entscheidend ist nämlich nicht nur, wie viele Optionen vorhanden sind. Entscheidend ist auch, wie gut sich diese Optionen voneinander unterscheiden lassen.
Eine Navigation mit sechs Punkten wie „Leistungen“, „Lösungen“, „Kompetenzen“, „Expertise“, „Angebot“ und „Services“ besitzt zahlenmäßig wenig Auswahl. Für einen neuen Besucher kann sie trotzdem ziemlich anstrengend sein. Er muss zunächst herausfinden, was diese Begriffe voneinander unterscheidet.
Eine Navigation mit acht klaren Punkten wie „SEO“, „Google Ads“, „Content“, „Landingpages“, „Referenzen“, „Über uns“, „Blog“ und „Kontakt“ enthält mehr Optionen, macht ihre Bedeutung aber deutlich schneller verständlich.
Die reine Zahl erzählt also nur einen Teil der Geschichte.
Hick bedeutet nicht automatisch weniger Inhalt
Das ist wichtig, weil Webdesign häufig mit Reduktion verwechselt wird. Wenn zwölf Leistungen komplex wirken, werden daraus gerne fünf. Wenn viel Text vorhanden ist, wird er gekürzt. Wenn ein Angebot erklärungsbedürftig ist, bekommt es drei Icons.
Das Ergebnis sieht anschließend minimalistisch aus und niemand weiß mehr genau, was das Unternehmen eigentlich anbietet.
Eine bessere Anwendung des Hick-Hyman-Prinzips besteht deshalb häufig nicht darin, Informationen zu entfernen, sondern Entscheidungen zu ordnen.
Angenommen, ein Unternehmen bietet zwölf verschiedene Leistungen an. Statt alle zwölf als gleich große Karten direkt nebeneinander zu stellen, könnten sie zunächst in drei verständliche Bereiche gegliedert werden. Der Besucher entscheidet dann nicht unmittelbar zwischen zwölf Einzelleistungen, sondern zunächst zwischen drei grundsätzlichen Richtungen.
Dasselbe Prinzip sehen wir in gut aufgebauten Onlineshops. Tausende Produkte sind kein grundsätzliches UX-Problem, solange Kategorien, Suche und Filter funktionieren. Schwierig wird es, wenn 30 ähnliche Produkte ohne erkennbare Unterschiede nebeneinanderstehen und der Nutzer die Sortierung selbst übernehmen muss.
Das Hick-Hyman-Gesetz erinnert uns daran, dass jede gleichzeitig angebotene Alternative zusätzliche Vergleichsarbeit erzeugen kann.
Besonders sichtbar wird Hick bei Call-to-Actions
Ein klassisches Beispiel ist der Hero einer Unternehmenswebsite. Dort stehen gerne drei gleich stark gestaltete Buttons: „Jetzt anfragen“, „Mehr erfahren“ und „Unsere Leistungen“.
Jeder einzelne Button klingt plausibel. Zusammen fehlt allerdings die Priorität.
Wenn alle drei Handlungen gleich wichtig aussehen, muss der Besucher selbst entscheiden, welchen Weg die Website eigentlich vorsieht. Genau diese Arbeit könnte ihm die Gestaltung abnehmen. Eine Hauptaktion kann deutlich hervorgehoben werden, während ein zweiter Weg sichtbar bleibt, aber optisch zurücktritt.
Zwei oder sogar drei Handlungen sind also nicht automatisch falsch. Entscheidend ist die Hierarchie.
Das gilt auch innerhalb längerer Seiten. Nach einem ausführlichen Leistungsabschnitt kann eine Kontaktmöglichkeit sinnvoll sein. Nach einem Fallbeispiel vielleicht ebenfalls. Dabei konkurrieren die CTAs nicht zwingend miteinander, weil sie an unterschiedlichen Stellen im Entscheidungsprozess auftauchen.
Die bessere Kurzform für Hick im Webdesign lautet deshalb: Weniger gleichzeitig konkurrierende Entscheidungen.
Miller’s Law: Warum die berühmte Sieben im Web gerne missverstanden wird
George A. Miller veröffentlichte 1956 seine viel zitierte Arbeit „The Magical Number Seven, Plus or Minus Two“. Seitdem wird die Zahl Sieben erstaunlich zuverlässig überall dort hervorgeholt, wo jemand eine maximale Anzahl von Elementen begründen möchte. (Besonders Ki´s machen das gerne)
Im Webdesign ist daraus eine Art Faustregel geworden. Menschen könnten ungefähr sieben Dinge gleichzeitig verarbeiten, also sollten Navigationen höchstens sieben Punkte enthalten. > So einfach ist die Forschung nicht.
Miller beschäftigte sich mit verschiedenen Grenzen menschlicher Informationsverarbeitung und unter anderem mit der unmittelbaren Gedächtnisspanne. Seine berühmten sieben Einheiten waren nie als universelle Obergrenze für alle Formen menschlicher Wahrnehmung gedacht. Spätere Arbeiten haben das noch stärker relativiert. Nelson Cowan kam bei einer Neubetrachtung des Arbeitsgedächtnisses beispielsweise auf eine Kernkapazität von ungefähr vier sogenannten Chunks unter bestimmten Bedingungen.
Der für Websites interessante Teil ist das sogenannte Chunking.
Chunking: Viele Informationen werden durch Gruppierung beherrschbar
Ein Chunk ist vereinfacht eine Informationseinheit, die mehrere einzelne Bestandteile zusammenfassen kann. Genau dieses Prinzip begegnet uns ständig.
Eine Telefonnummer wie 01794355151 lässt sich schwerer erfassen als dieselbe Nummer in einer sinnvollen Gruppierung: 0179 435 51 51.
Die Anzahl der Zeichen bleibt identisch. Der Unterschied liegt in der Struktur.
Auf Websites funktioniert das genauso.
Zwölf ungeordnete Produkteigenschaften wirken zunächst wie zwölf einzelne Informationen. Werden dieselben Eigenschaften unter „Leistung“, „Support“, „Vertrag“ und „Technik“ gruppiert, entstehen größere logische Einheiten. Der Inhalt wird nicht kleiner, aber übersichtlicher. > Deshalb sind lange Webseiten nicht automatisch schwer verständlich.
Eine ausführliche Leistungsseite mit einer klaren Reihenfolge kann wesentlich leichter zu erfassen sein als eine kurze Seite, auf der Preis, Ablauf, Vorteile, Zielgruppen und Kontakt in einem einzigen großen Textblock zusammengeworfen werden.
Struktur schlägt Kürze.
Genau hier wird Content-Struktur wichtig
Das ist einer der Gründe, warum Überschriften im Web weit mehr sind als SEO-Elemente.
Eine gute H2 sagt dem Leser, worum es im folgenden Abschnitt geht. Eine H3 unterteilt ein größeres Thema dort, wo tatsächlich ein neuer Teilgedanke beginnt. Absätze trennen Gedanken. Aufzählungen funktionieren dort gut, wo mehrere gleichartige Informationen schnell erfassbar sein sollen.
Das alles bildet Chunks.
Deshalb sehen sauber strukturierte Inhalte häufig einfacher aus, obwohl sie fachlich umfangreicher sind. Der Leser muss weniger selbst sortieren.
Genau hier treffen sich Content, UX und semantisches HTML. Wenn eine inhaltliche Struktur für Menschen logisch ist und gleichzeitig technisch sauber mit Überschriften, Abschnitten, Listen und passenden Elementen abgebildet wird, entsteht kein Konflikt zwischen Nutzerfreundlichkeit und SEO.
Im Gegenteil. > Beide profitieren von derselben Sache: klaren Beziehungen.
Fitts’s Law: Ein Ziel muss nicht nur sichtbar, sondern erreichbar sein
Paul Fitts untersuchte 1954 zielgerichtete Bewegungen und beschrieb einen Zusammenhang zwischen Bewegungszeit, Zielgröße und Entfernung. Vereinfacht lassen sich größere und näher gelegene Ziele schneller erreichen als kleine und weiter entfernte. Seine Arbeit wurde später zu einer wichtigen Grundlage der Mensch-Computer-Interaktion.
Im Webdesign lässt sich Fitts’s Law sehr direkt beobachten.
Ein winziger Textlink ist schwerer zu treffen als eine ausreichend große Schaltfläche. Zwei dicht nebeneinanderliegende Buttons erhöhen die Gefahr eines Fehlklicks. Ein relevantes Bedienelement, das sich direkt im aktuellen Kontext befindet, ist leichter erreichbar als eines, das erst gesucht werden muss.
Auf dem Desktop lassen sich solche Fehler manchmal noch gut kaschieren. Eine Maus ist präzise. Das Smartphone ist weniger höflich. Dort trifft kein kleiner Cursor auf das Interface, sondern ein Finger. Zu kleine Icons, dicht nebeneinanderliegende Links und winzige Checkboxen werden plötzlich sichtbar problematisch.
Gutes mobiles Design braucht deshalb ausreichend große und voneinander getrennte Interaktionsflächen. Aber auch hier wäre es zu einfach, Fitts auf „größere Buttons“ zu reduzieren.
Nähe ist auch eine Frage des richtigen Moments
Stellen wir uns eine lange Leistungsseite vor. Ganz oben befindet sich ein Button „Beratung anfragen“. Danach folgen Problemstellung, Lösungsansatz, Ablauf, Vorteile, Referenzen und Preisrahmen.
Der Nutzer hat den Button also bereits gesehen. > Nur war er zu diesem Zeitpunkt möglicherweise noch gar nicht bereit, ihn zu verwenden. > Erst nach der Beschreibung des Ablaufs oder nach einer Fallstudie entsteht genügend Vertrauen für den nächsten Schritt. Genau dort kann ein weiterer CTA sinnvoll sein.
Das ist keine Aufforderung, nach jedem dritten Absatz einen Button einzubauen. Eine Seite wird nicht besser, nur weil sie an jeder Ecke nach einem Termin fragt. Es geht um den Zusammenhang zwischen Information und Handlung.
Der nächste Schritt sollte dort erreichbar sein, wo er logisch wird. > Ein Kontaktbutton im Header ist technisch immer vorhanden. Inhaltlich kann er trotzdem weit entfernt sein.
Fitts betrifft auch Formulare
Besonders gut lässt sich das bei Formularen beobachten. Kleine Checkboxen, uneindeutige Labels oder dicht nebeneinanderliegende Auswahlmöglichkeiten erhöhen den Bedienaufwand. Auf mobilen Geräten kommen passende Eingabetypen hinzu. Ein Telefonnummernfeld sollte beispielsweise eine geeignete Tastatur öffnen, ein E-Mail-Feld die Eingabe von E-Mail-Adressen erleichtern.
Viele dieser Dinge wirken banal. Genau das ist das Ziel. Eine gut bedienbare Oberfläche fällt selten dadurch auf, dass sie besonders clever ist. Sie fällt eher dadurch auf, dass beim Benutzen nichts im Weg steht.
Gestaltungsgesetze: Eine Website wird gesehen, bevor sie gelesen wird
Die Gestaltungspsychologie ist deutlich älter als das Web. Sie beschäftigt sich unter anderem damit, wie Menschen einzelne visuelle Reize automatisch zu Gruppen, Formen und Beziehungen organisieren.
Für Websites ist das enorm relevant, weil Besucher eine Seite nicht zunächst vollständig lesen und anschließend überlegen, welche Elemente wahrscheinlich zusammengehören.
Das Auge bildet diese Beziehungen vorher. Abstand, Ähnlichkeit, Farbe, Größe, Ausrichtung und Begrenzungen vermitteln bereits Struktur, bevor der Inhalt bewusst verarbeitet wurde.
Das Gesetz der Nähe
Elemente, die nah beieinanderstehen, werden eher als zusammengehörig wahrgenommen. Genau deshalb spielt Spacing eine so große Rolle.
Eine Überschrift sollte optisch stärker mit dem folgenden Text verbunden sein als mit dem vorherigen Abschnitt. Ein Button sollte eindeutig zu der Leistung gehören, die er betrifft. Labels müssen erkennbar ihren Formularfeldern zugeordnet sein.
Abstände besitzen immer eine Bedeutung. Die Magie der Freifläche!
Zu wenig Abstand kann unterschiedliche Inhalte miteinander verschmelzen. Zu viel Abstand kann Zusammenhänge auflösen.
Das Gesetz der Ähnlichkeit
Ähnlich aussehende Elemente werden eher als zusammengehörig oder funktional vergleichbar interpretiert.
Wenn alle primären Buttons auf einer Website dieselbe Gestaltung verwenden, lernen Besucher dieses Muster schnell. Die Gestaltung bekommt eine Bedeutung. Verwendet man dieselbe Farbe plötzlich für dekorative Flächen, kann diese Erwartung verwischen.
Das gilt genauso für Links, Karten, Icons, Überschriften oder Formularfelder. Konsistenz reduziert die Notwendigkeit, jedes Element neu zu interpretieren.
Ein Designsystem hilft Nutzern, die Oberfläche schneller zu lernen.
Gemeinsame Bereiche schaffen Gruppen
Ein weiterer wichtiger Effekt ist die gemeinsame Region. Inhalte innerhalb derselben Fläche oder visuellen Begrenzung werden eher als Einheit wahrgenommen.
Deshalb funktionieren Karten so gut. Ein Bild, eine Überschrift, ein Text und ein Button innerhalb derselben Fläche werden automatisch als zusammengehöriges Angebot verstanden.
Nur lässt sich auch dieses Prinzip übertreiben. Wenn jeder Abschnitt, jede Aussage und jeder Vorteil in einer eigenen Box steckt, besteht die Website irgendwann nur noch aus Karten. Das Layout ist ordentlich, aber die Hierarchie verschwindet.
Dann sieht alles gleich wichtig aus. Und genau da trifft Gestaltung bereits wieder auf Hick: Wenn visuell alles gleich stark gewichtet wird, werden auch Entscheidungen schwerer.
Hintergrund
Auch Kontraste spielen eine Rolle. Nutzer müssen erkennen können, was Hauptinhalt ist und was Hintergrund, welches Element aktiv ist und welche Inhalte lediglich ergänzen.
Schwache Kontraste können ästhetisch wirken. Sie können allerdings ebenso dafür sorgen, dass wichtige Elemente kaum wahrgenommen werden.
Ein CTA muss nicht schreien. Er sollte nur nicht aussehen, als würde er sich für seine Existenz entschuldigen.
Cognitive Fluency: Wie viel Übersetzungsarbeit verlangt eine Website?
Processing Fluency beschreibt vereinfacht die subjektiv empfundene Leichtigkeit, mit der Informationen verarbeitet werden. Im Marketing wird daraus gelegentlich eine sehr bequeme Formel: Einfach = vertrauenswürdig = bessere Conversion.
So geradlinig funktioniert menschliche Wahrnehmung nicht. Der interessante Gedanke liegt woanders. Je weniger unnötige Verarbeitung eine Oberfläche verlangt, desto mehr Aufmerksamkeit bleibt für den eigentlichen Inhalt. Das betrifft Gestaltung genauso wie Sprache.
Ein typischer Unternehmenssatz lautet beispielsweise: „Wir entwickeln individuelle und ganzheitliche Lösungen zur nachhaltigen Optimierung Ihrer unternehmerischen Prozesse.“ > Der Satz ist grammatikalisch völlig in Ordnung. Nur weiß man anschließend kaum mehr als vorher.
Ein konkreterer Satz könnte lauten: „Wir prüfen Ihre bestehenden Abläufe, finden unnötige Arbeitsschritte und entwickeln daraus einen Prozess, der im Alltag tatsächlich funktioniert.“ Der zweite Satz ist nicht kürzer. Aber er verlangt weniger Übersetzungsarbeit.
Das ist ein wichtiger Unterschied.
Cognitive Fluency bedeutet nicht, alles zu vereinfachen
Erklärungsbedürftige Leistungen bleiben erklärungsbedürftig.
Ein Steuerberater darf Fachbegriffe verwenden. Ein Maschinenbauer muss technische Eigenschaften beschreiben. Eine SEO-Agentur kommt nicht dauerhaft ohne Begriffe wie Canonical, Crawling oder strukturierte Daten aus.
Das Problem beginnt erst, wenn ein schwieriges Thema unnötig schwierig formuliert wird.
Gute Kommunikation organisiert Komplexität. Dabei helfen klare Sprache, bekannte Begriffe, konsistente Bezeichnungen und ein nachvollziehbarer Aufbau.
Vertraute Muster reduzieren ebenfalls Aufwand
Menschen bringen bereits Erfahrungen aus anderen Websites mit.
Ein Logo oben links führt häufig zur Startseite. Eine Lupe steht für Suche. Ein Warenkorb wird als Warenkorb erkannt. Ein unterstrichener Text wirkt wie ein Link. Man kann solche Konventionen neu erfinden, aber warum?
Gerade bei grundlegenden Funktionen ist Originalität nicht automatisch Qualität. Ein Checkout muss nicht überraschend sein. Ein Kontaktformular braucht keine dramaturgische Wendung. Bekannte Muster sparen Lernaufwand. Sehr spannend wird es es deshalb beim nächsten Abschnitt.
Das F-Pattern: Ein beobachtetes Scanmuster, kein Layoutrezept
Das F-Pattern gehört streng genommen nicht in dieselbe Kategorie wie Hick oder Fitts. Es ist kein psychologisches Gesetz, sondern ein beobachtetes Muster aus Eye-Tracking-Untersuchungen.
Die Nielsen Norman Group stellte bereits 2006 fest, dass Nutzer textlastige Webseiten häufig in einem Muster scannen, das grob einem F ähnelt. Zunächst wird stärker horizontal im oberen Bereich gelesen, anschließend folgt eine kürzere horizontale Bewegung weiter unten und danach konzentriert sich der Blick häufig stärker auf die linke Seite des Textes.
Das Interessante ist, was daraus im Web gemacht wurde: „Menschen lesen im F. Also müssen wichtige Inhalte links oben stehen.“
Das stimmt nur halb, ist aber auch nicht ganz falsch.
Nielsen Norman hat den ausführlichen Artikel zum F-Pattern zuletzt am 19. August 2026 überprüft. Die Beobachtung gilt weiterhin, auch mobil. Gleichzeitig betonen die Autoren ausdrücklich, dass das F-Muster nur eines von mehreren Scanmustern ist und keineswegs ein gewünschtes Ziel darstellt. Starkes F-Scanning tritt insbesondere dann auf, wenn Nutzer wenig strukturierte Texte möglichst effizient durchsuchen. Gute Formatierung kann dieses Verhalten reduzieren.
Nutzer lesen abhängig von ihrer Aufgabe
Wer einen ausführlichen Fachartikel verstehen möchte, verhält sich anders als jemand, der auf einer Leistungsseite nur den Preis sucht.
Wer eine Produktseite vergleicht, schaut anders als jemand, der eine Adresse finden möchte.
Menschen lesen online deshalb häufig selektiv. Sie suchen nach Ankern, Zwischenüberschriften, Begriffen und sichtbaren Informationen, die zu ihrer aktuellen Aufgabe passen. Genau deshalb sollten Zwischenüberschriften bereits Inhalt transportieren.
Nicht gut: „Darum ist das wichtig“
Besser: „Warum zu viele gleichwertige Optionen Entscheidungen erschweren“
Dasselbe gilt für Linktexte. „Mehr erfahren“ sagt ohne Kontext wenig. „Mehr über unsere SEO-Analyse erfahren“ besitzt eine deutlich bessere Informationsspur.
Das F-Pattern sagt uns also nicht, wie wir eine Website gestalten sollen. Es erinnert uns daran, dass ein erheblicher Teil unserer Besucher eben nicht jedes liebevoll geschriebene Wort lesen wird. Und damit kommen wir zum eigentlich interessanten Teil.
Wie Hick, Miller, Fitts, Gestalt und Cognitive Fluency zusammenwirken
Betrachtet man diese Prinzipien einzeln, wirken sie zunächst wie unterschiedliche UX-Regeln. In einer echten Website laufen sie jedoch gleichzeitig ab.
Ein Nutzer erlebt nicht erst Gestaltung, anschließend Miller und nach dem Mittagessen Fitts.
Er nimmt die Seite als Ganzes wahr.
Um das Zusammenspiel verständlich zu machen, hilft eine einfache Reihenfolge:
- Sehen: Was gehört zusammen und was ist wichtig?
- Verstehen: Was bedeutet das und wie hängen die Informationen zusammen?
- Entscheiden: Welche Möglichkeit passt zu meinem Ziel?
- Handeln: Wie führe ich diese Entscheidung aus?
An genau diesen vier Stellen greifen die psychologischen Prinzipien ineinander.
Sehen: Gestalt und Scanverhalten schaffen Orientierung
Zuerst muss der Besucher die Struktur der Seite erkennen. Hier wirken Gestaltprinzipien besonders stark. Abstand, Ähnlichkeit, Größe, Kontrast und Gruppierung zeigen ihm, welche Inhalte zusammengehören und wo eine neue Information beginnt.
Gleichzeitig beeinflusst sein Scanverhalten, welche Bereiche überhaupt Aufmerksamkeit erhalten.
Wenn wichtige Zusammenhänge visuell schwach dargestellt werden, kann bereits dieser erste Schritt scheitern. Der Inhalt mag korrekt sein, aber die sichtbare Struktur erzählt eine andere Geschichte.
Das ist auch der Grund, warum Webdesign nie vollständig von Content getrennt werden kann. Eine inhaltlich gute Reihenfolge kann durch schlechtes Layout zerstört werden. Genauso kann gutes Layout schwachen Inhalt nicht dauerhaft retten.
Verstehen: Chunking und Fluency reduzieren unnötige Denkarbeit
Hat der Nutzer die grobe Struktur erkannt, muss er die Informationen verarbeiten.
Hier wird Chunking wichtig. Komplexe Informationen werden in nachvollziehbare Einheiten zerlegt. Überschriften geben Abschnitten eine Aufgabe. Ähnliche Informationen werden zusammengefasst. Sprache bleibt konkret und Begriffe konsistent.
Cognitive Fluency ergänzt diese Ebene. Je weniger der Nutzer übersetzen, suchen oder neu lernen muss, desto leichter kann er sich auf das Angebot konzentrieren. Das bedeutet nicht, dass alles kurz oder simpel sein muss. Es bedeutet, dass die Schwierigkeit aus dem Thema kommen darf, aber möglichst nicht aus der Website.
Entscheiden: Hick übernimmt die nächste Stufe
Erst jetzt ist eine echte Entscheidung sinnvoll.
- Welche Leistung passt?
- Welches Produkt ist richtig?
- Welche Variante soll gewählt werden?
- Was ist der nächste Schritt?
Hier zeigt sich, ob die vorherige Struktur funktioniert hat.
Sind Optionen deutlich voneinander getrennt, fällt die Auswahl leichter. Sind fünf Leistungen unterschiedlich benannt, aber inhaltlich kaum unterscheidbar, steigt der Vergleichsaufwand.
Eine gute Website reduziert diesen Aufwand durch Kategorien, Empfehlungen, Filter, klare Unterschiede oder eine sinnvolle Reihenfolge. Sie nimmt dem Nutzer die Entscheidung nicht ab. Sie bereitet sie vor.
Handeln: Fitts schließt den Prozess ab
Hat der Nutzer eine Entscheidung getroffen, muss er sie umsetzen können.
Der Button muss erreichbar sein. Das Formular muss funktionieren. Die Interaktionsfläche muss groß genug sein. Die Handlung sollte dort angeboten werden, wo sie logisch entsteht.
Genau deshalb ist ein Call-to-Action keine isolierte Conversion-Technik. Er ist das Ende einer Kette. Wenn die vorherigen drei Schritte schlecht funktionieren, kann der Button noch so groß, gelb und psychologisch optimiert sein.
Der Besucher ist schlicht noch nicht so weit.
Die gemeinsame Klammer: kognitive Reibung
Hick, Miller, Fitts, Gestalt, Cognitive Fluency und das Scanverhalten beschreiben unterschiedliche Aspekte. Ihre Verbindung lässt sich trotzdem auf einen Begriff bringen:
kognitive Reibung.
Damit ist der unnötige mentale Aufwand gemeint, den eine Website erzeugt.
Gestaltungsprinzipien reduzieren Aufwand beim Erkennen von Beziehungen. Chunking hilft bei größeren Informationsmengen. Cognitive Fluency erleichtert das Verstehen von Sprache und Bedienmustern. Hick hilft beim Ordnen von Entscheidungen. Fitts reduziert den Aufwand der eigentlichen Interaktion. Eye-Tracking-Forschung zeigt uns wiederum, wie schnell Inhalte übersehen werden, wenn die Struktur keine ausreichenden Orientierungspunkte bietet.
Das bedeutet nicht, dass jede Website möglichst einfach werden muss. Komplexe Angebote dürfen komplex bleiben.
Ein Anwalt kann ein schwieriges Rechtsgebiet nicht sinnvoll auf drei Icons reduzieren. Ein Maschinenbauer wird technische Unterschiede erklären müssen. Eine ausführliche SEO-Analyse besitzt nun einmal mehr Inhalt als ein einzelner Button mit „Google verbessern“.
Die Aufgabe lautet nicht, Komplexität zu entfernen.
Die Aufgabe lautet, sie benutzbar zu machen.
Warum schöne Websites trotzdem schlecht funktionieren können
Damit lässt sich auch erklären, warum manche optisch hervorragenden Websites wirtschaftlich wenig leisten.
Das Design ist hochwertig. Die Fotos sind professionell. Animationen sitzen. Die Typografie ist sauber. Trotzdem entstehen kaum Anfragen. Dann wird häufig zuerst am Call-to-Action gearbeitet. Andere Farbe, anderer Text, Sticky Button, Formular weiter nach oben. Das kann sinnvoll sein. Es kann aber genauso gut sein, dass das Problem längst vorher beginnt.
Vielleicht versteht ein Besucher die Leistungen nicht sauber. Vielleicht wirken verschiedene Angebote zu ähnlich. Vielleicht fehlt eine Information, die für die Entscheidung wichtig wäre. Vielleicht werden entscheidende Aussagen beim Scannen übersehen. Oder ein Formular verlangt bereits beim ersten Kontakt Details, die der Nutzer noch gar nicht kennen kann.
Dann steht der Button lediglich am Ende eines Problems, das weiter oben entstanden ist.
Das ist für Conversion-Optimierung ein wichtiger Gedanke.
Nicht jede schlechte Conversion ist ein CTA-Problem.
Was Psychologie im Webdesign mit SEO zu tun hat
Hick’s Law ist kein Google-Rankingfaktor. Fitts’s Law ebenfalls nicht. Google besitzt keinen bekannten Gestalt-Score und kein Ranking steigt automatisch, weil Informationen besonders schön gechunkt wurden.
Google beschreibt Page Experience inzwischen bewusst ganzheitlich. Es gibt kein einzelnes „Page Experience Signal“. Core Web Vitals werden von den Rankingsystemen verwendet, während andere Aspekte einer guten Seitenerfahrung nicht automatisch direkt zu besseren Rankings führen. Google weist allerdings ausdrücklich darauf hin, dass eine insgesamt gute Nutzungserfahrung weiterhin sinnvoll ist.
Der Zusammenhang zu SEO liegt deshalb an einer anderen Stelle.
SEO bringt einen Nutzer auf eine Seite.
Danach muss diese Seite funktionieren.
Ein Ranking ist nur der Anfang
Angenommen, eine Seite rankt hervorragend für eine relevante Suchanfrage. Ein potenzieller Kunde klickt auf das Ergebnis.
SEO hat damit einen wichtigen Teil seiner Aufgabe erfüllt.
Nun muss der Besucher erkennen, dass er richtig ist. Er muss seine gesuchte Information finden, das Angebot verstehen, Unterschiede einordnen und einen sinnvollen nächsten Schritt erkennen.
Wenn das nicht gelingt, war Sichtbarkeit vorhanden.
Nur der geschäftliche Nutzen blieb begrenzt.
Genau deshalb reicht es nicht, Inhalte ausschließlich auf Suchmaschinen auszurichten. Google selbst betont in seiner Dokumentation weiterhin hilfreiche, verlässliche und für Menschen erstellte Inhalte.
Eine gute Content-Struktur unterstützt diese Idee. Klare Überschriften helfen Menschen beim Scannen. Semantisch saubere Strukturen helfen Maschinen bei der Einordnung. Sinnvolle interne Links führen Nutzer zu weiterführenden Antworten und bilden gleichzeitig thematische Beziehungen ab.
Hier begegnen sich SEO und UX sehr viel natürlicher, als es die Behauptung „gute UX ist ein Rankingfaktor“ vermuten lässt.
Es geht nicht darum, Google mit Psychologie zu beeindrucken. Es geht darum, einen gefundenen Nutzer nicht anschließend wieder zu verlieren.
Landingpages zeigen das Zusammenspiel besonders deutlich
Landingpages sind ein gutes Beispiel, weil ihre Aufgabe normalerweise klar definiert ist.
Ein Nutzer kommt über eine Anzeige oder eine gezielte Suchanfrage. Er besitzt bereits eine Erwartung.
Nun muss die Seite nacheinander einige Fragen beantworten: Bin ich hier richtig? Versteht der Anbieter mein Problem? Welche Lösung bekomme ich? Warum sollte ich ihm vertrauen? Was passiert als Nächstes?
Eine gute Landingpage beantwortet diese Fragen in einer sinnvollen Reihenfolge.
Eine schlechte Landingpage versucht, alles gleichzeitig zu lösen. Im ersten Bildschirm stehen zwei CTAs, Bewertungssterne, drei Siegel, eine Leistungsübersicht und vielleicht noch ein Chatfenster. Dazu meldet sich nach sieben Sekunden ein Newsletter-Popup, weil wir offenbar noch nicht genug Entscheidungen erzeugt haben.
Keines dieser Elemente muss grundsätzlich falsch sein.
Ihre Konkurrenz ist das Problem.
Hier sieht man das Zusammenspiel besonders deutlich: Gestalt bestimmt die visuelle Hierarchie, Chunking strukturiert die Informationen, Cognitive Fluency beeinflusst Verständlichkeit, Hick betrifft die angebotenen Optionen und Fitts die tatsächliche Interaktion.
Das ist der Grund, warum gute Landingpages häufig ruhiger wirken. Sie enthalten nicht zwingend weniger Information. Sie zeigen sie nur in einer besseren Reihenfolge.
Auch Formulare sind Entscheidungsarchitektur
Formulare werden gerne nach einer einzigen Regel optimiert: möglichst wenig Felder.
Das ist als Richtung vernünftig, aber ebenfalls keine Religion.
Wenn ein Unternehmen bestimmte Informationen tatsächlich benötigt, hilft es wenig, sie ausschließlich wegen einer Conversion-Regel zu entfernen.
Wichtiger ist, wie die Abfrage aufgebaut wird.
Längere Formulare können beispielsweise in nachvollziehbare Bereiche gegliedert werden. Pflichtfelder müssen eindeutig erkennbar sein. Fehlermeldungen sollten erklären, was tatsächlich falsch ist. Mehrstufige Formulare brauchen eine klare Fortschrittsanzeige. Und der Nutzer sollte wissen, was nach dem Absenden passiert.
Auch hier greifen die Prinzipien ineinander.
Chunking organisiert die Felder. Gestalt macht Gruppen sichtbar. Hick betrifft Auswahlmöglichkeiten. Fitts beeinflusst die Bedienbarkeit. Fluency betrifft Beschriftungen und Fehlermeldungen.
Eine Website einmal anders prüfen
Für eine erste Analyse braucht es keine neue Software und noch keinen vollständigen Relaunch.
Tip to take away:
- Was muss ein neuer Besucher hier zuerst sehen?
- Was muss er anschließend verstehen?
- Welche Entscheidung soll er an dieser Stelle treffen?
- Wie kann er diese Entscheidung ausführen?
Stehen zusammengehörige Informationen tatsächlich zusammen? Sind Überschriften auch beim Scannen verständlich? Müssen Besucher zwischen ähnlich benannten Angeboten wählen? Gibt es mehrere gleichwertige CTAs? Werden Begriffe verwendet, die intern selbstverständlich, extern aber unklar sind? Taucht eine Handlungsaufforderung zu früh oder zu spät auf? Funktionieren Buttons, Filter und Formulare auf mobilen Geräten problemlos?
Psychologische Gesetze ersetzen keine Messung
Bei aller Begeisterung für Hick, Fitts und Co. bleibt ein Punkt wichtig: Diese Prinzipien liefern keine Garantie.
Sie sagen nicht voraus, dass Variante A auf jeder Website besser funktioniert als Variante B. Sie verraten nicht, ob ein Sticky Button sinnvoll ist, wie viele Formularfelder ideal sind oder welche Navigation die höchste Conversion erzeugt.
Dafür sind Websites, Zielgruppen und Aufgaben zu unterschiedlich.
Die Prinzipien helfen vielmehr dabei, plausible Hypothesen zu entwickeln.
Wenn mehrere CTAs miteinander konkurrieren, kann man die Hierarchie verändern und messen. Wenn Nutzer ein Formular häufig abbrechen, lässt sich analysieren, an welcher Stelle das passiert. Wenn eine Leistungsübersicht kaum genutzt wird, können Begriffe, Gruppierung oder Reihenfolge überprüft werden.
Dafür stehen Werkzeuge wie Matomo, Event-Tracking, Formularanalysen, Scrolltiefe, Heatmaps, Session-Aufzeichnungen oder klassische Nutzertests zur Verfügung.
Die sinnvolle Reihenfolge lautet deshalb:
Beobachten, Hypothese bilden, ändern und anschließend messen.
Nicht jedes UX-Gesetz ist automatisch ein Problem auf jeder Website.
Und nicht jede theoretisch bessere Lösung funktioniert für jede Zielgruppe gleich.
Fazit: Gute Websites nehmen Menschen unnötige Arbeit ab
Psychologie im Webdesign klingt zunächst größer, als es im Alltag sein muss.
Am Ende geht es häufig um sehr konkrete Fragen.
- Versteht ein Besucher, was zusammengehört?
- Kann er einen langen Inhalt sinnvoll überblicken?
- Unterscheiden sich seine Optionen?
- Ist die nächste Handlung eindeutig?
- Kann er sie problemlos ausführen?
Das Hick-Hyman-Gesetz hilft dabei, Entscheidungen und konkurrierende Optionen zu betrachten. Miller und die spätere Forschung zum Arbeitsgedächtnis zeigen, warum Gruppierung und Chunking wichtig sind. Fitts erinnert daran, dass Interaktion auch körperlich funktionieren muss. Gestaltungsprinzipien erklären, wie unser Auge Beziehungen erkennt. Cognitive Fluency lenkt den Blick darauf, wie viel unnötige Verarbeitung Sprache und Gestaltung verlangen. Das F-Pattern wiederum zeigt, wie selektiv Menschen Inhalte tatsächlich aufnehmen können.
Keines dieser Prinzipien ist allein eine Webdesign-Strategie.
Zusammen ergeben sie aber ein ziemlich gutes Werkzeug, um Websites nicht nur danach zu beurteilen, wie sie aussehen, sondern wie sie funktionieren.
Ein gutes Design führt nicht, indem es einem Nutzer jede Entscheidung abnimmt. Es führt, indem es Informationen so vorbereitet, dass die richtige Entscheidung im richtigen Moment verständlich wird.
Conversion beginnt deshalb nicht beim Button. Sie beginnt viel früher: Bei der Frage, wie viel Arbeit wir dem Menschen auf dem Weg dorthin eigentlich zumuten.
FAQ zur Psychologie im Webdesign
Was versteht man unter Psychologie im Webdesign?
Psychologie im Webdesign beschäftigt sich damit, wie menschliche Wahrnehmung, Aufmerksamkeit, Informationsverarbeitung und Entscheidungsverhalten die Nutzung einer Website beeinflussen. Daraus lassen sich unter anderem Erkenntnisse für Navigationen, Content-Strukturen, Formulare, Call-to-Actions und visuelle Hierarchien ableiten.
Was besagt Hick’s Law im Webdesign?
Das Hick-Hyman-Gesetz beschreibt vereinfacht, dass Entscheidungen bei wachsender Zahl beziehungsweise Unsicherheit möglicher Alternativen mehr Zeit benötigen können. Für Websites bedeutet das vor allem, Optionen verständlich zu unterscheiden und sinnvoll zu strukturieren. Eine feste maximale Zahl für Menüpunkte lässt sich daraus nicht ableiten.
Bedeutet Miller’s Law, dass eine Navigation maximal sieben Punkte haben darf?
Nein. Die bekannte Zahl „7 ± 2“ wird im Webdesign häufig zu stark vereinfacht. Für Websites ist vor allem das Prinzip des Chunking wertvoll: Informationen lassen sich leichter verarbeiten, wenn sie sinnvoll gruppiert werden. Spätere Forschung beschreibt unter bestimmten Bedingungen zudem geringere Kapazitäten des Arbeitsgedächtnisses.
Was bedeutet Fitts’s Law für Websites?
Fitts’s Law beschreibt den Zusammenhang zwischen der Erreichbarkeit eines Ziels, seiner Größe und seiner Entfernung. Im Webdesign betrifft das beispielsweise Buttons, Links, Formularfelder und andere Interaktionselemente. Besonders auf Touchscreens sind ausreichende Zielgrößen und Abstände wichtig.
Welche Gestaltungsgesetze sind für Webdesign wichtig?
Besonders relevant sind unter anderem Nähe, Ähnlichkeit, gemeinsame Region und Hintergrund. Sie beeinflussen, welche Elemente Menschen als zusammengehörig wahrnehmen und wie schnell eine visuelle Struktur verstanden wird.
Was ist Cognitive Fluency?
Cognitive beziehungsweise Processing Fluency beschreibt die subjektiv empfundene Leichtigkeit der Informationsverarbeitung. Verständliche Sprache, konsistente Bedienmuster, klare visuelle Strukturen und bekannte Konventionen können dazu beitragen, dass eine Website leichter verarbeitet wird.
Lesen Menschen Websites tatsächlich im F-Pattern?
Das F-Pattern ist ein häufig beobachtetes Scanmuster bei bestimmten textlastigen Inhalten, aber kein universelles Lesemuster. Nielsen Norman weist ausdrücklich darauf hin, dass Menschen je nach Aufgabe, Motivation, Inhalt und Gestaltung unterschiedlich scannen. Gute Struktur kann starkes F-Scanning sogar reduzieren.
Sind Hick’s Law oder Fitts’s Law Google-Rankingfaktoren?
Nein. Diese psychologischen beziehungsweise UX-bezogenen Prinzipien sind keine bekannten direkten Rankingfaktoren. Google berücksichtigt verschiedene Signale rund um eine gute Page Experience und Core Web Vitals. Gute Nutzerführung bleibt dennoch geschäftlich wichtig, weil sie beeinflusst, ob Besucher Inhalte verstehen und gewünschte Handlungen durchführen können.
Wie erkenne ich kognitive Reibung auf meiner Website?
Ein guter Ausgangspunkt ist die Prüfung der vier Schritte Sehen, Verstehen, Entscheiden und Handeln. Werden wichtige Informationen erkannt? Sind Inhalte nachvollziehbar strukturiert? Sind Optionen unterscheidbar? Ist die gewünschte Handlung klar und leicht erreichbar? Nutzertests und Messdaten können anschließend zeigen, an welchen Stellen tatsächlich Probleme entstehen.
