Journal · Gestaltung · 02.09.2026
Warum PageSpeed und Design zusammengehören.
Ich vergleiche Websites gern mit Visitenkarten. Wie lange schaut man auf eine Visitenkarte? Genau. Kurz. Und trotzdem geht es dabei um mehr als den Druck.
Oder: was Wissen über Gestaltung und Code verändert — an dieser Seite, sofort.
Kurzfassung · wie schnell das Urteil fällt
46 %
der Urteile über Glaubwürdigkeit hängen am Aussehen
Stanford, 2.684 Befragte
Bericht vom 29.10.2002
das Papier, der Griff,
die Person, die sie reicht
Die drei Zahlen sind belegt und unten verlinkt. Die vierte ist es nicht — und sie ist trotzdem die wichtigste.
Eine Visitenkarte, die in der Hosentasche bleibt, ist keine Werbung. Eine Website auch nicht.
Das sind die zwei Missverständnisse, die mir am häufigsten begegnen. Das erste: Gestaltung sei Geschmack und Technik sei davon getrennt. Das zweite: Eine Website bringe Kunden, weil sie existiert. Beides stimmt nicht, und beide hängen zusammen.
01 · Der Vergleich
Es geht nie nur um den Druck
Wie lange schaut man
auf eine Visitenkarte?
Genau. Kurz.
Eine Visitenkarte hält man wenige Sekunden in der Hand. In dieser Zeit passiert eine Menge, und das wenigste davon ist bewusst. Man sieht die Gestaltung, sicher. Aber man spürt auch das Gewicht des Papiers, die Kante, ob es matt oder glänzend ist. Man liest ohne Anstrengung oder eben nicht. Und man hat gleichzeitig die Person vor sich, die sie einem reicht.
Niemand würde eine Visitenkarte auf Zeitungspapier drucken lassen und dann sagen, das Design sei ja gut. Material und Gestaltung sind dasselbe Urteil. Bei einer Website ist das nicht anders — nur heißt das Material dort Ladezeit, Lesbarkeit, Bedienbarkeit. Wer die Gestaltung lobt und das Tempo für ein Technikproblem hält, hat die Karte auf Zeitungspapier gedruckt.
Der Unterschied ist nur: Bei der Karte spürst du das Papier sofort. Bei einer Website merkst du es erst, wenn du wartest — und dann ist der Eindruck schon entstanden.
Selbstversuch · warum hier kein reines Weiß steht
Der Text auf dieser Seite ist nicht weiß, sondern ein sehr helles Grau auf einem sehr dunklen Braun. Klingt nach Kleinkram, ist aber der Grund, warum längeres Lesen hier nicht anstrengt.
#ffffff heißt für den Bildschirm: Rot, Grün und Blau auf voller Leistung, an jedem einzelnen Bildpunkt. Auf schwarzem Grund entsteht dadurch Irradiation — helle Flächen wirken größer als sie sind und blühen in die dunkle Umgebung aus. Die Buchstaben bekommen einen Hof, die Zwischenräume laufen zu. In der Gestaltung heißt derselbe Effekt, aus der Fotografie entlehnt, oft Halation.
so ist es hier
Handwerk zeigt sich im Detail.
#d9d4d0 auf #171514
Kontrast 12,4:1
und so mit reinem Weiß
Handwerk zeigt sich im Detail.
#ffffff auf #000000
Kontrast 21:1
Das rechte Feld hat den besseren Kontrastwert — 21:1 gegen 12,4:1 — und liest sich trotzdem schlechter. Der Wert ist eine Untergrenze für Lesbarkeit, keine Zahl, die man maximiert. Wer eine Hornhautverkrümmung hat, sieht den Unterschied besonders deutlich; dort blüht reines Weiß spürbar stärker aus.
Probier es an dieser Seite aus. Der Knopf stellt den ganzen Beitrag auf die Maximalvariante um — reines Weiß, reines Schwarz, keine Abstufungen mehr. Lies danach zwei, drei Absätze weiter und schalte zurück.
Dabei wird nichts gespeichert — kein Cookie, kein Eintrag im Browser. Beim nächsten Neuladen ist die Seite wieder normal. Und du siehst nebenbei, was passiert, wenn man die Abstufungen wegnimmt: Die Mono-Zeilen, der graue Nebentext, die Haarlinien — alles wird gleich laut. Kontrast maximieren heißt Hierarchie verlieren.
Das ist die Sorte Entscheidung, die man einer Seite nicht ansieht und trotzdem spürt. Wie das Papier der Visitenkarte.
02 · Was gemessen wurde
Fünfzig Millisekunden. Danach ist es entschieden.
Das ist keine Designer-Behauptung, sondern seit zwanzig Jahren untersucht. Die Arbeit, auf die sich alle anderen beziehen, stammt von Gitte Lindgaard und Kolleginnen an der Carleton University, veröffentlicht 2006 in Behaviour & Information Technology.
- Der Aufbau
- Teilnehmende sahen Screenshots echter Websites für sehr kurze Zeit und bewerteten deren Anmutung. Danach dieselben Seiten noch einmal — mal länger, mal unbegrenzt.
- Das Ergebnis
- Die Urteile nach 50 Millisekunden und nach einer halben Sekunde stimmen zu r = 0,97 überein. Zwischen einer halben Sekunde und unbegrenzter Betrachtung liegt r = 0,98. Anders gesagt: Wer eine Seite eine Fünfzigstelsekunde sieht, urteilt praktisch genauso wie jemand, der sie sich in Ruhe ansieht.
- Die Bestätigung
- Alexandre Tuch und Kolleginnen prüften das 2012 nach, mit 119 Screenshots und Darbietungszeiten von 50, 500 und 1000 Millisekunden. Der Effekt war schon bei 50 ms da. In einem zweiten Versuch verkürzten sie auf 17, 33 und 50 Millisekunden — selbst bei 17 Millisekunden war er noch messbar.
- Was dabei wirkt
- Zwei Faktoren, sagt dieselbe Arbeit: visuelle Komplexität und Prototypizität. Hohe Komplexität führt zu einem schlechteren ersten Eindruck. Und Seiten, die aussehen wie das, was man von ihrer Sorte erwartet, schneiden besser ab als originelle. Einfach und erwartbar schlägt aufwendig und überraschend — jedenfalls in der ersten Fünfzigstelsekunde.
Lindgaard, G., Fernandes, G., Dudek, C., Brown, J. (2006): Attention web designers: You have 50 milliseconds to make a good first impression! Behaviour & Information Technology 25(2), 115–126.
Tuch, A. N., Presslaber, E. E., Stöcklin, M., Opwis, K., Bargas-Avila, J. A. (2012): The role of visual complexity and prototypicality regarding first impression of websites. International Journal of Human-Computer Studies 70(11), 794–811.
03 · Und es bleibt nicht beim Gefallen
Aussehen entscheidet, ob man dir glaubt
Der zweite Befund ist der unangenehmere. Das Stanford Persuasive Technology Lab hat 2002 zusammen mit Consumer WebWatch untersucht, woran Menschen die Glaubwürdigkeit einer Website festmachen. 2.684 Personen bewerteten dafür jeweils zwei echte Seiten zum selben Thema und begründeten ihr Urteil in eigenen Worten. Die Begründungen wurden ausgewertet und kategorisiert.
46,1 %
Aussehen der Seite
„Design Look“ — Farben,
Aufbau, Schrift, Bilder
28,5 %
Informationsaufbau
Struktur, Gliederung,
Auffindbarkeit
25,1 %
der Inhalt selbst
worum es auf der
Seite eigentlich geht
15,5 %
Motiv des Anbieters
was will der
eigentlich von mir?
Das Aussehen wurde also fast doppelt so oft genannt wie der Inhalt. Das ist kein Lob der Oberflächlichkeit, sondern eine Beschreibung, wie Menschen unter Zeitdruck entscheiden: Wer nichts über ein Fachgebiet weiß, beurteilt das Einzige, was er beurteilen kann.
Für eine Praxis, eine Kanzlei oder einen Handwerksbetrieb heißt das etwas Konkretes. Die fachliche Qualität steht nicht zur Debatte — sie wird gar nicht erst geprüft, wenn der Auftritt vorher durchfällt. Und umgekehrt: Ein sauberer, ruhiger Auftritt ist kein Schmuck, er ist die Eintrittskarte dafür, dass jemand überhaupt liest, was du kannst.
Fogg, B. J., Soohoo, C., Danielson, D., Marable, L., Stanford, J., Tauber, E. R. (2002): How Do People Evaluate a Web Site’s Credibility? Results from a Large Study. Persuasive Technology Lab, Stanford University · Consumer WebWatch · Sliced Bread Design. Bericht vom 29.10.2002, Erhebung Juni bis August 2002.
04 · Die Verbindung
Und was hat das mit der Ladezeit zu tun?
Hier wird oft zu schnell
argumentiert. Deshalb
langsam.
Der naheliegende Schluss wäre: Wenn das Urteil nach 50 Millisekunden steht, muss die Seite in 50 Millisekunden da sein. Das ist falsch, und ich sage es lieber selbst als es mir vorhalten zu lassen. Keine Website lädt in 50 Millisekunden, und keine muss das.
Der richtige Schluss ist ein anderer, und er ist stärker: Die Uhr läuft erst, wenn etwas zu sehen ist. Die Studien messen das Urteil über ein Bild, das da ist. Solange nichts da ist, wird nicht positiv geurteilt — es wird gewartet. Und Warten ist keine neutrale Zeit, sondern selbst ein Eindruck.
Damit ist die Ladezeit kein Konkurrent der Gestaltung, sondern ihre Voraussetzung. Sie entscheidet nicht, wie der erste Eindruck ausfällt — sie entscheidet, wann er anfangen darf und ob überhaupt noch jemand da ist, wenn es soweit ist.
Was die Studien nicht sagen
Sie sagen nichts über Umsatz, Anfragen oder Abbruchquoten. Sie messen ästhetisches Urteil und die Zuschreibung von Glaubwürdigkeit, nicht Kaufverhalten. Wer aus „50 Millisekunden“ eine Umsatzprognose macht, verlässt die Datenlage.
Es gibt Studien zum wirtschaftlichen Effekt, aber sie stammen aus dem Onlinehandel und lassen sich nicht auf eine Praxis oder einen Verein übertragen. Deshalb stehen sie hier nicht.
Und noch ein Punkt aus derselben Forschung, der in der Praxis untergeht: Einfachheit gewinnt. Hohe visuelle Komplexität verschlechtert den ersten Eindruck messbar. Die aufwendige Startseite mit Bewegtbild, Karussell und vier Botschaften gleichzeitig ist nicht nur langsamer — sie wirkt auch schlechter. Zweimal derselbe Fehler, aus zwei Richtungen.
05 · Das zweite Missverständnis
Eine Website ist nicht automatisch Werbung
Zurück zur Visitenkarte. Sie kann noch so gut sein — solange sie in der Hosentasche steckt, sieht sie niemand. Bei Websites ist das genauso, nur fällt es weniger auf, weil die Seite ja „online" ist. Online sein heißt aber nur: Es gibt eine Adresse, an der etwas steht.
Damit daraus Wirkung wird, braucht es einen von zwei Wegen — meistens beide:
- Man reicht sie weiter. Die Adresse steht auf der echten Visitenkarte, in der Mailsignatur, auf dem Fahrzeug, im Schaufenster, unter jedem Angebot. Das ist der unterschätzte Teil und kostet nichts außer Konsequenz.
- Man baut sie so, dass sie gefunden wird. Struktur, Inhalte, die echte Fragen beantworten, saubere Auszeichnung, Tempo. Das ist kein Zusatzpaket nach dem Launch, sondern eine Entscheidung beim Konzept — was dabei technisch gemessen wird, steht hier.
Beides gehört in die Planung, nicht in die Nachbereitung. Eine Seite, die erst fertig gebaut und dann „noch für Google optimiert" wird, ist wie eine Visitenkarte, die man nach dem Druck noch lesbar machen will.
Und seit kurzem kommt ein dritter Leser dazu: Wer heute einen Betrieb sucht, fragt oft erst eine KI. Auch die liest Struktur, nicht Gestaltung. Was für Suchmaschinen gilt, gilt für sie doppelt.
06 · Meine Praxis
Warum ich beides nicht trenne
Gestaltung und Umsetzung
von einer Person
Der übliche Ablauf sieht so aus: Jemand gestaltet, jemand anderes baut. Die Gestaltung wird beurteilt, wenn sie noch ein Bild ist — auf einem großen Bildschirm, ohne Ladezeit, mit Platzhaltertext, der immer genau passt. Das Urteil fällt also unter Bedingungen, die es später nie wieder gibt.
Ich mache beides, und deshalb fällt die Entscheidung an einer anderen Stelle: Ein Bild, das nur mit drei Sekunden Ladezeit funktioniert, ist kein gutes Bild. Eine Schriftfamilie mit sechs Schnitten ist eine Gestaltungsentscheidung und ein Tempoproblem. Beides ist dieselbe Frage, und sie lässt sich nur einmal beantworten.
Das heißt nicht, dass alles schlicht sein muss. Es heißt, dass der Preis vorher auf dem Tisch liegt. Ein Hintergrundvideo kostet Ladezeit — das kann man wollen. Man sollte es nur wissen, bevor es gebaut ist.
Diese Seite hier ist das Beispiel: eine Schriftfamilie in zwei Schnitten, keine Bewegtbilder, kein Framework — und 100 in allen vier PageSpeed-Kategorien bei 0,3 Sekunden. Nicht weil optimiert wurde, sondern weil bei jeder Entscheidung beides zugleich beantwortet wurde.
Kurz gefragt
Drei Fragen, drei Antworten
Wie schnell entscheidet sich, ob eine Website gefällt?
In etwa 50 Millisekunden. Lindgaard und Kolleginnen zeigten 2006, dass Menschen nach einer Fünfzigstelsekunde dasselbe Urteil über eine Seite fällen wie nach einer halben — die beiden Bewertungen stimmen zu r = 0,97 überein. Tuch und Kolleginnen fanden 2012 sogar bei 17 Millisekunden noch einen Effekt. Das Urteil ist damit gefallen, bevor jemand einen Satz gelesen hat.
Macht gutes Design eine Website glaubwürdiger?
Es bestimmt, worüber überhaupt geredet wird. In der Stanford-Studie von 2002 bewerteten 2.684 Menschen die Glaubwürdigkeit echter Websites. In 46,1 Prozent der Begründungen ging es um das Aussehen — häufiger als um Informationsaufbau (28,5 Prozent) oder Inhalt (25,1 Prozent). Wer schlecht gestaltet, wird also nicht für sein Fachwissen bewertet, sondern für seinen Auftritt.
Bringt eine Website von allein Kunden?
Nein. Eine Website ist zunächst nur eine Adresse, an der etwas steht. Wie eine Visitenkarte, die in der Schublade liegt, wirkt sie nicht, solange niemand sie ansieht. Sie muss benutzt werden — verteilt, verlinkt, in Gesprächen genannt — oder so gebaut sein, dass Suchmaschinen und KI-Antworten sie finden. Beides ist Arbeit, und beides gehört zur Planung, nicht zur Nachbereitung.
Welchen ersten Eindruck macht deine Seite?
Ich sehe mir an, was in der ersten halben Sekunde passiert — was zu sehen ist, wie lange es dauert, und was jemand daraus über dich schließt. Danach sagst du mir, ob das der Eindruck war, den du machen wolltest.
Quellen: Lindgaard et al. 2006, Behaviour & Information Technology 25(2) · Tuch et al. 2012, International Journal of Human-Computer Studies 70(11) · Fogg et al. 2002, Persuasive Technology Lab der Stanford University mit Consumer WebWatch und Sliced Bread Design. Abruf jeweils 02.09.2026.
Bei Texten wie diesem arbeite ich mit professionellen KI-Modellen. Das Werkzeug beschleunigt, es urteilt nicht: Die Inhalte kommen aus meiner täglichen Praxis, kuratiert und geprüft habe ich sie selbst. Die Studienangaben sind an der Primärquelle nachgeschlagen.