Pattern Interrupt erklärt

specialpage

20. März 2026

Was ist Pattern Interrupt – und wie du Besucher aus dem Auto-Scroll holst

Pattern Interrupt erklärt

specialpage

20. März 2026

Was ist Pattern Interrupt – und wie du Besucher aus dem Auto-Scroll holst

Stell dir vor du fährst jeden Tag dieselbe Strecke zur Arbeit. Du weisst genau: Kurve links, dann Ampel, dann rechts abbiegen. Dein Gehirn macht das irgendwann auf Autopilot. Du denkst nicht mehr aktiv. Du fährst einfach. Und dann steht plötzlich ein Baum auf der Strasse. In diesem Moment bist du schlagartig wach. Vollständig präsent. Das Autopilot-Programm ist unterbrochen. Das ist Pattern Interrupt. Und genau dasselbe passiert beim Scrollen durch eine Website – oder durch Instagram/TikTok.

Warum Besucher auf Autopilot scrollen

Das Gehirn ist eine Effizienzmaschine. Es liebt Muster. Sobald es ein Muster erkannt hat – «das ist eine Website mit Abschnitt, Text, Button, Abschnitt, Text, Button» – schaltet es in den Sparmodus. Es scannt noch, aber es verarbeitet nicht mehr wirklich.

Das nennt sich Banner Blindness. Und das betrifft nicht nur Werbebanner. Es betrifft jedes vorhersehbare Element auf einer Seite.

Der Besucher scrollt. Aber er ist gar nicht mehr da.

Wie das Gehirn beim Scrollen funktioniert

Ein Pattern Interrupt ist das Gegenteil von dem, was DEIN Gehirn erwartet. Er zwingt es aus dem Autopilot-Modus. Genau in diesem Moment kannst du eine Botschaft platzieren, die wirklich ankommt.

Die 6 wirkungsvollsten Pattern Interrupts auf Websites

Es gibt nicht einen einzigen richtigen Pattern Interrupt. Es gibt sechs verschiedene Typen – je nachdem was du unterbrechen willst und was du danach kommunizieren möchtest.

Typ 1: Der Richtungswechsel

Die meisten Seiten folgen einem vertikalen Rhythmus: oben Bild, unten Text. Oben Text, unten Bild. Wechsel dieses Muster.

Ein horizontaler Scroll-Bereich mitten in einer vertikalen Seite. Ein Element das diagonal platziert ist. Ein Abschnitt der sich breiter als die Spalte anfühlt.

Das Auge erwartet etwas – und bekommt etwas anderes. Es stoppt. Es schaut genau hin.

Typ 2: Der Farbbruch

Wenn deine Website eine durchgehende Farbpalette hat – und plötzlich ein Abschnitt in einer komplett anderen Farbe erscheint – stoppt das Scrollen automatisch.

Das ist kein Designfehler. Platziere deinen wichtigsten CTA-Bereich, dein stärkstes Testimonial oder dein Preispaket in einem anderen Farbblock. Nicht weil es schöner aussieht – sondern weil es die Aufmerksamkeit zwingt.

Typ 3: Die unerwartete Frage

Text auf Websites folgt einem Muster: Er erklärt, beschreibt, listet auf. Eine direkte Frage mitten im Fliesstext bricht dieses Muster.

«Wann hast du zuletzt geprüft ob deine Website noch Kunden bringt?»

Die Frage soll sehr offensiv und direkt sein.

Der Leser schaltet vom passiven Konsumieren auf aktives Nachdenken. Und wer nachdenkt, ist nicht mehr im Autopilot.

Typ 4: Die ungewöhnliche Zahl oder Aussage

Eine überraschende Zahl oder eine kontraintuitive Aussage unterbricht die Erwartung.

«70% deiner Besucher entscheiden in 3 Sekunden ob sie bleiben – bevor sie eine einzige Zeile gelesen haben.»

Das Gehirn liebt Zahlen die es nicht erwartet hat. Es hält inne. Es verarbeitet. Und in diesem Moment hast du es.

Typ 5: Der Leerraumschock

Das Gegenteil von dem was man erwartet – nichts. Ein Abschnitt mit einem einzigen Satz auf einer sonst textreichen Seite.

«Deine Website funktioniert nicht.»

Darunter: Weissraum. Kein weiterer Text. Der nächste Block kommt erst nach einer bewussten Pause.

