War­um über­la­de­ne Web­sites Con­ver­si­ons zer­stö­ren

Zu vie­le CTAs, Slider, Pop-ups und kon­kur­rie­ren­de Ele­men­te pa­ra­ly­sie­ren Be­su­cher. Ein ehr­li­cher Blick auf De­cis­i­on Fa­ti­gue, Co­gni­ti­ve Load und war­um ge­ra­de Page-Buil­der-Web­sites be­son­ders be­trof­fen sind.
6 Min. LesezeitMatthias RadscheitMatthias Radscheit
Happycodingde-DE

War­um über­la­de­ne Web­sites Con­ver­si­ons zer­stö­ren

Stell dir vor, du be­trittst ein Re­stau­rant. Die Spei­se­kar­te hat 247 Ge­rich­te. Ita­lie­nisch, Thai, Su­shi, Bur­ger, ve­ga­ne Bowl, Schnit­zel. Al­les gleich­zei­tig. Al­les ir­gend­wie mög­lich. Du blät­terst. Du blät­terst wei­ter. Nach fünf Mi­nu­ten legst du die Kar­te weg und sagst: Be­stell du ein­fach was für mich.

Ge­nau das pas­siert auf den meis­ten B2B-Web­sites. Je­den Tag. Tau­sen­de Male.

Mit­tel­stän­di­sche Un­ter­neh­men in­ves­tie­ren fünf­stel­li­ge Bud­gets in Web­sites, die dann al­les gleich­zei­tig sein sol­len: Pro­dukt­ka­ta­log, Image­kam­pa­gne, Re­crui­tin­g­tool, News­por­tal und Lead-Ma­schi­ne. Das Er­geb­nis ist vor­her­seh­bar. Nicht weil die In­hal­te schlecht wä­ren. Son­dern weil zu viel da­von auf ein­mal auf den Be­su­cher ein­pras­selt.

Und dann wun­dern sich alle, war­um die Con­ver­si­on Rate bei 0,3 Pro­zent liegt.

Das Ge­hirn will nicht wäh­len — es will Klar­heit

Es gibt ein psy­cho­lo­gi­sches Phä­no­men, das seit den 1990ern er­forscht wird: De­cis­i­on Fa­ti­gue – Ent­schei­dungs­mü­dig­keit. Bar­ry Schwartz hat das in sei­nem Buch The Pa­ra­dox of Choice auf den Punkt ge­bracht: Mehr Op­tio­nen füh­ren nicht zu bes­se­ren Ent­schei­dun­gen, son­dern zu gar kei­nen Ent­schei­dun­gen.

Die be­rühm­te Mar­me­la­den­stu­die von Shee­na Iy­en­gar zeigt das ein­drück­lich:

  • Ein Stand mit 24 Sor­ten Mar­me­la­de zog mehr Auf­merk­sam­keit an
  • Ein Stand mit 6 Sor­ten ver­kauf­te aber zehn­mal so viel

Nicht zehn Pro­zent mehr. Zehn­mal.

Über­tra­gen auf Web­sites be­deu­tet das: Je­der zu­sätz­li­che But­ton, je­der Slider, je­des Pop-up, je­der kon­kur­rie­ren­de Call-to-Ac­tion kos­tet Con­ver­si­on. Nicht viel­leicht. Si­cher.

Das mensch­li­che Ar­beits­ge­dächt­nis kann un­ge­fähr sie­ben In­for­ma­ti­ons­ein­hei­ten gleich­zei­tig ver­ar­bei­ten (Mil­lers Law, 1956). Wenn dei­ne Web­site im sicht­ba­ren Be­reich zeigt:

  • drei ver­schie­de­ne CTAs,
  • ei­nen Slider mit fünf Slides,
  • ein Chat-Wid­get,
  • ein Coo­kie-Ban­ner,
  • eine News­let­ter-An­mel­dung,
  • eine Pro­dukt­über­sicht,

… dann ist das Ar­beits­ge­dächt­nis dei­nes Be­su­chers kom­plett aus­ge­las­tet. Es bleibt kei­ne ko­gni­ti­ve Ka­pa­zi­tät mehr üb­rig, um tat­säch­lich eine Ent­schei­dung zu tref­fen.

Der Be­su­cher scrollt. Schaut. Und geht. Nicht weil das An­ge­bot schlecht ist, son­dern weil sein Ge­hirn ka­pi­tu­liert.

Co­gni­ti­ve Load: War­um vi­su­el­le Kom­ple­xi­tät mess­bar scha­det

Die Co­gni­ti­ve Load Theo­ry (John Swel­ler) un­ter­schei­det drei Ar­ten ko­gni­ti­ver Be­las­tung:

  • in­trin­sisch – die Kom­ple­xi­tät des The­mas selbst
  • ex­trin­sisch – al­les, was die Ver­ar­bei­tung er­schwert, ohne zum Ver­ständ­nis bei­zu­tra­gen
  • ger­man – die pro­duk­ti­ve Be­las­tung, die zum Ler­nen führt

