Hầu hết các giao diện chatbot đều có chung các phần: khu vực nhập liệu, chuỗi tin nhắn và các điều khiển trên mỗi tin nhắn. Sự khác biệt giữa một chatbot tốt và một chatbot gây khó chịu chủ yếu nằm ở chi tiết của các bộ phận đó và trạng thái của chúng.
Bắt đầu với trạng thái trống rỗng. Một màn hình trống với hộp văn bản không cho biết bot có thể làm gì. Thêm mô tả ngắn và ba hoặc bốn lời nhắc mẫu mà mọi người có thể nhấn vào.
Làm cho chủ đề dễ đọc. Giữ độ rộng tin nhắn thoải mái để đọc, phân tách rõ ràng các tin nhắn của người dùng và AI, hiển thị đúng định dạng như danh sách và mã, đồng thời giữ tin nhắn mới nhất ở chế độ xem trong khi văn bản mới truyền vào mà không cần nhảy nếu người đó đã cuộn lên.
Thiết kế mọi trạng thái. Gửi, suy nghĩ, phát trực tuyến, hoàn tất, dừng và không thành công sẽ trông khác nhau. Một chỉ báo tư duy, thường là hình chấm hoặc quả cầu hoạt hình, cho mọi người biết yêu cầu đã được nhận. Nút dừng trong khi phát trực tuyến sẽ mang lại quyền kiểm soát. Lỗi sẽ cho biết điều gì đã xảy ra và đề nghị thử lại.
Thêm điều khiển vào câu trả lời: sao chép, tạo lại, chỉnh sửa lời nhắc trước đó và đưa ra phản hồi. Đối với trợ lý giọng nói, hãy sử dụng hình ảnh rõ ràng để nghe, suy nghĩ và nói để mọi người biết khi nào nên nói chuyện. ExodeUI do chúng tôi tạo ra có các quả cầu hoạt hình miễn phí cho các trạng thái chạy trong React, Vue, SwiftUI, Flutter và các khung khác.