Більшість інтерфейсів чат-ботів мають однакові частини: область введення, потік повідомлень і елементи керування для кожного повідомлення. Різниця між хорошим і неприємним чат-ботом здебільшого полягає в деталях цих частин та їх станів.
Почніть з порожнього стану. Порожній екран із текстовим полем не дає уявлення про те, що може робити бот. Додайте короткий опис і три-чотири приклади підказок, на які люди можуть натиснути.
Зробіть тему легкою для читання. Зберігайте ширину повідомлення зручною для читання, чітко розділяйте повідомлення користувача та штучного інтелекту, належним чином відтворюйте форматування, як-от списки та код, і тримайте останнє повідомлення в полі зору, поки надходить новий текст, без стрибків, якщо користувач прокрутив сторінку вгору.
Спроектуйте кожен штат. Надсилання, обмірковування, потокове передавання, завершення, зупинка та невдача мають виглядати по-різному. Індикатор мислення, часто анімований візерунок або куля, повідомляє людям, що запит отримано. Кнопка зупинки під час трансляції повертає контроль. Помилки мають повідомляти про те, що сталося, і пропонувати повторити спробу.
Додайте елементи керування до відповідей: копіюйте, повторно створюйте, редагуйте попередню підказку та надсилайте відгук. Для голосового помічника використовуйте чітке зображення, щоб слухати, думати та говорити, щоб люди знали, коли говорити. ExodeUI, який ми створюємо, має безкоштовні анімовані сфери для цих станів, які працюють у React, Vue, SwiftUI, Flutter та інших фреймворках.