Das ist unangenehm. Es fühlt sich falsch an. Und genau deshalb funktioniert es.

Typ 6: Das interaktive Element

Ein Button der beim Hover eine Reaktion zeigt. Ein Element das sich dreht. Ein Zähler der sich verändert. Bewegung auf einer statischen Seite ist immer ein Pattern Interrupt – weil das Gehirn Bewegung automatisch als Bedrohung oder Chance priorisiert.

Pattern Interrupt auf Social Media – wie es dort funktioniert

Auf Social Media ist das Prinzip dasselbe – aber die Umsetzung ist eine andere. Hier wird nicht gescrollt bis man liest, sondern bis ein Bild oder eine erste Zeile stoppt.

Instagram und LinkedIn: Das erste Bild oder die erste Textzeile ist der einzige Moment. Was bricht das Muster eines typischen Feeds?

  • Ein einfarbiges Bild ohne Text – wenn alle Text-Overlays haben

  • Eine provokative Frage als erste Zeile ohne Erklärung

  • Eine Zahl die nicht stimmt: «Ich habe 3 Jahre Arbeit verschwendet.»

  • Weissraum auf einem Bild wenn alle anderen vollgepackt sind

Der Unterschied zu Websites: Auf Social Media hast du noch weniger Zeit. Nicht 3 Sekunden – sondern 0.3 Sekunden beim Scrollen. Der Pattern Interrupt muss sofort wirken, visuell und ohne Kontext.

Auf einer Website hast du den Besucher bereits – du musst ihn nur wachhalten. Auf Social Media musst du ihn erst stoppen bevor er überhaupt bei dir landet.

Wo auf deiner Website Pattern Interrupts hingehören

Nicht überall. Das wäre kein Interrupt mehr – das wäre Chaos.

Ein Pattern Interrupt wirkt nur wenn er das einzige unerwartete Element in seiner Umgebung ist. Drei Farbbrüche auf einer Seite = kein Bruch mehr, sondern ein neues Muster.

Die drei Stellen wo ein Pattern Interrupt den grössten Hebel hat:

Stelle 1: Kurz vor dem ersten CTA Der Besucher hat gelesen, ist im Flow – und dann kommt der CTA. Ein Pattern Interrupt kurz davor weckt ihn noch einmal auf und erhöht die Chance dass er klickt.

Stelle 2: Beim wichtigsten Argument Das stärkste Argument deiner Website – eine überraschende Zahl, ein starkes Testimonial, dein Hauptversprechen – gehört in einen Pattern Interrupt. Nicht weil es wichtig ist. Sondern damit es auch so wahrgenommen wird.

Stelle 3: Am Ende der Seite Besucher die bis ans Ende gescrollt haben, sind fast überzeugt. Hier ein letztes unerwartetes Element – ein einziger starker Satz, ein farbiger Block, eine direkte Frage – kann die Entscheidung kippen.

Beispiele – vorher und nachher


❌ Vorhersehbar

✅ Pattern Interrupt

«Unsere Kunden sind zufrieden»

«Einer unserer Kunden hat nach 3 Jahren endlich aufgehört Geld zu verbrennen.»

Fliesstext über Dienstleistungen

Eine einzige fettgedruckte Zeile: «Dein Mitbewerber hat gestern angefragt.»

Grüner CTA auf weissem Hintergrund

Vollflächig roter Block mit weissem Text und CTA

Liste der Vorteile

«Was wäre wenn du im nächsten Monat 5 Anfragen mehr hättest?»

«Kontaktiere uns» am Ende

«Du scrollst schon eine Weile. Was hält dich noch zurück?»

Die Grenze – wann Pattern Interrupt nach hinten losgeht

Pattern Interrupt funktioniert weil er unerwartet ist. Sobald er erwartet wird – ist er keiner mehr.

Drei Fehler die den Effekt zerstören:

Zu oft. Wenn jeder zweite Abschnitt ein Interrupt ist, gewöhnt sich das Gehirn daran. Neues Muster, neuer Autopilot. Maximal ein bis zwei bewusste Interrupts pro Seite.

Ohne Inhalt dahinter. Ein Interrupt der stoppt aber dann nichts Substantielles liefert, erzeugt Frustration. Der Bruch muss mit einer relevanten Botschaft gefüllt sein. Überraschung allein reicht nicht.

Wenn er vom Ziel ablenkt. Ein Pattern Interrupt der so interessant ist dass der Besucher den Rest der Seite vergisst, hat versagt. Er soll aufwecken – nicht unterhalten.

