อินเทอร์เฟซแชทบอทส่วนใหญ่จะแชร์ส่วนเดียวกัน ได้แก่ พื้นที่ป้อนข้อมูล เธรดข้อความ และการควบคุมแต่ละข้อความ ความแตกต่างระหว่างแชทบอทที่ดีและน่าหงุดหงิดนั้นส่วนใหญ่อยู่ที่รายละเอียดของส่วนเหล่านั้นและสถานะของพวกเขา
เริ่มต้นด้วยสถานะว่างเปล่า หน้าจอว่างพร้อมกล่องข้อความทำให้ไม่รู้ว่าบอททำอะไรได้บ้าง เพิ่มคำอธิบายสั้นๆ และตัวอย่างสามหรือสี่ตัวอย่างที่ผู้ใช้สามารถแตะได้
ทำให้กระทู้อ่านง่าย. รักษาความกว้างของข้อความให้สะดวกสบายในการอ่าน แยกผู้ใช้และข้อความ AI อย่างชัดเจน แสดงผลการจัดรูปแบบ เช่น รายการและโค้ดอย่างเหมาะสม และเก็บข้อความล่าสุดไว้ในมุมมองในขณะที่ข้อความใหม่สตรีมเข้ามา โดยไม่ต้องข้ามหากบุคคลนั้นเลื่อนขึ้น
ออกแบบทุกรัฐ การส่ง การคิด การสตรีม เสร็จสิ้น หยุด และล้มเหลว ควรมีลักษณะที่แตกต่างกัน เครื่องบ่งชี้การคิด ซึ่งมักเป็นรูปแบบจุดหรือลูกกลมที่เคลื่อนไหวได้ จะบอกผู้คนว่าได้รับคำขอแล้ว ปุ่มหยุดขณะสตรีมมิ่งช่วยให้ควบคุมกลับได้ ข้อผิดพลาดควรบอกว่าเกิดอะไรขึ้นและเสนอให้ลองอีกครั้ง
เพิ่มการควบคุมให้กับคำตอบ: คัดลอก สร้างใหม่ แก้ไขข้อความแจ้งก่อนหน้า และแสดงความคิดเห็น สำหรับผู้ช่วยแบบเสียง ให้ใช้ภาพที่ชัดเจนในการฟัง คิด และพูด เพื่อให้ผู้คนรู้ว่าเมื่อใดควรพูด ExodeUI ซึ่งเราสร้างนั้นมีลูกกลมเคลื่อนไหวฟรีสำหรับสถานะเหล่านี้ที่ทำงานใน React, Vue, SwiftUI, Flutter และเฟรมเวิร์กอื่น ๆ