Über­la­de­ne Web­sites ma­xi­mie­ren die ex­trin­si­sche Be­las­tung. Sie ma­chen es dem Be­su­cher schwer, das We­sent­li­che vom Un­wich­ti­gen zu un­ter­schei­den.

Eine Goog­le-Stu­die von 2012 zeigt: Nut­zer fäl­len in­ner­halb von 50 Mil­li­se­kun­den ein äs­the­ti­sches Ur­teil über eine Web­site. Die­ses Ur­teil kor­re­liert stark mit der wahr­ge­nom­me­nen Ver­trau­ens­wür­dig­keit. Vi­su­ell kom­ple­xe Sei­ten wur­den kon­sis­tent als we­ni­ger ver­trau­ens­wür­dig be­wer­tet als ein­fa­che.

Das be­deu­tet: Be­vor dein Be­su­cher auch nur eine Zei­le Text ge­le­sen hat, hat sein Ge­hirn be­reits ent­schie­den, ob er bleibt oder geht. Über­la­de­ne Web­sites ver­lie­ren die­ses Ren­nen fast im­mer.

Ein Bei­spiel aus der Pra­xis: In ei­nem Au­dit für ei­nen Ma­schi­nen­bau­er zähl­te ich al­lein im Hero-Be­reich der Start­sei­te 14 klick­ba­re Ele­men­te:

  • Haupt­me­nü mit 9 Punk­ten und Mega-Drop­downs
  • Slider mit vier Kam­pa­gnen (Auto-Ro­ta­ti­on alle 5 Se­kun­den)
  • Such­feld, Sprach­schal­ter, Log­in-But­ton
  • Schnel­l­an­fra­ge-But­ton, Chat-Icon

Der Ge­schäfts­füh­rer sag­te: „Wir ha­ben doch al­les auf der Sei­te, was man braucht.“

Ge­nau das war das Pro­blem.

Der Slider-My­thos und an­de­re ge­fähr­li­che De­sign­mus­ter

Slider sind das per­fek­te Bei­spiel für ein De­sign­ele­ment, das sich gut an­fühlt, aber schlecht per­formt.

Da­ten von Erik Ru­n­yon (Not­re Dame Uni­ver­si­ty):

  • Über 89 % al­ler Klicks ent­fal­len auf den ers­ten Slide
  • Der zwei­te Slide be­kommt noch ca. 5 %
  • Ab Slide drei ist es sta­tis­tisch ir­rele­vant

War­um nut­zen dann so vie­le Un­ter­neh­men Slider? Weil sie ein po­li­ti­sches Pro­blem lö­sen, kein UX-Pro­blem.

  • Mar­ke­ting will die neue Kam­pa­gne
  • Ver­trieb will das Pro­dukt-High­light
  • HR will die Kar­rie­re­sei­te pu­shen

Der Slider ist der fau­le Kom­pro­miss: Je­der be­kommt sei­nen Slide – und am Ende sieht nie­mand ir­gend­et­was.

Auto-ro­tie­ren­de Slider sind noch schlim­mer. Sie neh­men dem Be­su­cher die Kon­trol­le. Wenn ich ge­ra­de an­fan­ge, die Head­line auf Slide zwei zu le­sen, springt der Slider wei­ter zu Slide drei. Das er­zeugt Frus­tra­ti­on. Und frus­trier­te Be­su­cher kon­ver­tie­ren nicht.

Das­sel­be gilt für:

  • Pop-ups, die nach drei Se­kun­den auf­plop­pen
  • Exit-In­tent-Over­lays, die den Be­su­cher be­drän­gen
  • Sti­cky-Ban­ner, die den hal­ben Screen ein­neh­men
  • Chat-Wid­gets, die sich un­ge­fragt öff­nen
  • ma­ni­pu­la­ti­ve Coo­kie-Ban­ner mit über­gro­ßem „Alle ak­zep­tie­ren“-But­ton

Je­des die­ser Ele­men­te mag iso­liert be­trach­tet sinn­voll er­schei­nen. In Kom­bi­na­ti­on er­zeu­gen sie ein di­gi­ta­les Bom­bar­de­ment, das Be­su­cher in die Flucht schlägt.

War­um Page-Buil­der-Web­sites be­son­ders be­trof­fen sind

Web­sites, die mit Word­Press Page Buil­dern wie Ele­men­tor, Divi oder WP­Bak­e­ry ge­baut wer­den, sind si­gni­fi­kant häu­fi­ger über­la­den als maß­ge­schnei­der­te Web­sites. Das hat struk­tu­rel­le Grün­de.

1. UX-Pro­blem: Hin­zu­fü­gen ist bil­lig, Ent­fer­nen ist teu­er

Page Buil­der ma­chen es ex­trem ein­fach, Ele­men­te hin­zu­zu­fü­gen:

  • Drag and Drop
  • Ein neu­er But­ton hier
  • Ein Tes­ti­mo­ni­al-Slider dort
  • Noch ein Coun­ter-Wid­get, noch eine Icon-Box, noch ein Par­al­lax-Hin­ter­grund

