La maggior parte delle interfacce dei chatbot condividono le stesse parti: un'area di input, un thread di messaggi e controlli su ciascun messaggio. La differenza tra un chatbot buono e uno frustrante sta principalmente nei dettagli di quelle parti e nei loro stati.
Inizia con lo stato vuoto. Una schermata vuota con una casella di testo non dà idea di cosa può fare il bot. Aggiungi una breve descrizione e tre o quattro istruzioni di esempio che le persone possono toccare.
Rendi il thread facile da leggere. Mantieni la larghezza del messaggio comoda per la lettura, separa chiaramente i messaggi dell'utente e dell'intelligenza artificiale, esegui il rendering corretto della formattazione come elenchi e codice e mantieni in vista il messaggio più recente mentre scorre il nuovo testo, senza saltare se la persona ha fatto scorrere verso l'alto.
Progetta ogni stato. L'invio, il pensiero, lo streaming, il completamento, l'arresto e il fallimento dovrebbero apparire diversi. Un indicatore pensante, spesso un motivo a punti animato o una sfera, informa le persone che la richiesta è stata ricevuta. Un pulsante di arresto durante lo streaming restituisce il controllo. Gli errori dovrebbero indicare cosa è successo e offrire un nuovo tentativo.
Aggiungi controlli alle risposte: copia, rigenera, modifica la richiesta precedente e fornisci feedback. Per un assistente vocale, utilizza una visuale chiara per ascoltare, pensare e parlare in modo che le persone sappiano quando parlare. ExodeUI, che realizziamo, dispone di sfere animate gratuite per questi stati che vengono eseguite in React, Vue, SwiftUI, Flutter e altri framework.