Fazit: Aufmerksamkeit ist keine Selbstverständlichkeit – sie muss verdient werden

Dein Besucher gibt dir seine Aufmerksamkeit nicht automatisch. Er gibt sie dir nur wenn du das Muster brichst das sein Gehirn erwartet.

Pattern Interrupt ist das Werkzeug dafür. Nicht Lärm, nicht Überraschung um der Überraschung willen – sondern bewusste Unterbrechung an der richtigen Stelle, mit der richtigen Botschaft.

Wer das versteht, baut Websites die nicht nur angeschaut werden. Sondern die gelesen, gefühlt und in Anfragen umgewandelt werden.

Du willst wissen wo auf deiner Website Besucher in den Autopilot fallen?

Ich schaue mir deine Seite an und sage dir konkret wo Aufmerksamkeit verloren geht – und was du dort platzieren solltest.

Jetzt kostenlose Website-Analyse anfragen →

Autor: Livio Bätschmann

Livio Bätschmann ist Webdesigner und SEO-Profi aus der Ostschweiz und Gründer von specialpage. Er unterstützt KMU, Startups und Selbstständige dabei, mehr Sichtbarkeit, Vertrauen und Anfragen über ihre Website zu gewinnen. Durch zahlreiche Kundenprojekte hat er breite Erfahrung in Webdesign, Local SEO, Conversion-Optimierung und datenbasiertem Marketing aufgebaut.


Sein Wissen teilt Livio regelmässig in über 150 Blogbeiträgen, auf Social Media und in Communities rund um Webdesign, SEO und Online-Marketing. Dabei verbindet er Praxis, kreative Denkweise und klare Daten, um echten Mehrwert zu bieten.

Schwerpunkte:
Webdesign, Local SEO Schweiz, Landingpages, Conversion-Optimierung, Content-Strategie

Letzte Aktualisierung:

20.03.2026

Portrait von Livio Bätschmann, Webdesigner und SEO-Marketer

Häufigste Fragen kurz beantwortet

Muss ich mein ganzes Design ändern um Pattern Interrupts einzubauen?

Funktioniert Pattern Interrupt auch auf mobilen Websites?

Wie messe ich ob ein Pattern Interrupt funktioniert?

Stell dir vor du fährst jeden Tag dieselbe Strecke zur Arbeit. Du weisst genau: Kurve links, dann Ampel, dann rechts abbiegen. Dein Gehirn macht das irgendwann auf Autopilot. Du denkst nicht mehr aktiv. Du fährst einfach. Und dann steht plötzlich ein Baum auf der Strasse. In diesem Moment bist du schlagartig wach. Vollständig präsent. Das Autopilot-Programm ist unterbrochen. Das ist Pattern Interrupt. Und genau dasselbe passiert beim Scrollen durch eine Website – oder durch Instagram/TikTok.

Warum Besucher auf Autopilot scrollen

Das Gehirn ist eine Effizienzmaschine. Es liebt Muster. Sobald es ein Muster erkannt hat – «das ist eine Website mit Abschnitt, Text, Button, Abschnitt, Text, Button» – schaltet es in den Sparmodus. Es scannt noch, aber es verarbeitet nicht mehr wirklich.

Das nennt sich Banner Blindness. Und das betrifft nicht nur Werbebanner. Es betrifft jedes vorhersehbare Element auf einer Seite.

Der Besucher scrollt. Aber er ist gar nicht mehr da.

Wie das Gehirn beim Scrollen funktioniert

Ein Pattern Interrupt ist das Gegenteil von dem, was DEIN Gehirn erwartet. Er zwingt es aus dem Autopilot-Modus. Genau in diesem Moment kannst du eine Botschaft platzieren, die wirklich ankommt.

Die 6 wirkungsvollsten Pattern Interrupts auf Websites

Es gibt nicht einen einzigen richtigen Pattern Interrupt. Es gibt sechs verschiedene Typen – je nachdem was du unterbrechen willst und was du danach kommunizieren möchtest.

Typ 1: Der Richtungswechsel

Die meisten Seiten folgen einem vertikalen Rhythmus: oben Bild, unten Text. Oben Text, unten Bild. Wechsel dieses Muster.

Ein horizontaler Scroll-Bereich mitten in einer vertikalen Seite. Ein Element das diagonal platziert ist. Ein Abschnitt der sich breiter als die Spalte anfühlt.

