大多數聊天機器人介面共享相同的部分：輸入區域、訊息線程以及每個訊息的控制項。好的聊天機器人和令人沮喪的聊天機器人之間的差異主要在於這些部分及其狀態的細節。
從空狀態開始。帶有文字框的空白螢幕不知道機器人可以做什麼。添加簡短的描述和三到四個人們可以點擊的示例提示。
使線程易於閱讀。保持訊息寬度適合閱讀，清晰區分用戶和人工智慧訊息，正確呈現清單和程式碼等格式，並在新文字流入時保持最新訊息在視圖中，如果用戶向上滾動，則不會跳轉。
設計每個狀態。發送、思考、串流、完成、停止和失敗應該每個看起來都不同。思考指示器（通常是動畫點圖案或球體）告訴人們請求已收到。串流媒體播放時的停止按鈕可以恢復控制權。錯誤應該說明發生了什麼並提供重試。
在答案中新增控制項：複製、重新產生、編輯先前的提示並提供回饋。對於語音助理來說，使用清晰的視覺來聆聽、思考和說話，以便人們知道何時說話。我們製作的 ExodeUI 具有針對這些狀態的免費動畫球體，可在 React、Vue、SwiftUI、Flutter 和其他框架中運行。