Vertrauen auf den ersten Blick: Woran Menschen eine seriöse Website festmachen

Stell dir vor, jemand sucht einen Fahrradanhänger für Kinder. Nach ein paar Minuten Recherche landet die Person bei einem kleinen Onlineshop, der genau das gesuchte Modell hat, 40 Euro günstiger als überall sonst. Die Startseite begrüßt sie mit einem Pop-up zum Newsletter. Dahinter ein Slider mit verpixelten Fotos, fünf verschiedene Schriften, im Footer „© 2019“. Ein Impressum ist auf den ersten Blick nicht zu finden. Nach wenigen Sekunden ist der Tab wieder zu, und der Anhänger wird beim großen Händler bestellt, zum höheren Preis.

Dabei ist der kleine Shop vielleicht völlig seriös. Er liefert schnell, berät gut und hat zufriedene Stammkundschaft. Nur: Das konnte die Person in diesen paar Sekunden nicht wissen. Sie hat entschieden, ob sie dem Shop vertraut, bevor sie überhaupt eine Produktbeschreibung gelesen hat.

Genau darum geht es in diesem Artikel. Nicht darum, ob eine Website objektiv vertrauenswürdig ist, sondern woran Menschen festmachen, ob sie ihr vertrauen. Das ist ein Unterschied, der für Design entscheidend ist. Der Fahrradshop dient dabei als durchgehendes Beispiel. Er ist erfunden, aber typisch.

Vertrauen ist ein Urteil, keine Eigenschaft

Ob ein Shop pünktlich liefert oder ein Ratgeber sorgfältig recherchiert ist, lässt sich auf den ersten Blick nicht prüfen. Menschen haben auf einer unbekannten Website keine Erfahrungswerte. Also greifen sie auf das zurück, was sie sehen können: Gestaltung, Texte, Bilder, Kontaktangaben, kleine Details. Aus diesen Hinweisen bilden sie ein Urteil darüber, ob hinter der Website eine Organisation steht, der man Geld, Daten oder Zeit anvertrauen kann.

Dieses Urteil ist subjektiv. Es kann richtig sein, es kann aber auch danebenliegen. Eine professionell gestaltete Phishing-Seite wirkt mitunter vertrauenswürdiger als die liebevoll selbst gebaute Website eines ehrlichen Handwerksbetriebs. Für die Gestaltung heißt das: Es reicht nicht, seriös zu sein. Menschen müssen es auch erkennen können, und zwar anhand der Signale, auf die sie tatsächlich achten.

Dahinter steckt ein bekanntes Muster aus der Psychologie, der Halo-Effekt. Der Psychologe Edward Thorndike beschrieb 1920, dass Vorgesetzte bei der Beurteilung von Soldaten verschiedene Eigenschaften auffällig ähnlich bewerteten. Wer in einem Bereich gut abschnitt, wurde auch in anderen besser eingeschätzt. Ein einzelner positiver Eindruck strahlt also auf das Gesamturteil aus. Bei Websites ist dieser erste Eindruck meist visuell.

Was in den ersten Millisekunden passiert

Wie schnell dieses Urteil fällt, hat ein Team um die Psychologin Gitte Lindgaard an der Carleton University in Kanada untersucht. Die Forschenden zeigten Versuchspersonen Screenshots von Websites, teils nur 50 Millisekunden lang, und ließen sie die visuelle Anziehungskraft bewerten. Die Urteile stimmten auch bei dieser extrem kurzen Zeit weitgehend überein. Der Titel der 2006 veröffentlichten Studie fasst das Ergebnis zusammen: „Attention web designers: You have 50 milliseconds to make a good first impression!“

Ein Forschungsteam der Universität Basel und von Google ging 2012 einen Schritt weiter. Alexandre Tuch und sein Team untersuchten, welche Eigenschaften den ersten Eindruck prägen. Laut der Zusammenfassung im Google-Research-Blog bilden sich ästhetische Urteile innerhalb von etwa 17 bis 50 Millisekunden. Zwei Faktoren erwiesen sich als besonders wichtig:

