De fleste chatbot-grensesnitt deler de samme delene: et inndataområde, en meldingstråd og kontroller på hver melding. Forskjellen mellom en god og en frustrerende chatbot er for det meste i detaljene i disse delene og deres tilstander.
Start med tom tilstand. En tom skjerm med en tekstboks gir ingen anelse om hva boten kan gjøre. Legg til en kort beskrivelse og tre eller fire eksempler som folk kan trykke på.
Gjør tråden lett å lese. Hold meldingsbredden komfortabel for lesing, separer bruker- og AI-meldinger tydelig, gjengi formatering som lister og kode riktig, og hold den siste meldingen synlig mens ny tekst strømmer inn, uten å hoppe hvis personen har rullet opp.
Design hver stat. Å sende, tenke, streame, fullført, stoppet og mislykket skal se annerledes ut. En tenkeindikator, ofte et animert punktmønster eller kule, forteller folk at forespørselen ble mottatt. En stoppknapp under streaming gir tilbake kontrollen. Feil bør si hva som skjedde og tilby et nytt forsøk.
Legg til kontroller på svar: kopier, regenerer, rediger forrige forespørsel og gi tilbakemelding. For en stemmeassistent, bruk et klart bilde for å lytte, tenke og snakke slik at folk vet når de skal snakke. ExodeUI, som vi lager, har gratis animerte kuler for disse tilstandene som kjører i React, Vue, SwiftUI, Flutter og andre rammeverk.