De fleste chatbot-grænseflader deler de samme dele: et inputområde, en beskedtråd og kontroller på hver besked. Forskellen mellem en god og en frustrerende chatbot er for det meste i detaljerne i disse dele og deres tilstande.
Start med den tomme tilstand. En tom skærm med en tekstboks giver ingen idé om, hvad botten kan gøre. Tilføj en kort beskrivelse og tre eller fire eksempler, som folk kan trykke på.
Gør tråden let at læse. Hold beskedbredden behagelig til læsning, adskil bruger- og AI-meddelelser tydeligt, gengiv formatering såsom lister og kode korrekt, og hold den seneste besked i udsigt, mens ny tekst strømmer ind, uden at hoppe, hvis personen er rullet op.
Design hver stat. At sende, tænke, streame, afsluttet, stoppet og mislykket skal se anderledes ud. En tænkende indikator, ofte et animeret prikmønster eller kugle, fortæller folk, at anmodningen blev modtaget. En stopknap under streaming giver kontrollen tilbage. Fejl skal fortælle, hvad der skete, og tilbyde et nyt forsøg.
Tilføj kontrolelementer til svar: Kopier, gendan, rediger den forrige prompt og giv feedback. For en stemmeassistent skal du bruge et klart billede til at lytte, tænke og tale, så folk ved, hvornår de skal tale. ExodeUI, som vi laver, har gratis animerede kugler til disse tilstande, der kører i React, Vue, SwiftUI, Flutter og andre rammer.