• Visuelle Komplexität: Wie voll und unruhig wirkt eine Seite? Hohe Komplexität senkte die wahrgenommene Schönheit, selbst wenn die Seite vertraut aussah.
• Prototypikalität: Wie sehr entspricht die Seite dem, was Menschen von einer Website dieser Art erwarten? Eine untypische Seite wurde schlechter bewertet, selbst wenn sie einfach gestaltet war.

Am besten schnitten Seiten ab, die zugleich einfach und vertraut wirkten. Das passt zu Jakob’s Law: Menschen verbringen die meiste Zeit auf anderen Websites und erwarten, dass deine genauso funktioniert. Ein Onlineshop, der wie ein Onlineshop aussieht, muss weniger erklären.

Wichtig ist eine Einordnung: Diese Studien messen Ästhetik und ersten Eindruck, nicht direkt Vertrauen. Sie zeigen aber, wie früh die Weichen gestellt werden. Bevor jemand einen einzigen Satz gelesen hat, existiert schon eine Grundhaltung zur Seite, und alles Weitere wird durch diese Brille betrachtet.

Schön wirkt benutzbar: der Ästhetik-Usability-Effekt

Der erste Eindruck färbt nicht nur auf Vertrauen ab, sondern auch auf die Frage, wie gut sich etwas bedienen lässt. Masaaki Kurosu und Kaori Kashimura untersuchten 1995 bei Hitachi in Japan verschiedene Layouts für die Bedienoberfläche eines Geldautomaten. Sie unterschieden zwischen der tatsächlichen Benutzbarkeit und der „scheinbaren“, also der, die Menschen allein vom Ansehen erwarten. Das Ergebnis: Die scheinbare Benutzbarkeit hing stärker mit der wahrgenommenen Schönheit zusammen als mit der tatsächlichen Benutzbarkeit.

Noam Tractinsky, Adi Katz und Dror Ikar griffen das im Jahr 2000 auf, ebenfalls mit einem simulierten Geldautomaten. Sie maßen die Einschätzungen vor und nach der Nutzung. Ästhetik und wahrgenommene Benutzbarkeit hingen vor der Nutzung stark zusammen, und dieser Zusammenhang blieb auch danach bestehen. Die ästhetische Gestaltung beeinflusste die Bewertung nach der Nutzung, die tatsächliche Benutzbarkeit dagegen nicht. Der Titel der Studie ist inzwischen ein geflügeltes Wort: „What is beautiful is usable“.

Dieser Ästhetik-Usability-Effekt ist ein gutes Beispiel dafür, warum es hier um subjektive Wahrnehmung geht. Wäre Vertrauen eine rein objektive Prüfung, könnte Ästhetik keine Rolle spielen. Ein Geldautomat wird nicht sicherer, weil sein Bildschirm schöner ist. Menschen schließen trotzdem vom Aussehen auf Qualität, Sorgfalt und Zuverlässigkeit. Für Design ist das Chance und Verantwortung zugleich.

Woran Menschen Seriosität festmachen

Welche Hinweise Menschen tatsächlich heranziehen, wurde in zwei Studien besonders deutlich.

Das Stanford Web Credibility Project um B. J. Fogg ließ 2002 über 2.600 Menschen Websites aus verschiedenen Branchen vergleichen und ihre Einschätzung begründen. Die meistgenannte Kategorie war das Design: 46,1 Prozent der Teilnehmenden bezogen sich in ihren Kommentaren auf die visuelle Gestaltung, also auf Layout, Typografie, Schriftgröße oder Farben. Bei Finanzseiten lag der Anteil sogar über der Hälfte. Inhaltliche Aspekte wie die Qualität der Informationen wurden deutlich seltener genannt.

