चॅटबॉट इंटरफेस कसा तयार करावा

सामग्री

• 01. व्यक्तिमत्व सेट करा
• 02. रिव्हस्क्रिप्ट वापरा
• 03. आपल्या बॉट चे मेंदू व्युत्पन्न करा
• 04. व्हॉईस डिझाइन करा
• 05. विनंती सबमिशन
• 06. चॅटबॉटला घाबरू नका

२००० च्या दशकाच्या मध्यभागी, व्हर्च्युअल एजंट्स आणि ग्राहक सेवा चॅटबॉट्सना बरेचसे कौतुक वाटले, जरी ते फारसे संभाषणात्मक नव्हते, आणि कडक अंतर्गत ते केवळ वेब सर्व्हरसह डेटा एक्सचेंज बनलेले होते.

आजकाल, 'कमकुवत एआय' च्या मोठ्या संख्येने उदाहरणे अस्तित्त्वात आहेत (सिरी, अलेक्सा, वेब सर्च इंजिन, स्वयंचलित भाषांतरकार आणि चेहर्यावरील ओळख यासह) आणि प्रतिक्रियाशील वेब डिझाइन सारख्या इतर विषयांमुळे खळबळ उडाली आहे. . मोठ्या कंपन्यांकडून मोठ्या गुंतवणूकीसह, भविष्यातील संभाषण इंटरफेस हॅक करण्यासाठी बरीच संधी उपलब्ध आहेत.

• चॅटबॉट अनुभव कसा डिझाइन करायचा

कधीकधी त्यांना खराब प्रतिष्ठा मिळते, परंतु गप्पा मारणे उपयुक्त ठरू शकते. त्यांना मानक वेब फॉर्मसाठी मूलभूत बदलण्याची शक्यता वाटत नाही, जिथे वापरकर्ता इनपुट फील्डमध्ये भरतो आणि प्रमाणीकरणाची प्रतीक्षा करतो - ते एक संभाषण अनुभव प्रदान करू शकतात.

मूलत: आम्ही वेब ब्राउझर पॉईंट-अँड-क्लिक किंवा मोबाईल जेश्चरऐवजी तज्ञ किंवा मित्राशी संवाद साधण्यासारखे अधिक नैसर्गिक वाटण्यासाठी वापरकर्त्याचा अनुभव वर्धित करीत आहोत. हेतू असा आहे की सहानुभूतीपूर्ण, संदर्भात्मक प्रतिसाद देऊन हे तंत्रज्ञान थेट लोकांच्या जीवनात एम्बेड होईल.

सर्व्हिस डिझाइन प्रॅक्टिसमधील प्रोजेक्ट-इनटेक अनुप्रयोगावर आधारित, गप्पाबॉट डिझाइन आणि तयार करण्याचा व्यावहारिक मार्ग शोधण्यासाठी खालील व्हिडिओ पहा किंवा वाचा.

01. व्यक्तिमत्व सेट करा

ही प्रॅक्टिस जगभरात ११०,००० पेक्षा अधिक सदस्यांची सेवा करीत असल्याने, एक वेगवान, सोयीस्कर आणि नैसर्गिक इंटरफेस प्रदान करण्याचे उद्दीष्ट होते ज्याद्वारे अंतर्गत भागधारक गोंधळात टाकणारे फॉर्म भरण्याऐवजी प्रभावी डिजिटल सेवांची विनंती करू शकतील.

पहिली पायरी म्हणजे चॅटबॉटचे व्यक्तिमत्त्व स्थापित करणे, कारण सेवा-कार्यसंघाच्या कार्यसंघाच्या ध्वनीचे प्रतिनिधित्व या भागीदारांकडे होते. आम्ही अ‍ॅरॉन वॉल्टरच्या डिझाइन पर्सनॅस वर काम केले. हे आमच्या कार्यसंघास बॉटचे व्यक्तिमत्त्व वैशिष्ट्ये विकसित करण्यास मोठ्या प्रमाणात मदत केली, ज्याने नंतर अभिवादन, त्रुटी आणि वापरकर्त्याच्या अभिप्रायासाठी संदेश निश्चित केले.

