Většina rozhraní chatbotů sdílí stejné části: vstupní oblast, vlákno zpráv a ovládací prvky každé zprávy. Rozdíl mezi dobrým a frustrujícím chatbotem je většinou v detailech těchto částí a jejich stavech.
Začněte s prázdným stavem. Prázdná obrazovka s textovým polem nedává ponětí, co robot dokáže. Přidejte krátký popis a tři nebo čtyři příklady výzev, na které mohou lidé klepnout.
Usnadněte čtení vlákna. Udržujte šířku zprávy pohodlnou pro čtení, jasně oddělujte zprávy od uživatelů a AI, správně vykreslujte formátování, jako jsou seznamy a kód, a mějte na očích nejnovější zprávu, zatímco se nový text streamuje, aniž byste přeskakovali, pokud se osoba posunula nahoru.
Navrhněte každý stát. Odesílání, přemýšlení, streamování, dokončení, zastavení a selhání by mělo každé vypadat jinak. Indikátor myšlení, často animovaný tečkovaný vzor nebo koule, říká lidem, že žádost byla přijata. Tlačítko zastavení během streamování poskytuje kontrolu. Chyby by měly uvést, co se stalo, a nabídnout opakování.
Přidejte k odpovědím ovládací prvky: zkopírujte, vygenerujte, upravte předchozí výzvu a poskytněte zpětnou vazbu. Pro hlasového asistenta použijte jasný obraz pro poslech, myšlení a mluvení, aby lidé věděli, kdy mají mluvit. ExodeUI, který vyrábíme, má zdarma animované koule pro tyto stavy, které běží v React, Vue, SwiftUI, Flutter a dalších frameworkech.