Das Auge erwartet etwas – und bekommt etwas anderes. Es stoppt. Es schaut genau hin.

Typ 2: Der Farbbruch

Wenn deine Website eine durchgehende Farbpalette hat – und plötzlich ein Abschnitt in einer komplett anderen Farbe erscheint – stoppt das Scrollen automatisch.

Das ist kein Designfehler. Platziere deinen wichtigsten CTA-Bereich, dein stärkstes Testimonial oder dein Preispaket in einem anderen Farbblock. Nicht weil es schöner aussieht – sondern weil es die Aufmerksamkeit zwingt.

Typ 3: Die unerwartete Frage

Text auf Websites folgt einem Muster: Er erklärt, beschreibt, listet auf. Eine direkte Frage mitten im Fliesstext bricht dieses Muster.

«Wann hast du zuletzt geprüft ob deine Website noch Kunden bringt?»

Die Frage soll sehr offensiv und direkt sein.

Der Leser schaltet vom passiven Konsumieren auf aktives Nachdenken. Und wer nachdenkt, ist nicht mehr im Autopilot.

Typ 4: Die ungewöhnliche Zahl oder Aussage

Eine überraschende Zahl oder eine kontraintuitive Aussage unterbricht die Erwartung.

«70% deiner Besucher entscheiden in 3 Sekunden ob sie bleiben – bevor sie eine einzige Zeile gelesen haben.»

Das Gehirn liebt Zahlen die es nicht erwartet hat. Es hält inne. Es verarbeitet. Und in diesem Moment hast du es.

Typ 5: Der Leerraumschock

Das Gegenteil von dem was man erwartet – nichts. Ein Abschnitt mit einem einzigen Satz auf einer sonst textreichen Seite.

«Deine Website funktioniert nicht.»

Darunter: Weissraum. Kein weiterer Text. Der nächste Block kommt erst nach einer bewussten Pause.

Das ist unangenehm. Es fühlt sich falsch an. Und genau deshalb funktioniert es.

Typ 6: Das interaktive Element

Ein Button der beim Hover eine Reaktion zeigt. Ein Element das sich dreht. Ein Zähler der sich verändert. Bewegung auf einer statischen Seite ist immer ein Pattern Interrupt – weil das Gehirn Bewegung automatisch als Bedrohung oder Chance priorisiert.

Pattern Interrupt auf Social Media – wie es dort funktioniert

Auf Social Media ist das Prinzip dasselbe – aber die Umsetzung ist eine andere. Hier wird nicht gescrollt bis man liest, sondern bis ein Bild oder eine erste Zeile stoppt.

Instagram und LinkedIn: Das erste Bild oder die erste Textzeile ist der einzige Moment. Was bricht das Muster eines typischen Feeds?

  • Ein einfarbiges Bild ohne Text – wenn alle Text-Overlays haben

  • Eine provokative Frage als erste Zeile ohne Erklärung

  • Eine Zahl die nicht stimmt: «Ich habe 3 Jahre Arbeit verschwendet.»

  • Weissraum auf einem Bild wenn alle anderen vollgepackt sind

Der Unterschied zu Websites: Auf Social Media hast du noch weniger Zeit. Nicht 3 Sekunden – sondern 0.3 Sekunden beim Scrollen. Der Pattern Interrupt muss sofort wirken, visuell und ohne Kontext.

Auf einer Website hast du den Besucher bereits – du musst ihn nur wachhalten. Auf Social Media musst du ihn erst stoppen bevor er überhaupt bei dir landet.

Wo auf deiner Website Pattern Interrupts hingehören

Nicht überall. Das wäre kein Interrupt mehr – das wäre Chaos.

Ein Pattern Interrupt wirkt nur wenn er das einzige unerwartete Element in seiner Umgebung ist. Drei Farbbrüche auf einer Seite = kein Bruch mehr, sondern ein neues Muster.

Die drei Stellen wo ein Pattern Interrupt den grössten Hebel hat:

Stelle 1: Kurz vor dem ersten CTA Der Besucher hat gelesen, ist im Flow – und dann kommt der CTA. Ein Pattern Interrupt kurz davor weckt ihn noch einmal auf und erhöht die Chance dass er klickt.

Stelle 2: Beim wichtigsten Argument Das stärkste Argument deiner Website – eine überraschende Zahl, ein starkes Testimonial, dein Hauptversprechen – gehört in einen Pattern Interrupt. Nicht weil es wichtig ist. Sondern damit es auch so wahrgenommen wird.

