Väčšina rozhraní chatbotov zdieľa rovnaké časti: oblasť vstupu, vlákno správ a ovládacie prvky každej správy. Rozdiel medzi dobrým a frustrujúcim chatbotom je väčšinou v detailoch týchto častí a ich stavoch.
Začnite s prázdnym stavom. Prázdna obrazovka s textovým poľom nedáva žiadnu predstavu o tom, čo robot dokáže. Pridajte krátky popis a tri alebo štyri príklady výziev, na ktoré môžu ľudia klepnúť.
Urobte vlákno ľahko čitateľné. Udržujte šírku správy pohodlnú na čítanie, jasne oddeľte správy od používateľov a AI, správne vykresľte formátovanie, ako sú zoznamy a kód, a majte na očiach najnovšiu správu, kým sa nový text streamuje, bez preskakovania, ak sa osoba posunula nahor.
Navrhnite každý štát. Odosielanie, premýšľanie, streamovanie, ukončené, zastavené a neúspešné by malo vyzerať inak. Indikátor myslenia, často animovaný bodový vzor alebo guľa, hovorí ľuďom, že žiadosť bola prijatá. Tlačidlo zastavenia počas streamovania poskytuje kontrolu. Chyby by mali povedať, čo sa stalo, a ponúknuť opakovanie.
Pridajte k odpovediam ovládacie prvky: skopírujte, vygenerujte, upravte predchádzajúcu výzvu a poskytnite spätnú väzbu. Pre hlasového asistenta použite jasný vizuál na počúvanie, myslenie a rozprávanie, aby ľudia vedeli, kedy majú hovoriť. ExodeUI, ktorý vyrábame, má bezplatné animované gule pre tieto stavy, ktoré bežia v rámcoch React, Vue, SwiftUI, Flutter a ďalších.