Ein Website-Assistent, zweimal gebaut

Eine White-Label-Agentur bot mir per Mail Chatbots an, die ich unter meinem eigenen Namen auf die Websites meiner Kunden setzen könnte. Ich habe nicht geantwortet. Stattdessen habe ich selbst einen gebaut, zuerst für meine eigenen Websites, damit ich jede Zeile davon kenne.

Die erste Website war WebDesign Costa Blanca, mein Service für lokale Unternehmen mit Websites zum Festpreis. Die zweite war diese hier.

Zuerst eine Regel

Der Assistent antwortet nur aus der Website, auf der er sitzt. Bei jeder Aktualisierung werden ihre Seiten zu seinem Lesestoff. Er kann deshalb kein Angebot zitieren, das die Website nicht mehr macht, und keines erfinden, das sie nie gemacht hat. Steht die Antwort nicht auf den Seiten, sagt er das und bietet an, die Frage an mich weiterzugeben.

Diese eine Regel hat das meiste Weitere entschieden. Es gibt keine zweite Datenbank, die man abgleichen muss, und keinen Bot, an dessen Pflege jemand denken muss, denn wer eine Seite bearbeitet, hat damit auch den Assistenten bearbeitet, ohne ihn je zu öffnen.

Was er kann

• Er antwortet auf Deutsch, Spanisch oder Englisch, in der Anrede der jeweiligen Website.
• Er beginnt mit drei Vorschlagsfragen, eine davon zu der Seite, auf der Sie gerade sind, und schlägt nach jeder Antwort zwei oder drei weitere vor: nur solche, die die Website beantworten kann.
• Er übergibt das Gespräch an einen Menschen: Mit Ihrer Zustimmung kommen Name, E-Mail und Chatverlauf in meinem Postfach an, und ich antworte selbst. Oder Sie schreiben mir über WhatsApp, und Ihre letzte Frage steht schon in der ersten Zeile.
• Er zeigt einen dezenten Hinweis pro Besuch und hält ihn vom Cookie-Banner und von der Kontaktseite fern.

Zweimal gebaut

Mit frameone.es wurde aus einer Funktion ein Baukasten. Der Kern steckt jetzt in drei Dateien, die unverändert in eine Website kommen. Alles, was ihn zu einer bestimmten Website gehören lässt, steht in deren Einstellungen: eine Markenfarbe, die Fragen, der Weg zu mir und die Regeln, an die er sich hält.

Die Regeln unterscheiden sich dort, wo sich die Unternehmen unterscheiden. WebDesign Costa Blanca veröffentlicht seine Pakete und Preise, also nennt sein Assistent sie. FRAMEONE veröffentlicht keine Preise, also nennt der Assistent hier nie eine Zahl, auch keine Spanne. Er erklärt, wie abgerechnet wird, und bietet an, die Frage weiterzugeben. Kundenprojekte beschreibt er mit den Worten der Website, damit aus einer Marke, an der ich gearbeitet habe, nie „mein Kunde“ wird.

Was er nicht tut

Er erinnert sich nicht an Sie. Das Gespräch lebt in Ihrem Browser-Tab und endet, wenn Sie ihn schließen. Auf dem Server bleiben Fragen und Antworten sechs Monate lang gespeichert, ohne IP-Adressen. So sehe ich, was Menschen fragen und wo die Website Lücken hat.

Er macht Sie nicht in der KI-Suche sichtbar. Er antwortet Menschen, die schon auf Ihrer Website sind. Ob ChatGPT Sie überhaupt erwähnt, ist ein anderes Problem, und ein Chatfenster löst es nicht.

Er kann sich irren. Dahinter steht ein kleines, schnelles Modell, das ein paar Dutzend Seiten liest, und unter jedem Gespräch steht das auch. Bei allem, was wichtig ist, antwortet ein Mensch.

