Majoritatea interfețelor chatbot au aceleași părți: o zonă de intrare, un fir de mesaje și controale pentru fiecare mesaj. Diferența dintre un chatbot bun și unul frustrant constă mai ales în detaliile acelor părți și stările lor.
Începeți cu starea goală. Un ecran gol cu o casetă de text nu dă idee ce poate face botul. Adăugați o scurtă descriere și trei sau patru exemple de solicitări pe care oamenii le pot atinge.
Faceți firul ușor de citit. Păstrați lățimea mesajului confortabil pentru citire, separați clar mesajele utilizatorului și AI, redați corect formatarea, cum ar fi listele și codul, și păstrați cel mai recent mesaj la vedere în timp ce textul nou este transmis, fără a sări dacă persoana a derulat în sus.
Proiectați fiecare stare. Trimiterea, gândirea, transmiterea în flux, terminat, oprit și eșuat ar trebui să arate fiecare diferit. Un indicator de gândire, adesea un model de puncte animat sau un orb, le spune oamenilor că solicitarea a fost primită. Un buton de oprire în timp ce transmiterea redă controlul. Erorile ar trebui să spună ce s-a întâmplat și să ofere o reîncercare.
Adăugați comenzi la răspunsuri: copiați, regenerați, editați solicitarea anterioară și oferiți feedback. Pentru un asistent vocal, utilizați o imagine clară pentru a asculta, a gândi și a vorbi, astfel încât oamenii să știe când să vorbească. ExodeUI, pe care îl facem, are globuri animate gratuite pentru aceste state care rulează în React, Vue, SwiftUI, Flutter și alte cadre.