Eine Studie von Elizabeth Sillence und ihrem Team aus dem Jahr 2004 kam zu einem ähnlichen Bild, allerdings mit einer kleinen Stichprobe. 15 Frauen suchten online nach Informationen zu den Wechseljahren. Wenn sie eine Gesundheitswebsite schnell verwarfen, bezogen sich rund 94 Prozent ihrer Begründungen auf das Design und nur etwa 6 Prozent auf den Inhalt. Genannt wurden unruhige Layouts, schlechte Navigation, unpassende Farben und Pop-up-Werbung. Erst bei Seiten, die diese erste Hürde nahmen, rückten Inhalte und Absender in den Vordergrund.

Das Forschungsteam beschreibt Vertrauen deshalb als Prozess in mehreren Stufen. Vereinfacht gesagt: In der ersten Stufe entscheiden Menschen in Sekunden anhand der Gestaltung, ob sie bleiben. In der zweiten Stufe prüfen sie genauer: Wer steckt dahinter? Sind die Informationen aktuell? Stimmen Preise und Bedingungen? Eine Website muss beide Stufen bestehen. Gutes Design ohne Substanz fliegt in Stufe zwei auf. Gute Inhalte hinter schlechtem Design werden oft gar nicht erst gelesen.

Das Stanford-Projekt hat aus seiner Forschung zehn Richtlinien abgeleitet. Sinngemäß zusammengefasst: Informationen überprüfbar machen, zeigen, dass eine echte Organisation dahintersteht, Fachkompetenz und echte Menschen sichtbar machen, Kontakt leicht finden lassen, professionell und passend gestalten, die Website einfach nutzbar halten, Inhalte aktualisieren, Werbung zurückhaltend und klar getrennt einsetzen und Fehler wie Tippfehler oder kaputte Links vermeiden. Die folgenden sechs Signale bauen darauf auf.

Sechs Signale, die du gestalten kannst

1. Ein ruhiger, vertrauter erster Eindruck

Weil die erste Stufe so schnell abläuft, zählt vor allem die Gesamtwirkung. Eine klare visuelle Hierarchie, wenige Schriften, eine begrenzte Farbpalette und genug Weißraum senken die visuelle Komplexität. Ein Aufbau, der sich an bekannten Mustern der Branche orientiert, erhöht die Prototypikalität. Logo oben links, Suche und Warenkorb oben rechts, Produktbild links und Kaufbereich rechts: Solche Konventionen sind kein Mangel an Kreativität, sondern ein Signal, dass hier alles funktioniert wie erwartet.

Im Fahrradshop sieht das so aus:

• Vorher: Newsletter-Pop-up beim Laden der Seite, Slider mit fünf wechselnden Motiven, fünf Schriften, Sonderangebote in Rot, Gelb und Grün.
• Nachher: Ein großes, scharfes Foto eines Kinderanhängers im Einsatz, darunter die drei wichtigsten Kategorien. Zwei Schriften, eine Akzentfarbe. Der Newsletter steht ruhig im Footer.

Weniger visuelles Rauschen hilft nicht nur dem Vertrauen, sondern auch dem Verstehen. Mehr dazu im Artikel Kognitive Last: Warum weniger im Interface oft mehr ist.

2. Echte Menschen, echte Adresse

Anonymität ist der größte Feind von Vertrauen. Menschen wollen wissen, wer hinter einer Website steht und wie sie diese Organisation erreichen, wenn etwas schiefgeht. Für geschäftsmäßige Websites in Deutschland ist ein Impressum ohnehin Pflicht. Seit dem 14. Mai 2024 ergibt sich das aus § 5 des Digitale-Dienste-Gesetzes (DDG), das das frühere Telemediengesetz abgelöst hat. Meist steht es als Link im Footer, und dort suchen Menschen es auch. Für das Vertrauen lohnt es sich aber, mehr zu zeigen.

Wirksam sind vor allem Signale, die schwer zu fälschen sind: eine Telefonnummer, unter der tatsächlich jemand erreichbar ist, eine Adresse, echte Fotos des Teams oder des Lagers, Namen bei Beratungsangeboten. Ein Stockfoto mit lächelnden Menschen im Headset wirkt dagegen eher beliebig, weil viele es schon auf anderen Seiten gesehen haben.