ही एक नाजूक अवस्था आहे, कारण संस्था कशी समजली जाते यावर परिणाम होतो. आमच्याकडे जास्तीत जास्त माहिती असल्याची खात्री करण्यासाठी, बॉटशी व्यस्त असताना योग्य व्यक्तिमत्व, रंग, टायपोग्राफी, प्रतिमा आणि वापरकर्त्याच्या प्रवाहासाठी खिळखिळी करण्यासाठी आम्ही भागधारक कार्यशाळेची तत्काळ स्थापना केली.

कायदेशीर सल्ला घेण्यासह - आम्ही सर्व आवश्यक मंजूरी मिळविल्यानंतर - आम्ही पुरातन विनंती फॉर्म रूपांतरित करण्यास आणि पुढे जाणा questions्या प्रश्नांच्या मालिकेत रुपांतरित केले जे भागधारक आणि आमच्या डिझाइन सर्व्हिस टीमच्या प्रतिनिधी यांच्यातील संभाषणाची नक्कल करते.

02. रिव्हस्क्रिप्ट वापरा

आम्हाला माहित आहे की प्रक्रियेच्या भागासाठी आम्हाला एआय मार्कअप भाषेमध्ये जास्त खोल जायचे नाही - आम्हाला अनुभव अनुभवायला पुरेसा आवश्यक आहे.

रिव्हस्क्रिप्ट हे एक साधे चॅटबॉट एपीआय आहे जे शिकण्यास पुरेसे सोपे आहे आणि आमच्या गरजा पुरेसे आहे. काही दिवसात आमच्याकडे बॉटकडून प्रकल्प विनंती घेण्याचे लॉजिक होते, आणि त्यास प्रमाणीकरण आणि वर्गीकरण करण्यासाठी पुरेसे व्यावसायिक तार्किक विश्लेषण करून ते जेएसओएन आरईएसटी सेवांच्या माध्यमातून योग्य अंतर्गत प्रकल्पातील कार्य रांगेत पाठविले जाऊ शकते.

हे मूलभूत चॅटबॉट कार्यरत होण्यासाठी, रिव्हस्क्रिप्ट रेपोकडे जा, क्लोन करा आणि सर्व मानक नोड अवलंबन स्थापित करा. रेपोमध्ये आपण विविध उदाहरणांच्या झलकांसह जोडू शकता त्या परस्पर संवादांची चव देखील मिळवू शकता.

पुढे, वेब-क्लायंट फोल्डर चालवा, जे मूलभूत ग्रंट सर्व्हर चालवून बॉटला वेब पृष्ठात बदलते. या क्षणी आपण आपल्या गरजेनुसार अनुभव वाढवू शकता.

03. आपल्या बॉट चे मेंदू व्युत्पन्न करा

