Kürzlich wurde meine Hochschul-App mit 'kleinen UI-Verbesserungen' aktualisiert, und es stellte sich heraus, dass dies die schlechteste KI-generierte Benutzeroberfläche ist, die ich je gesehen habe. Die alte UI war zwar unhandlich, aber ich hätte sie dem 'Slop-Kanone' vorgezogen, das ihr KI-Agent produziert hat. Was ist Slop? Eine Slop-UI ist eine Benutzeroberfläche, die die KI 'kocht', die fehl am Platz wirkt, wo sie nicht hingehört, keinen Zweck erfüllt oder wenn eine UI zu generisch ist.

Dies zeigt sich in vibe-gecodeten UIs ohne Vision. Vibe-gecodete UIs können bei richtiger Umsetzung gut aussehen, aber meistens tun sie das nicht. Und sie lassen Anwendungen billig und unattraktiv erscheinen.

Beispiele für Slop-gecodete Websites: Cloudflare hat kürzlich eine Website slop-gecodet erstellt. Und auch Websites wie diese, du weißt es einfach, wenn du sie siehst. Es ist wie die KI-Videos dieser Tage: auf irgendeine Weise.

Das Folgende sind die Dinge, die den Slop ausmachen. Verläufe. Verläufe überall.

Das größte und auffälligste Zeichen sind Verläufe. Verläufe überall, Verläufe zu jeder Zeit, Verläufe auf jedem einzelnen Ding. Du wirst sie auf Knöpfen, im Hintergrund sehen, grundsätzlich überall, wo sie hineingepasst werden könnten.

Slop-Kanonen lieben aus irgendeinem Grund Lila. Regenbogen-Erbrechen. Die KI liebt es, Farben zu verwenden, die nichts bedeuten und einfach nur verschiedene Farben sind.

Du bekommst einfach dies: Einen Bildschirm voller Farben, die nicht gut zusammenpassen, aber so gefärbt sind. Weil es bei der Erstellung der UI oder was auch immer irgendwelche Unterscheidungen in den Feldern gibt. Sie folgt nicht der 70-30-10-Regel.

Sie fügt einfach überall Farben hinzu. Pulsierende Abzeichen. Ich habe keine Ahnung, warum sie diese hinzufügt, aber sie tut es einfach.

Ich vermute, es steht in den Trainingsdaten. Aber sie fügt diese pulsierenden Abzeichen überall hinzu. Beim 'Upgrade' meiner Hochschul-App hatten sie etwas namens digitale ID, das einfach nur einen QR-Code und dein Gesicht zeigt, wie gesagt.

Dazu kommt dieses pulsierende Abzeichen, das besagt, dass es 'aktiv' ist. Das Problem ist. ES WIRD EINFACH NIE INAKTIV.

WENN ES INAKTIV IST, LOGGT DIE APP DICH AUS. Es ist nur redundante Information. Und mein Profil hat ein Abzeichen 'aktiver Student'.

KANN JEMAND MIR SAGEN, WIE EIN INAKTIVER STUDENT AUSSEHT?? Auch in derselben digitalen ID-Schnittstelle. Dort fügte sie ein kleines 'verifiziert'-Abzeichen neben dem Logo meiner Hochschule hinzu. WARUM.

Weil sie keinen API-Aufruf tätigt und sagt: 'ach ja, dieser Typ ist verifiziert'. Und SELBST WENN SIE ES TÄTE, HÄTTE ES KEINE BEDEUTUNG, wie. Wenn ich meine digitale ID fälschen würde, würde ich absichtlich 'nicht verifiziert' hinzufügen???? Fingernagel-Karten.

Ich sehe diese Dinge in buchstäblich jeder vibe-gecodeten UI, und jedes Mal macht es mich wütend. Du siehst sie überall, Mann. Es liegt nicht daran, dass sie schlecht sind; es liegt einfach daran, dass sie von buchstäblich jedem LLM an jedem einzelnen Ort übermäßig verwendet werden, sodass sie jetzt schlecht aussehen.

Das Ding ist. Ich glaube nicht, dass jemand jemals bewusst hingesetzt und gedacht hat: 'weißt du, was dies verbessern würde? ein Fingernagel'. Emoji-Slop.

Die KI liebt Emojis aus irgendeinem Grund. Sie liebt sie mehr als Sam Altman vorgibt, dass sie die Frontier anführen. Falsch ausgerichtete Elemente.

Wenn du SVGs, ASCII-Kunst oder irgendein Element hast, das nicht in einer Box ist, ist es fast immer falsch ausgerichtet. Wie diese Liste im Stundenplan meiner Hochschul-App. Schriftauswahl.

Diese Websites gehen normalerweise nicht auf interessantere Schriftauswahlen ein. Es ist meistens Inter, oder wenn du eine Website hast, die auch nur entfernt mit Programmierung zu tun hat, bekommst du Jet Brains Mono. und dies: Sie fügt diese // hinzu, sobald etwas in der Nähe von Technik erwähnt wird. Redundanter Text aufgrund des Chat-Kontexts.

Aufgrund des Chat-Kontexts. Sie fügt einfach einen Haufen redundanten Text hinzu, nur aufgrund des Chat-Kontexts. Zum Beispiel.

Ich erstellte meine vorherige Blog-Website, und ich sagte ihr: 'Okay, ich möchte kein HTML schreiben; ich werde in meinem gemütlichen Neovim schreiben und nichts Web-bezogenes tun.' Dann fügte sie den Text hinzu: 'Built with Hugo. Written from Neovim'. Nein, weil niemand sich dafür interessiert, wo ich es schreibe.

Die KI macht das auch in Readmes. Sie sagt 'Built with Modern CPP 20 features' BRUDER, WER KÜMMERT SICH?. Meine Hochschul-App hat dies auf ihrem Startbildschirm.

Und das daran ist. DU KANNST FÖRMLICH DEN PROMPT RIECHEN, DIESES EINE AUSLÖST HAT. Wie 'ein Campus. eine App.' Ja. most definitely some man...