Der Fahrradshop bekommt eine kurze „Über uns“-Seite mit einem Foto des Ladens, den Namen der zwei Menschen, die beraten, und einer Telefonnummer mit Servicezeiten. Im Kopfbereich steht ein dezenter Hinweis: „Beratung am Telefon: Mo bis Fr, 9 bis 17 Uhr“.

3. Sorgfalt im Detail

Kleine Fehler haben eine große Wirkung, weil Menschen von ihnen auf das Ganze schließen. Wer bei den Texten auf der Website schludert, so die unbewusste Logik, schludert vielleicht auch beim Versand oder beim Umgang mit Daten. Das Stanford-Projekt nennt Tippfehler und kaputte Links ausdrücklich als Faktoren, die Glaubwürdigkeit kosten.

Das Baymard Institute, das seit Jahren Checkout-Prozesse untersucht, beschreibt einen verwandten Effekt: Wenn Layouts fehlerhaft dargestellt werden, verschobene Elemente oder kaputte Grafiken etwa, vermuten manche Menschen einen Hackerangriff oder eine Phishing-Seite. Selbst bei großen Händlern kann das zu Kaufabbrüchen führen.

Praktisch heißt das: Texte gegenlesen lassen, Links regelmäßig prüfen, Darstellung auf gängigen Geräten testen. Und auf Konsistenz achten. Wenn derselbe Button auf drei Seiten drei verschiedene Farben hat, wirkt das nicht falsch, aber unaufgeräumt.

4. Sichtbare Aktualität

Eine Website, die nicht gepflegt wird, weckt Zweifel daran, ob es den Betrieb dahinter noch gibt. Typische Warnsignale sind ein veraltetes Jahr im Footer, ein „Neuigkeiten“-Bereich mit dem letzten Eintrag von vor drei Jahren oder Hinweise auf längst vergangene Aktionen.

Im Beispiel verschwindet die Jahreszahl aus dem Footer, und der Blog mit vier Beiträgen aus 2019 wird entweder gepflegt oder entfernt. Bei Ratgeberinhalten hilft ein sichtbares Datum der letzten Überarbeitung. Lieber eine kleine Website, die aktuell ist, als eine große mit sichtbar verwaisten Bereichen.

5. Transparenz vor der Entscheidung

Vertrauen bricht oft an der Stelle, an der Menschen sich getäuscht fühlen. Versandkosten, die erst im letzten Schritt auftauchen, ein Abo, das als Einmalkauf erschien, oder Werbung, die aussieht wie redaktioneller Inhalt: All das kostet nicht nur diesen einen Kauf, sondern das Vertrauen in die ganze Seite.

Transparenz heißt, entscheidungsrelevante Informationen dort zu zeigen, wo die Entscheidung fällt. Für den Fahrradshop bedeutet das:

• Vorher: Preis auf der Produktseite, Versandkosten und Lieferzeit erst im Warenkorb, Rückgabebedingungen in den AGB.
• Nachher: Direkt unter dem Preis: „Versandkostenfrei, Lieferung in 2 bis 4 Werktagen, 30 Tage Rückgabe“. Ein Link führt zu den Details.

Auch die Sprache spielt eine Rolle. Klare, freundliche Formulierungen ohne Kleingedrucktes vermitteln, dass nichts versteckt wird. Wie das bei Eingabefeldern aussieht, zeigt der Artikel Formulare, die niemand abbricht.

6. Sicherheit dort, wo sie gefühlt wird

Besonders deutlich wird der Unterschied zwischen tatsächlicher und wahrgenommener Sicherheit beim Bezahlen. In einer Befragung des Baymard Institute von 2025 mit über 1.000 Onlineshoppenden in den USA gaben 19 Prozent an, in den letzten drei Monaten einen Kauf abgebrochen zu haben, weil sie der Seite ihre Kreditkartendaten nicht anvertrauen wollten.