Stelle 3: Am Ende der Seite Besucher die bis ans Ende gescrollt haben, sind fast überzeugt. Hier ein letztes unerwartetes Element – ein einziger starker Satz, ein farbiger Block, eine direkte Frage – kann die Entscheidung kippen.

Beispiele – vorher und nachher


❌ Vorhersehbar

✅ Pattern Interrupt

«Unsere Kunden sind zufrieden»

«Einer unserer Kunden hat nach 3 Jahren endlich aufgehört Geld zu verbrennen.»

Fliesstext über Dienstleistungen

Eine einzige fettgedruckte Zeile: «Dein Mitbewerber hat gestern angefragt.»

Grüner CTA auf weissem Hintergrund

Vollflächig roter Block mit weissem Text und CTA

Liste der Vorteile

«Was wäre wenn du im nächsten Monat 5 Anfragen mehr hättest?»

«Kontaktiere uns» am Ende

«Du scrollst schon eine Weile. Was hält dich noch zurück?»

Die Grenze – wann Pattern Interrupt nach hinten losgeht

Pattern Interrupt funktioniert weil er unerwartet ist. Sobald er erwartet wird – ist er keiner mehr.

Drei Fehler die den Effekt zerstören:

Zu oft. Wenn jeder zweite Abschnitt ein Interrupt ist, gewöhnt sich das Gehirn daran. Neues Muster, neuer Autopilot. Maximal ein bis zwei bewusste Interrupts pro Seite.

Ohne Inhalt dahinter. Ein Interrupt der stoppt aber dann nichts Substantielles liefert, erzeugt Frustration. Der Bruch muss mit einer relevanten Botschaft gefüllt sein. Überraschung allein reicht nicht.

Wenn er vom Ziel ablenkt. Ein Pattern Interrupt der so interessant ist dass der Besucher den Rest der Seite vergisst, hat versagt. Er soll aufwecken – nicht unterhalten.

Fazit: Aufmerksamkeit ist keine Selbstverständlichkeit – sie muss verdient werden

Dein Besucher gibt dir seine Aufmerksamkeit nicht automatisch. Er gibt sie dir nur wenn du das Muster brichst das sein Gehirn erwartet.

Pattern Interrupt ist das Werkzeug dafür. Nicht Lärm, nicht Überraschung um der Überraschung willen – sondern bewusste Unterbrechung an der richtigen Stelle, mit der richtigen Botschaft.

Wer das versteht, baut Websites die nicht nur angeschaut werden. Sondern die gelesen, gefühlt und in Anfragen umgewandelt werden.

Du willst wissen wo auf deiner Website Besucher in den Autopilot fallen?

Ich schaue mir deine Seite an und sage dir konkret wo Aufmerksamkeit verloren geht – und was du dort platzieren solltest.

Jetzt kostenlose Website-Analyse anfragen →

Autor: Livio Bätschmann

Livio Bätschmann ist Webdesigner und SEO-Profi aus der Ostschweiz und Gründer von specialpage. Er unterstützt KMU, Startups und Selbstständige dabei, mehr Sichtbarkeit, Vertrauen und Anfragen über ihre Website zu gewinnen. Durch zahlreiche Kundenprojekte hat er breite Erfahrung in Webdesign, Local SEO, Conversion-Optimierung und datenbasiertem Marketing aufgebaut.


Sein Wissen teilt Livio regelmässig in über 150 Blogbeiträgen, auf Social Media und in Communities rund um Webdesign, SEO und Online-Marketing. Dabei verbindet er Praxis, kreative Denkweise und klare Daten, um echten Mehrwert zu bieten.

Schwerpunkte:
Webdesign, Local SEO Schweiz, Landingpages, Conversion-Optimierung, Content-Strategie

Letzte Aktualisierung:

20.03.2026

Portrait von Livio Bätschmann, Webdesigner und SEO-Marketer

Häufigste Fragen kurz beantwortet

Was kostet eine Website bei specialpage?

Wie lange dauert die Umsetzung?

Mit welchem System arbeitest du?

Kann ich die Website später selbst bearbeiten?

Was brauche ich für den Start?

Zum weiterlesen

Weitere Beiträge

Check auch meine anderen Blogs aus. Alles rund um das Thema Webdesign, SEO und Online-Marketing.