Zum Inhalt springen
Frisun
EN
Alle Artikel

Warum KI-Websites alle gleich aussehen

Ein lila Farbverlauf, eine zentrierte Überschrift, die zu jedem passen könnte, drei Karten mit kleinen Icons. Es gibt einen bestimmten Grund, warum jede generierte Website so aussieht, und einen günstigen Weg, nicht so auszusehen.

Adí Aviram

Design · · 6 Min. Lesezeit

Luftaufnahme einer Vorstadt mit fast gleichen Häusern
Foto: Breno Assis, Unsplash

Eine große, zentrierte Überschrift: „Verändere die Art, wie du arbeitest“. Dahinter ein Verlauf von Lila nach Blau. Drei Karten mit dünnen Linien-Icons. Eine Reihe Kundenstimmen von Leuten mit verdächtig guten Porträtfotos. Wer sich in letzter Zeit ein paar mit KI gebaute Websites angesehen hat, kann das aus dem Gedächtnis zeichnen. Probier den Schalter unten aus und sieh zu, wie dasselbe Unternehmen seinen Charakter ändert.

AusprobierenDerselbe Schneider, zweimal

Zwei Entwürfe, für diesen Artikel gezeichnet. Den Schneider gibt es nicht. Die Muster schon. Foto: Alexander Grey, Unsplash.

Woher das Lila kommt

Die Farbe hat einen erstaunlich konkreten Ursprung. Ein Entwickler hat ihn in einem Beitrag namens „Why Your AI Keeps Building the Same Purple Gradient Website“ zurückverfolgt. Tailwind, eines der meistgenutzten CSS-Frameworks, lieferte seine Demo-Komponenten in einem Indigo-Ton aus. Tausende Entwickler haben diese Demos in echte Websites kopiert. Die Websites landeten in den Daten, aus denen KI-Modelle lernen, und jetzt greifen die Modelle zu Indigo, sobald jemand „modern“ sagt. Sein Fazit: Die Modelle sind „keine Designer, sondern statistische Mustererkenner“.

Dasselbe passiert mit jeder anderen Entscheidung auf der Seite. Wer eine Landingpage verlangt, ohne viel zu sagen, bekommt jede Lücke mit der häufigsten Wahl gefüllt, die das Modell kennt. Die sicherste Schrift. Das häufigste Layout. Die Wörter, die auf einer Million Landingpages stehen: nahtlos, innovativ, ganzheitlich, das nächste Level. Jede einzelne Wahl lässt sich verteidigen. Zusammen ergeben sie eine Website, die jedem gehören könnte.

Warum es dich etwas kostet

Menschen entscheiden sehr schnell, was sie von einer Seite halten. 2006 zeigte ein Team der Carleton University unter Gitte Lindgaard Testpersonen Webseiten für 50 Millisekunden und ließ sie die optische Wirkung bewerten. Schon bei diesem Tempo waren die Urteile stabil. Die Studie heißt „Attention web designers: You have 50 milliseconds to make a good first impression!“, vielleicht der beste Titel, den eine wissenschaftliche Arbeit über Websites je hatte.

Und das Aussehen wirkt direkt auf das Vertrauen. In einer Stanford-Studie für das WebWatch-Projekt von Consumer Reports beurteilten 2.684 Menschen die Glaubwürdigkeit echter Websites. Am häufigsten kommentierten sie nicht das Unternehmen oder den Inhalt. Sondern wie die Website aussah: 46,1 % aller Kommentare. Das war 2002. Seitdem sind die Leute nicht milder geworden.

Wenn ein Besucher genau deinen Kopfbereich dieses Jahr schon auf zwanzig Start-up-Websites gesehen hat, wirkt das nicht modern, sondern wie „keine Lust gehabt“.

Eine Reihe viktorianischer Häuser in San Francisco, gleich in der Form und verschieden gestrichen
Dieselbe Vorlage, andere Farbe. Bei Häusern funktioniert das. Foto: Cosmic Timetraveler, Unsplash.

Die Lösung ist vor allem Weglassen

Wir nutzen KI-Tools jeden Tag beim Bauen, und wir haben aufgeschrieben, welches wofür taugt. Aber wenn wir ein Tool um Design bitten, geben wir ihm zuerst eine Liste, was es nicht tun soll, und die ist fast immer gleich. Keine Verläufe. Keine Emojis als Zwischenüberschriften. Keine Reihe aus drei Feature-Karten. Kein „nahtlos“ oder „nächstes Level“. Nichts zentriert ohne Grund. Eine kleine Rakete neben „Unsere Mission“ ist das deutlichste Zeichen, dass niemand die Seite angeschaut hat, bevor sie online ging.

Warum ein Studio es trotzdem besser macht

Bevor wir irgendetwas gestalten, schauen wir uns das Unternehmen von außen an. Was die Marke schon ist, auch wenn es nur ein Schild und ein Logo sind. Wie die Websites der Konkurrenz aussehen, damit deine anders aussieht. Wer sie besuchen wird und auf welchem Bildschirm. Erst dann entscheiden wir über Farben, Schrift und Layout, und diese Entscheidungen kommen aus langer Erfahrung: welche Farbkombinationen auf einem Handy in der Sonne funktionieren (ein Farbwörterbuch von 1933 hilft mehr als jeder Generator), welche Trends nächstes Jahr alt aussehen, wann eine Seite ruhig sein muss und wann sie laut sein darf. Bei becure.org hieß das, eine Zahl dorthin zu setzen, wo alle anderen ein Logo hinsetzen.

KI ist Teil dieser Arbeit. Sie schreibt erste Entwürfe von Code, macht Varianten in Minuten und spart uns Stunden Routine. Aber sie tut, was man ihr sagt, und sie weiß nicht, was sie sich selbst sagen soll. Bitte sie um „eine schöne Website“, und du bekommst den Durchschnitt aller Websites, die sie je gesehen hat. Wie jedes Werkzeug ist sie so gut wie die Person, die es benutzt.

Eine einfache Website mit KI kann heute also jeder bauen, und für manche Zwecke reicht das. Was du von einem Studio bekommst, ist alles, was das Tool nicht hat: die Erfahrung in Design und visueller Kommunikation, die dir sagt, was du verlangen sollst, was du wegwerfen kannst und was dafür sorgt, dass sich ein Fremder an dein Unternehmen erinnert statt an die zwanzig Websites, die so aussehen wie deine.

Porträt von Adí Aviram

Adí Aviram

Design, Illustration und SEO bei Frisun. Adí ist Creative Developer, Designerin und Illustratorin. Sie baut Websites, die eine Geschichte erzählen: Scrollytelling, Datenvisualisierung, interaktive Karten und Illustration. Sie hat an Projekten mit dem +972 Magazine, der Universität Göttingen und dem Goethe-Institut gearbeitet. Adí bringt die Farbe, die Bewegung und den Charakter in jede Website, die du von Frisun bekommst. Über das Studio

Erzähl uns, was dein Unternehmen braucht

Schreib uns ein paar Zeilen zu deinem Projekt. Du bekommst ein kostenloses Angebot, mit einem fairen Festpreis und ohne Verpflichtung.