Er hat bewusst Grenzen. Ein Besucher kann pro Stunde nur eine bestimmte Zahl an Fragen stellen, die ganze Website hat eine Tagesgrenze, und ein sehr langes Gespräch endet mit dem Angebot, stattdessen mit mir zu sprechen. So bleiben die Kosten klein und planbar, und niemand kann mit einem Skript die Rechnung in die Höhe treiben.

Was schiefging

Er sprach als ich. Beide Websites sind in der ersten Person geschrieben, „ich gestalte, ich baue“, und das Modell hat das übernommen. Der Assistent sprach also, als wäre er ich. Es ihm zu verbieten, reichte nicht. Es ihm zu zeigen, schon: ein paar Beispielpaare nach dem Muster „die Website sagt dies, der Assistent sagt das“. Beim ersten Live-Test hier rutschten trotzdem die Überschriften meiner Arbeitsschritte durch, „Ich höre zu“ und „Ich schlage vor“. Seitdem haben auch Überschriften eigene Beispiele.

Die Antwort kam in einem Stück. Auf frameone.es hielt der Server jede Antwort zurück und lieferte sie erst am Ende komplett aus: erst eine lange Pause, dann eine Wand aus Text. Zwischen PHP und dem Webserver saß ein Puffer, der Daten nur in Blöcken von 8 KB weitergibt. Der Assistent schickt seinen Text jetzt mehrmals pro Sekunde, jeweils über diesen Puffer hinaus aufgefüllt. Die ersten Worte erscheinen etwa eine Sekunde nach der Frage, und den größten Teil davon braucht das Modell zum Anlaufen.

Das erste Design war zu schüchtern. Es funktionierte, und kaum jemand hätte es bemerkt. Die zweite Version folgt der Forschung der Nielsen Norman Group dazu, wie Menschen Chatbots auf Websites tatsächlich nutzen: ein beschrifteter Button mit eigenem Look, eine Begrüßung, die sagt, worauf er antworten kann, Vorschlagsfragen, ein sichtbarer Weg zu einem Menschen und Antworten, die oben beginnen, statt an Ihnen vorbeizuscrollen.

Das zweite Design sah aus wie jedes andere KI-Produkt. Funkelnde Sterne, eine leuchtende Kugel, Verläufe in den Sprechblasen: die Bildsprache, an der man Chatbots überall erkennt, und meiner trug sie auch. Die dritte Version nimmt sich Apples Liquid Glass zum Vorbild. Button, Hinweis und Chatfenster sind Glasscheiben über der Seite, ohne eigene Farbe, solange sie warten; die Markenfarbe erscheint nur auf dem Senden-Button, den Links und Ihren eigenen Nachrichten. Das Fenster wächst beim Öffnen aus dem Button heraus und schrumpft beim Schließen in ihn zurück, und in Chrome und Edge bricht sein Rand, was dahinter vorbeizieht, so wie dickes Glas. Alle übrigen Töne werden aus dieser einen Markenfarbe errechnet, mit einer Kontrastprüfung, sodass die nächste Website ihre eigene Version über eine einzige Einstellung bekommt.

Zur Methode

Gebaut habe ich ihn mit einem KI-Coding-Agenten. Die erste Version lief auf WebDesign Costa Blanca 45 Minuten, nachdem ich festgelegt hatte, was er tun soll und was nicht. frameone.es hatte seine eigene Version etwa 50 Minuten nach Beginn der Arbeit, den Test des Servers eingeschlossen. Das Design hat länger gedauert als der Code, und so sollte das Verhältnis auch sein.

Der Agent schreibt Code schnell. Er hat nicht entschieden, dass der Assistent nur aus den veröffentlichten Seiten antworten darf, dass eine Website ohne Preise einen Assistenten ohne Preise bekommt oder dass die E-Mail-Adresse eines Besuchers nur mit dessen Zustimmung bei mir ankommt, und genau diese Entscheidungen sind der Teil, für den ein Kunde bezahlt.

Er sitzt in der Ecke dieser Seite. Fragen Sie ihn etwas.