अधिकांश चैटबॉट इंटरफ़ेस समान भागों को साझा करते हैं: एक इनपुट क्षेत्र, एक संदेश थ्रेड, और प्रत्येक संदेश पर नियंत्रण। एक अच्छे और निराशाजनक चैटबॉट के बीच का अंतर अधिकतर उन हिस्सों और उनकी स्थितियों के विवरण में होता है।
खाली अवस्था से प्रारंभ करें. टेक्स्ट बॉक्स वाली एक खाली स्क्रीन यह नहीं बताती कि बॉट क्या कर सकता है। एक संक्षिप्त विवरण और तीन या चार उदाहरण संकेत जोड़ें जिन्हें लोग टैप कर सकें।
धागे को पढ़ने में आसान बनाएं. पढ़ने के लिए संदेश की चौड़ाई आरामदायक रखें, उपयोगकर्ता और एआई संदेशों को स्पष्ट रूप से अलग करें, सूचियों और कोड जैसे फ़ॉर्मेटिंग को ठीक से प्रस्तुत करें, और नए टेक्स्ट स्ट्रीम के दौरान नवीनतम संदेश को ध्यान में रखें, अगर व्यक्ति ने ऊपर स्क्रॉल किया है तो कूदे बिना।
हर राज्य को डिज़ाइन करें. भेजना, सोचना, स्ट्रीम करना, समाप्त होना, रुकना और विफल होना, प्रत्येक को अलग दिखना चाहिए। एक सोच संकेतक, अक्सर एक एनिमेटेड डॉट पैटर्न या ओर्ब, लोगों को बताता है कि अनुरोध प्राप्त हुआ था। स्ट्रीमिंग के दौरान एक स्टॉप बटन नियंत्रण वापस देता है। त्रुटियों को यह बताना चाहिए कि क्या हुआ और पुनः प्रयास की पेशकश करें।
उत्तरों में नियंत्रण जोड़ें: प्रतिलिपि बनाएँ, पुनः बनाएँ, पिछले संकेत को संपादित करें और प्रतिक्रिया दें। वॉयस असिस्टेंट के लिए, सुनने, सोचने और बोलने के लिए स्पष्ट दृश्य का उपयोग करें ताकि लोगों को पता चले कि कब बात करनी है। ExodeUI, जो हम बनाते हैं, में इन राज्यों के लिए मुफ्त एनिमेटेड ऑर्ब हैं जो React, Vue, SwiftUI, Flutter और अन्य फ्रेमवर्क में चलते हैं।