Interessant ist, woran diese Menschen Sicherheit festmachen. Technisch sind auf einer Seite mit HTTPS alle Formularfelder gleich verschlüsselt. Trotzdem empfinden viele die Felder für Kartendaten als sicherer, wenn sie sich optisch abheben, etwa durch einen Rahmen, eine Hintergrundfarbe oder ein Schloss-Symbol. In einem Test von Baymard schnitt sogar ein selbst gestaltetes Siegel besser ab als die meisten etablierten SSL-Siegel. Es kommt also weniger darauf an, welches Zeichen dort steht, als darauf, dass der Bereich sichtbar geschützt wirkt.

Für den Fahrradshop heißt das: Der Zahlungsbereich wird in einen eigenen, leicht hinterlegten Kasten gesetzt, mit Schloss-Symbol und einem kurzen Satz wie „Deine Zahlungsdaten werden verschlüsselt übertragen“. Darunter stehen die Logos der angebotenen Zahlungsarten. Bekannte Zahlungsarten wie PayPal oder Kauf auf Rechnung sind selbst ein Vertrauenssignal, weil Menschen ein vertrautes Verfahren erkennen oder erst nach Erhalt der Ware zahlen.

Die Kehrseite: Wenn der Eindruck täuscht

Wenn Vertrauen auf Wahrnehmung beruht, lässt es sich auch missbrauchen. Gefälschte Siegel, erfundene Bewertungen, ein Countdown, der bei jedem Neuladen wieder von vorn beginnt: Solche Tricks erzeugen den Anschein von Seriosität, ohne ihn einzulösen. Sie gehören zu den Dark Patterns und haben eine kurze Halbwertszeit. Spätestens in der zweiten Stufe, beim genaueren Hinsehen oder nach dem ersten Kauf, fliegen sie auf. Und dann ist das Vertrauen nicht nur weg, sondern ins Gegenteil verkehrt.

Das Ziel kann deshalb nur sein, echte Vertrauenswürdigkeit sichtbar zu machen. Ein Siegel gehört nur auf die Seite, wenn die Prüfung dahinter tatsächlich stattgefunden hat. Bewertungen zeigen, wie sie sind, auch die kritischen. Eine Website mit ausschließlich Fünf-Sterne-Bewertungen kann eher verdächtig als überzeugend wirken.

Eine zweite Falle betrifft das eigene Team. Der Ästhetik-Usability-Effekt wirkt auch in Usability-Tests. Ein schön gestalteter Prototyp kann dazu führen, dass Testpersonen ihn positiver bewerten, als ihr tatsächliches Verhalten rechtfertigt. Wer nur nach Meinungen fragt, übersieht dann Probleme. Achte deshalb darauf, was Menschen tun, nicht nur, was sie sagen: Erfolgsquote, Fehler, Zögern, Abbrüche.

Vertrauen testen

Ob eine Website vertrauenswürdig wirkt, lässt sich mit wenig Aufwand überprüfen.

Fünf-Sekunden-Test: Zeig Testpersonen die Startseite oder eine Produktseite für fünf Sekunden. Frag danach, was sie gesehen haben, worum es auf der Seite geht und ob sie dort einkaufen würden. Gerade die Begründung ist aufschlussreich, denn sie zeigt, welche Signale in der ersten Stufe ankommen.

Vergleich mit Mitbewerbern: Leg deine Seite neben zwei oder drei bekannte Websites aus derselben Branche. Lass Testpersonen einordnen, welcher sie am ehesten ihre Daten anvertrauen würden, und warum. So erkennst du, ob deine Seite den Erwartungen an diese Art von Website entspricht.

Gezielte Fragen im Usability-Test: Bitte Menschen, laut zu denken, während sie einen Kauf oder eine Anfrage durchspielen. Achte auf Momente, in denen sie zögern, zurückscrollen oder nach Informationen suchen, etwa nach dem Impressum, den Versandkosten oder Bewertungen. Diese Momente zeigen, wo Zweifel entstehen.