पुढील चरण म्हणजे आपल्या बॉटचे ‘मेंदू’ निर्माण करणे. हे .RIVE विस्तारासह फायलींमध्ये निर्दिष्ट केले आहे आणि आभारी आहे की रिव्हस्क्रिप्ट आधीपासूनच बॉक्सच्या बाहेर मूलभूत संवादांसह येते (उदाहरणार्थ, 'आपले नाव काय आहे?', 'तुमचे वय किती आहे?' आणि 'तुमचे काय आहे?' आवडता रंग?').

जेव्हा आपण योग्य नोड कमांडचा वापर करुन वेब-क्लायंट अ‍ॅपचा प्रारंभ करता तेव्हा HTML फाइल त्यास लोड करण्याची सूचना दिली जाते.रिव फायली.

पुढे आम्हाला आमच्या चॅटबॉटच्या मेंदूत भाग तयार करण्याची आवश्यकता आहे जी प्रकल्प विनंत्यांसाठी सामोरे जाईल. आमचे मुख्य ध्येय आहे की प्रोजेक्ट टास्किंग घेण्याच्या प्रश्नांची निवड नियमित संभाषणात रुपांतरित करणे.

उदाहरणार्थ,

• नमस्कार, आम्ही कशी मदत करू शकतो?
• छान, आम्हाला लवकरच किती आवश्यक आहे?
• तुम्ही मला तुमच्या बजेटची अंदाजे कल्पना देऊ शकता?
• आपल्या प्रोजेक्टबद्दल मला अधिक सांगा ...
• आपण आमच्याबद्दल कसे ऐकले?

एक सामान्य प्रवेशयोग्य वेब फॉर्म यासारखे दिसेल:

फॉर्म अ‍ॅक्शन = ""> फील्डसेट> आख्यायिका> विनंती प्रकार: </ strong> इनपुट आयडी = "पर्याय-वन" प्रकार = "रेडिओ" नाव = "विनंती-प्रकार" मूल्य = "पर्याय-वन"> = "पर्याय- एक "> पर्याय </ લેबल> << इनपुट आयडी =" पर्याय-दोन "प्रकार =" रेडिओ "नाव =" विनंती-प्रकार "मूल्य =" पर्याय-दोन "> =" पर्याय-दोन "> लेबल 2 / पर्याय 2 / << br> इनपुट आयडी = "पर्याय-तीन" प्रकार = "रेडिओ" नाव = "विनंती-प्रकार" मूल्य = "पर्याय-तीन"> = "पर्याय-तीन"> लेबल 3 / लेबल> बीआर> / फील्डसेट > फील्डसेट> आख्यायिका> टाइमलाइन: / आख्यायिका> इनपुट आयडी = "एक-महिना" प्रकार = "रेडिओ" नाव = "विनंती-टाइमलाइन" मूल्य = "एक-महिना"> = "एक-महिना"> लेबलसाठी 1 महिना / लेबल> बीआर> इनपुट आयडी = "एक-तीन-महिने" प्रकार = "रेडिओ" नाव = "विनंती-टाइमलाइन" मूल्य = "एक-तीन-महिने"> = "एक-महिना"> लेबलसाठी १- 1-3 महिने / लेबल> बीआर> इनपुट आयडी = "चार-अधिक-महिने" प्रकार = "रेडिओ" नाव = "विनंती-टाइमलाइन" मूल्य = "चार-अधिक-महिने"> = "चार-अधिक-महिने"> 4+ महिने / "लेबल" / फील्डसेट> बीआर> लेबल = "विनंती-अंदाजपत्रक"> अर्थसंकल्प माहिती / लेबल> बीआर> मजकूर माहिती = "विनंती-बजेट" नाव = "विनंती-बजेट-मजकूर" पंक्ती = "10" कॉलस = "30"> / textarea> br> label for = "विनंती-वर्णन"> प्रकल्प वर्णन / लेबल> << textarea id = "विनंती-वर्णन" नाव = "विनंती- वर्णन-मजकूर" पंक्ती = "10" कोल = "30"> / मजकूर > बीआर> लेबल = "विनंती-संदर्भ" साठी> संदर्भ / लेबल> बीआर> मजकूर आयडी = "विनंती-संदर्भ" नाव = "विनंती-संदर्भ- मजकूर" पंक्ती = "10" कोल = "30"> / मजकूर>> बीआर > इनपुट प्रकार = "सबमिट करा" मूल्य = "सबमिट करा"> / फॉर्म>

वेब फॉर्मसह, आम्ही काही नमुन्यांसह खूप परिचित आहोत: आपण सबमिट बटणावर क्लिक करा, सर्व फॉर्म डेटा दुसर्‍या पृष्ठावर पाठविला जातो जेथे विनंतीवर प्रक्रिया केली जाते आणि नंतर बहुधा एखादे धन्यवाद पृष्ठ पॉप अप होते.

चॅटबॉट्स सह, आम्ही विनंती सबमिट करण्याचा संवाद साधण्यास सक्षम आहोत आणि त्यास अधिक अर्थपूर्ण बनवू.

04. व्हॉईस डिझाइन करा

हा फॉर्म रिव्हस्क्रिप्टच्या चॅटबॉट वेब क्लायंटमध्ये प्रदान केलेल्या संभाषणात्मक वापरकर्ता इंटरफेसमध्ये रुपांतरित करण्यासाठी, आम्हाला माहिती आर्किटेक्चरला कठोर ते द्रवपदार्थात रुपांतरित करणे आवश्यक आहे; किंवा फील्ड लेबले यूआय स्ट्रिंगमध्ये.

चला काही प्रवेश करण्यायोग्य फील्ड लेबले आणि त्यांचे संबंधित प्रश्न टोनचा विचार करूया:

• विनंतीः आम्ही कशी मदत करू शकतो? खत्री नाही? मी काही प्रश्न विचारले तर आपणास हरकत आहे?
• टाइमलाइन: आम्हाला किती लवकर प्रारंभ करण्याची आवश्यकता आहे?
• अर्थसंकल्प माहिती: तुम्ही मला तुमच्या बजेटची अंदाजे कल्पना देऊ शकता?
• प्रकल्प वर्णन: ठीक आहे, आपण मला समस्येचे निराकरण करण्यासाठी सारांश सांगू शकाल?
• संदर्भ: तसेच, आमच्याकडे तुमचा संदर्भ कोणी दिला?

पुढे आम्हाला द्वि-मार्ग संभाषणासाठी रिव्हस्क्रिप्टच्या अत्यंत शिकण्यायोग्य प्रोसेसिंग लॉजिकच्या अनुसरणानुसार वेब फॉर्मचा कोड एआय स्क्रिप्टमध्ये रूपांतरित करणे आवश्यक आहे:

- आम्ही कशी मदत करू शकतो? + *% आम्ही कशी मदत करू - क्षेत्रे सेट करा = वरसुर, मी दोन प्रश्न विचारले तर आपणास हरकत आहे काय? + *% मला खात्री आहे की मी काही प्रश्न विचारत असल्यास आपणास हरकत आहे - मला ही विनंती किती लवकर सुरू करण्याची आवश्यकता आहे? + *% मला ही विनंती किती लवकर सुरू करण्याची आवश्यकता आहे - जेव्हा = व्हर्केन आपण मला आपल्या बजेटची अंदाजे कल्पना द्याल तेव्हा सेट करा. + *% आपण मला आपल्या बजेटची अंदाजित कल्पना देऊ शकता - बजेट सेट करा = वेरोक, आपण समस्येचे निराकरण करण्यासाठी भाग, घटक आणि वातावरणावर परिणाम, किंवा एकूण वर्णन सारांश सांगू शकाल का? + *% ठीक आहे आपण मला समस्येचे निराकरण घटक आणि वातावरणास प्रभावित होणारे सारांश किंवा संपूर्ण वर्णन सेट करू शकता - सेट प्रोजेक्ट = व्हॅरो, ज्याने आपल्याला संदर्भित केले? + *% देखील ज्याने आपल्याला आमच्या संदर्भित केले आहे - सेट रेफेरल = येथे आतापर्यंत मला मिळणारा फरक आहे: Services n सेवा आवश्यक: क्षेत्रे मिळवा> n प्रारंभ करणे आवश्यक आहे: जेव्हा मिळवा> ough n खडबडीत बजेट मिळवा: बजेट मिळवा> n आपल्या प्रोजेक्टबद्दल: प्रकल्प मिळवा> n द्वारा संदर्भितः रेफरल मिळवा> n आणि लवकरच संपर्कात येईल मी आज आपल्यास मदत करू शकत असे काही आहे का? कॉल> इनटेक गेट क्षेत्रे> मिळवा तेव्हा> बजेट मिळवा> प्रकल्प मिळवा> रेफरल मिळवा </ कॉल>

05. विनंती सबमिशन

दुसर्‍या पृष्ठावर किंवा प्रक्रियेसाठी सेवेवर पाठविल्या जाणार्‍या मानक फॉर्म व्हेरिएबल्सच्या विरोधात, चॅटबॉट्स वापरकर्त्याद्वारे प्रविष्ट केलेली माहिती गप्पा विंडोमध्ये (किंवा बोलल्या गेलेल्या) त्वरित सबमिट करू शकतात, ज्याचा अर्थ असा आहे की वापरकर्ते पूर्वी प्रविष्ट केलेल्या मूल्यांमध्ये सहजपणे पुन्हा भेट देऊ शकतात.

आम्हाला वापरकर्त्याच्या विनंतीला चॅटबॉट यूआय मध्ये प्रविष्ट केलेल्या बाह्य प्रकल्प टास्किंग सर्व्हरवर JSON REST API मार्गे पाठविणे आवश्यक आहे.

रिव्हस्क्रिप्ट-जेएस मध्ये आम्ही एक वापरण्यास मोकळे आहोत XMLHttpRequest वापरकर्त्याने डेटा प्रविष्ट केल्याने जवळजवळ एकाच वेळी विनंती सबमिट करण्यास हरकत आहे:

> ऑब्जेक्ट इनक जावास्क्रिप्ट वर http = नवीन XMLHttpRequest (); var a = rs.getUservar (rs.currentUser (), "क्षेत्रे"); var b = rs.getUservar (rs.currentUser (), "जेव्हा"); var c = rs.getUservar (rs.currentUser (), "बजेट"); var d = rs.getUservar (rs.currentUser (), "प्रोजेक्ट"); var e = rs.getUservar (rs.currentUser (), "रेफरल"); var url = "http: // लोकल होस्ट: 3000 / पाठवा"; var params = "क्षेत्रों =" + एक + "आणि जेव्हा =" + बी + "& बजेट =" + सी + "& प्रो जेक्ट =" + डी + "& रेफरल =" + ई; कन्सोल.लॉग (पॅराम्स); http.open ("पोस्ट", url, खरे); http.setRequestHeader ("सामग्री-प्रकार", "अनुप्रयोग / x- www-form-urlencoded"); http.setRequestHeader ("कनेक्शन", "बंद"); http.onreadystate بدل = फंक्शन () {// स्थिती बदलल्यास फंक्शनला कॉल करा. if (http.readyState == 4 && http.status == 200) {सतर्कता (http.responseText); ;} http.send (पॅराम्स); ऑब्जेक्ट

06. चॅटबॉटला घाबरू नका

लवकरच, माहिती मिळविण्यासाठी संगणकाशी संवाद साधण्याचे सध्याचे मार्ग चॅटबॉट्स सारख्या एआय-आधारित तंत्रज्ञानास प्रवेश देतील, जिथे आम्ही Amazonमेझॉन इको आणि गूगल होम सारख्या तंत्रज्ञानासह पाहिलेले लोक फक्त सोप्या व्हॉइस आज्ञा बनवतात.

वेब डिझाइन समुदायाला घाबरू नका - आपण सर्वजण या नवीन तंत्रज्ञानाचे अतिरिक्त मूल्य स्वीकारले पाहिजे.

हे पूर्णपणे स्केलेबल ग्राहक सेवा आणि सुधारित ग्राहक बुद्धिमत्ता ऑफर करीत असलेल्या कंपन्यांसाठी हे गेम-चेंजर असू शकते.

हा लेख मूळतः वैशिष्ट्यीकृत होतानिव्वळ मासिक, वेब डिझायनर्स आणि विकसकांसाठी जगातील सर्वाधिक विक्री होणारे मासिक. येथे सदस्यता घ्या.