Większość interfejsów chatbota ma te same części: obszar wejściowy, wątek wiadomości i elementy sterujące każdą wiadomością. Różnica między dobrym a frustrującym chatbotem polega głównie na szczegółach tych części i ich stanach.
Zacznij od stanu pustego. Pusty ekran z polem tekstowym nie daje pojęcia, co bot może zrobić. Dodaj krótki opis i trzy lub cztery przykładowe podpowiedzi, które ludzie mogą dotknąć.
Spraw, aby wątek był łatwy do odczytania. Zachowaj szerokość wiadomości wygodną do czytania, wyraźnie oddzielaj wiadomości użytkownika od sztucznej inteligencji, prawidłowo renderuj formatowanie, takie jak listy i kod, i wyświetlaj najnowszą wiadomość podczas napływu nowego tekstu, bez przeskakiwania, jeśli osoba przewinęła się w górę.
Zaprojektuj każdy stan. Wysyłanie, myślenie, przesyłanie strumieniowe, zakończenie, zatrzymanie i niepowodzenie powinny wyglądać inaczej. Wskaźnik myślenia, często animowany wzór kropki lub kula, informuje ludzi, że prośba została odebrana. Przycisk zatrzymania podczas przesyłania strumieniowego przywraca kontrolę. Błędy powinny informować, co się stało i oferować ponowną próbę.
Dodaj elementy sterujące do odpowiedzi: kopiuj, generuj ponownie, edytuj poprzedni monit i przekaż opinię. W przypadku asystenta głosowego używaj wyraźnego obrazu do słuchania, myślenia i mówienia, aby ludzie wiedzieli, kiedy mówić. ExodeUI, który tworzymy, zawiera darmowe animowane kule dla tych stanów, które działają w React, Vue, SwiftUI, Flutter i innych frameworkach.