Daten im Blick behalten: Hohe Absprungraten auf der Startseite, Abbrüche an bestimmten Schritten im Checkout oder häufige Rückfragen beim Support zu Lieferung und Bezahlung können Hinweise auf Vertrauensprobleme sein. Sie sagen allerdings nicht, warum Menschen abspringen. Dafür brauchst du qualitative Tests.

Fazit

Menschen können auf einer unbekannten Website nicht prüfen, ob sie seriös ist. Sie machen es an dem fest, was sie sehen, und das in Sekundenbruchteilen. Studien zeigen, dass dabei vor allem die Gestaltung zählt: wie ruhig und vertraut eine Seite wirkt, wie sorgfältig sie gemacht ist und ob sie aussieht wie das, was Menschen von dieser Art Website erwarten. Erst wenn dieser erste Eindruck stimmt, schauen sie genauer auf Inhalte, Absender und Bedingungen.

Für den Fahrradshop aus dem Beispiel bedeutet das keine komplette Neugestaltung. Ein ruhigerer erster Eindruck, sichtbare Menschen und Kontaktdaten, gepflegte Details, transparente Preise und ein Zahlungsbereich, der geschützt wirkt, reichen oft, damit Menschen bleiben. Das Angebot war vorher schon gut. Jetzt können sie es auch erkennen.

Vertrauen ist ein subjektives Urteil. Gutes Design sorgt dafür, dass dieses Urteil der Wirklichkeit entspricht, nicht mehr und nicht weniger.

Checkliste

• Die wichtigsten Seiten wirken ruhig: wenige Schriften, begrenzte Farben, klare Hierarchie.
• Aufbau und Navigation entsprechen den Konventionen der Branche.
• Kein Pop-up und keine Werbung stören den ersten Eindruck.
• Impressum, Kontakt und Telefonnummer sind leicht zu finden.
• Echte Menschen, Fotos und Adressen machen den Absender greifbar.
• Texte sind fehlerfrei, Links funktionieren, die Darstellung ist auf gängigen Geräten sauber.
• Es gibt keine sichtbar veralteten Bereiche, Jahreszahlen oder Aktionen.
• Preise, Versandkosten, Lieferzeit und Rückgabe stehen dort, wo die Entscheidung fällt.
• Der Zahlungsbereich hebt sich optisch ab und nennt bekannte Zahlungsarten.
• Siegel und Bewertungen sind echt und nachprüfbar.
• Der erste Eindruck ist mit einem Fünf-Sekunden-Test überprüft.

Quellen

• G. Lindgaard, G. Fernandes, C. Dudek und J. Brown (2006): Attention web designers: You have 50 milliseconds to make a good first impression! Behaviour & Information Technology, 25(2), 115 bis 126
• A. N. Tuch, E. Presslaber, M. Stöcklin, K. Opwis und J. A. Bargas-Avila (2012): The role of visual complexity and prototypicality regarding first impression of websites. International Journal of Human-Computer Studies, 70(11), 794 bis 811
• Javier Bargas-Avila, Google Research Blog (2012): Users love simple and familiar designs
• Masaaki Kurosu und Kaori Kashimura (1995): Apparent usability vs. inherent usability. CHI ’95 Conference Companion, 292 bis 293
• Noam Tractinsky, Adi Katz und Dror Ikar (2000): What is beautiful is usable. Interacting with Computers, 13(2), 127 bis 145
• Edward L. Thorndike (1920): A constant error in psychological ratings. Journal of Applied Psychology, 4(1), 25 bis 29
• B. J. Fogg und andere (2002): How Do People Evaluate a Web Site’s Credibility? Stanford Persuasive Technology Lab und Consumer WebWatch
• Wikipedia: Stanford Web Credibility Project
• E. Sillence, P. Briggs, L. Fishwick und P. Harris (2004): Trust and mistrust of online health sites. Proceedings of CHI 2004, 663 bis 670
• Jamie Holst, Baymard Institute: Perceived Security of Payment Forms
• Steuertipps: Vom TMG zum DDG (Impressumspflicht nach § 5 DDG)