Die Hür­de, et­was hin­zu­zu­fü­gen, ist prak­tisch null. Die Hür­de, et­was zu ent­fer­nen, ist psy­cho­lo­gisch hoch. Denn je­des Ele­ment wur­de von ir­gend­je­man­dem ge­wünscht. Also bleibt al­les drin. Die Sei­te wird mit je­dem Quar­tal schwe­rer.

2. Tech­nik-Pro­blem: Ex­zes­si­ver Code und La­de­zei­ten

Page Buil­der er­zeu­gen ex­zes­si­ven Code. Je­des Wid­get bringt ei­ge­nes CSS und Ja­va­Script mit. Eine ty­pi­sche Ele­men­tor-Sei­te lädt:

  • 15–30 zu­sätz­li­che CSS-Da­tei­en
  • di­ver­se Ja­va­Script-Bi­blio­the­ken, auch wenn die Ele­men­te auf der ak­tu­el­len Sei­te gar nicht ver­wen­det wer­den

Er­geb­nis: La­de­zei­ten, die in kei­nem Ver­hält­nis zum In­halt ste­hen.

Bei­spiel aus ei­nem Au­dit:

  • 4,2 MB Ja­va­Script
  • 2,8 MB CSS
  • di­ver­se Web­fonts
  • Ge­samt­last: > 12 MB
  • Time to In­ter­ac­ti­ve: > 11 Se­kun­den auf ei­nem durch­schnitt­li­chen Mo­bil­ge­rät

Ver­gleich mit ei­ner sau­ber ge­bau­ten Next.js-Web­site mit Tail­wind CSS und Head­less CMS:

  • < 200 KB Ja­va­Script
  • Time to In­ter­ac­ti­ve: < 2 Se­kun­den
  • Es wird nur der Code ge­la­den, der tat­säch­lich ge­braucht wird

Nicht weil Next.js ma­gisch ist, son­dern weil die Ar­chi­tek­tur Dis­zi­plin er­zwingt. Und im Web­de­sign ist Dis­zi­plin gleich­be­deu­tend mit Fo­kus. Und Fo­kus ist gleich­be­deu­tend mit Con­ver­si­on.

Der di­rek­te Zu­sam­men­hang zwi­schen La­de­zeit und Um­satz

Goog­le (2018) hat ge­zeigt:

  • La­de­zeit von 1 auf 3 Se­kun­den → Boun­ce-Wahr­schein­lich­keit +32 %
  • von 1 auf 5 Se­kun­den+90 %
  • von 1 auf 10 Se­kun­den+123 %

Ama­zon hat in­tern ge­mes­sen:

  • +100 ms La­de­zeit = −1 % Um­satz

Walm­art mel­de­te:

  • +1 Se­kun­de schnel­le­re La­de­zeit = bis zu +2 % Con­ver­si­on Rate

Du bist kein Ama­zon. Aber die Psy­cho­lo­gie da­hin­ter ist uni­ver­sell:

  • Lang­sa­me Sei­te → Ge­hirn in­ter­pre­tiert das als Si­gnal ge­rin­ger Qua­li­tät
  • Der Be­su­cher denkt nicht: „Die ha­ben wohl zu viel Ja­va­Script.“
  • Er denkt: „Fühlt sich ko­misch an.“ Und klickt weg.

Im B2B-Be­reich ist das be­son­ders kri­tisch:

  • Ent­schei­der sind im Schnitt äl­ter
  • nut­zen häu­fi­ger Desk­top, oft mit mit­tel­mä­ßi­ger Hard­ware
  • ste­hen un­ter Zeit­druck

Wenn dei­ne Sei­te 3 Se­kun­den braucht, um zu la­den, ist der Tab oft schon ge­schlos­sen – und der Wett­be­wer­ber ge­öff­net.

Wie du er­kennst, ob dei­ne Web­site über­la­den ist

1. Der Fünf-Se­kun­den-Test

So gehst du vor:

  1. Zeig dei­ne Start­sei­te je­man­dem, der sie noch nie ge­se­hen hat
  2. Zeig sie ge­nau fünf Se­kun­den lang
  3. Blen­de sie aus
  4. Stell zwei Fra­gen:
  • Was macht das Un­ter­neh­men?
  • Was sollst du als Nächs­tes tun?

Wenn die Per­son das nicht klar be­ant­wor­ten kann, ist dei­ne Sei­te über­la­den. Punkt.

2. CTA-Au­dit im sicht­ba­ren Be­reich

  1. Geh auf dei­ne Start­sei­te
  2. Ohne zu scrol­len: Zäh­le je­des klick­ba­re Ele­ment:

Ähnliche Artikel

Offen für ausgewählte Projekte

Lassen Sie uns über Ihr Projekt sprechen

Bu­chen Sie ei­nen un­ver­bind­li­chen Ter­min, schrei­ben Sie uns eine E-Mail oder nut­zen Sie das For­mu­lar – wir freu­en uns auf Ihre Nach­richt.

150+
Abgeschlossene Projekte
15
Jahre Erfahrung
8
Senior‑Level Teammitglieder