De flesta chatbot-gränssnitt delar samma delar: ett inmatningsområde, en meddelandetråd och kontroller på varje meddelande. Skillnaden mellan en bra och en frustrerande chatbot ligger mest i detaljerna i dessa delar och deras tillstånd.
Börja med det tomma tillståndet. En tom skärm med en textruta ger ingen aning om vad boten kan göra. Lägg till en kort beskrivning och tre eller fyra exempeluppmaningar som personer kan trycka på.
Gör tråden lättläst. Håll meddelandebredden bekväm att läsa, separera användar- och AI-meddelanden tydligt, återge formatering som listor och kod korrekt, och håll det senaste meddelandet synligt medan ny text strömmar in, utan att hoppa om personen har rullat uppåt.
Designa varje stat. Att skicka, tänka, streama, avslutat, stoppat och misslyckat ska se olika ut. En tankeindikator, ofta ett animerat prickmönster eller klot, talar om för människor att förfrågan mottogs. En stoppknapp under streaming ger tillbaka kontrollen. Fel bör säga vad som hände och erbjuda ett nytt försök.
Lägg till kontroller i svaren: kopiera, generera på nytt, redigera föregående prompt och ge feedback. För en röstassistent, använd en tydlig bild för att lyssna, tänka och tala så att folk vet när de ska prata. ExodeUI, som vi gör, har gratis animerade klot för dessa tillstånd som körs i React, Vue, SwiftUI, Flutter och andra ramverk.