Zum Inhalt springen

Störer

oder auch Blickfang, Eyecatcher

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 16.10.2026

Ein Störer ist ein auffälliges Element, das das Seitenraster bewusst durchbricht, um Aufmerksamkeit zu ziehen. Typisch sind eine runde oder schräg gestellte Fläche mit kurzem Text, etwa „neu“, „ab sofort“ oder eine Preisangabe. Der Begriff stammt aus dem Printsatz.

Störer

Auffälliges Element, das das Seitenraster bewusst durchbricht, um Aufmerksamkeit zu ziehen.
Beispiel: „Auf der Preisseite sitzt ein Störer mit der Aufschrift ‚bis 31.12.‘ an der Ecke.“

Auch: Blickfang oder Eyecatcher. Im Printsatz bezeichnet der Störer dieselbe Sache auf Anzeigen und Verpackungen.

Abgrenzung zum Call-to-Action: Der Call-to-Action fordert zu einer Handlung auf. Der Störer lenkt nur den Blick dorthin und trägt oft selbst gar keinen Link.

Angedeutete Seite mit Kopfbereich, zwei Teaser-Karten nebeneinander, einem runden Störer mit der Aufschrift „neu 2026“ auf der ersten Karte und einer farbigen CTA-Sektion mit Schaltfläche am unteren Rand; die drei Elemente sind nummeriert
Der Störer sitzt über der Kante des Teasers und bricht damit das Raster.

Wie ein Störer gebaut wird

Er sitzt über der Kante eines anderen Elements, ist leicht gedreht und trägt höchstens drei Wörter. Genau diese Überlappung macht ihn aus: Was sauber im Raster liegt, fällt nicht auf. Auf dem Smartphone braucht er eine eigene Position, weil dort die Kante fehlt, an der er hängt.

Ist der Text auf dem Störer wichtig, gehört er als Text ins Markup und nicht ins Bild. Ein Störer als Grafik mit eingebranntem Preis muss bei jeder Änderung neu gezeichnet werden, und Vorlesewerkzeuge geben ihn nur über den Alternativtext wieder.

Wofür er taugt

Für zeitlich begrenzte Hinweise, für die Auszeichnung eines Angebots unter mehreren und für Neuigkeiten, die sonst in der Seite untergehen. Er wirkt, solange er die Ausnahme ist: Zwei Störer auf einer Seite heben sich gegenseitig auf.

Aus unserer Arbeit an über 2.500 Website-Projekten ist die häufigste Fehlanwendung der Störer, der seit Jahren unverändert dort klebt. Ein „neu“ von 2023 sagt mehr über die Pflege der Seite als über das Angebot. Jeder Störer braucht deshalb ein Datum, an dem er wieder verschwindet.

Wo er im Weg steht

Wenn er Text überdeckt, sobald das Fenster schmaler wird, oder wenn er auf einer Schaltfläche liegt und Klicks abfängt. Beides fällt im Entwurf nicht auf, weil dort nur eine Fensterbreite geprüft wird.

Auch die Farbe ist ein Thema: Ein Störer lebt vom Kontrast, und Text auf einer kräftigen Fläche erreicht den nötigen Kontrastwert oft nicht. Für drei Wörter in Weiß auf Hellblau gilt dieselbe Anforderung wie für jeden anderen Text.

Siehe auch:

Teaser

Angerissener Vorgeschmack auf einen Inhalt, der auf die vollständige Seite führt.

#Website-Struktur

Call-To-Action (CTA)

Element, das Besucher zu einer bestimmten Handlung auffordert, meist als Schaltfläche oder hervorgehobener Link.

#Website-Struktur

Hero Section

Oberer Bereich einer Seite, der ohne Scrollen sichtbar ist und das Thema der Seite einordnet.

#Website-Struktur

Button

Bedienelement, das eine Handlung auslöst und sich durch Form und Farbe als anklickbar zu erkennen gibt.

#Website-Struktur

Landingpage

Seite, die Besucher aus einer bestimmten Quelle aufnimmt und auf eine einzelne Handlung hinführt.

#Website-Struktur