Tarkib
- 01. Shaxsiyatni o'rnating
- 02. RiveScript-dan foydalaning
- 03. Botingizning miyasini yarating
- 04. Ovozni loyihalash
- 05. Yuborishni talab qilish
- 06. Chatbotdan qo'rqmang
2000-yillarning o'rtalarida virtual agentlar va mijozlarga xizmat ko'rsatuvchi chat-botlar, ular juda suhbatdosh bo'lmasalar ham, juda ko'p obro'ga ega edilar va kapot ostida ular faqat veb-serverlar bilan ma'lumotlar almashinuvidan iborat edi.
Bugungi kunda, "zaif AI" ning ko'plab misollari mavjud bo'lsa ham (shu jumladan Siri, Alexa, veb-qidiruv tizimlari, avtomatlashtirilgan tarjimonlar va yuzni tanib olish) va boshqa veb-dizayn kabi mavzular diqqat markazida, chat-botlar hali ham shov-shuvga sabab bo'lmoqda . Katta kompaniyalarning katta sarmoyalari bilan kelajakdagi suhbat interfeyslarini buzish uchun juda ko'p imkoniyatlar mavjud.
- Chatbot tajribasini qanday tuzish kerak
Ba'zan ular yomon obro'ga ega bo'lishadi, ammo chat-botlar foydali bo'lishi mumkin. Ular foydalanuvchi kirish maydonlarini to'ldiradigan va tasdiqlashni kutadigan standart veb-shakl uchun asosiy almashtirishni his qilishlari shart emas - ular suhbatlashish tajribasini taqdim etishlari mumkin.
Aslida biz veb-brauzerning nuqtasini bosish yoki mobil imo-ishoralar o'rniga mutaxassis yoki do'st bilan suhbatlashish kabi tabiiylikni his qilish uchun foydalanuvchi tajribasini oshirmoqdamiz. Maqsad shundaki, empatik, kontekstli javoblarni taqdim etish orqali ushbu texnologiya to'g'ridan-to'g'ri odamlar hayotiga singib ketadi.
Quyidagi videoni tomosha qiling yoki xizmatni loyihalash amaliyotida haqiqiy loyihani qabul qilish dasturiga asoslangan chatbotni loyihalash va yaratishning amaliy usulini topish uchun o'qing.
01. Shaxsiyatni o'rnating
Ushbu amaliyot dunyo miqyosida 110 mingdan ziyod a'zolarga xizmat ko'rsatayotgani sababli, tezkor, qulay va tabiiy interfeysni taqdim etish orqali ichki manfaatdor tomonlar chalkash shakllarni to'ldirish o'rniga samarali raqamli xizmatlardan foydalanishlari mumkin edi.
Birinchi qadam chatbotning shaxsiyatini o'rnatish edi, chunki bu xizmatni loyihalash guruhining manfaatdor tomonlariga ovozini ifodalaydi. Biz Aarron Valterning dizayn personajlari bo'yicha yakuniy ishi asosida qurdik. Bu bizning jamoamizga botning o'ziga xos xususiyatlarini rivojlantirishga katta yordam berdi, so'ngra salomlar, xatolar va foydalanuvchi fikri uchun xabarlarni aniqladi.
Bu nozik bosqich, chunki u tashkilotni qanday qabul qilishiga ta'sir qiladi. Bizda iloji boricha ko'proq ma'lumotlarga ega ekanligimiz uchun biz darhol shaxsiy shaxs, rang, tipografiya, tasvir va bot bilan ishlashda foydalanuvchi oqimini mixlash uchun manfaatdor tomonlarning ustaxonalarini tashkil qildik.
Barcha kerakli tasdiqlarni olganimizdan so'ng, shu jumladan yuridik maslahat so'rab, biz arxaik so'rov shakllarini manfaatdor tomonlar va dizayn xizmatlari guruhimiz vakili o'rtasidagi suhbatni taqlid qiladigan bir qator oldinga va orqaga savollarga aylantirishga kirishdik.
02. RiveScript-dan foydalaning
Biz ishlov berish qismi uchun sun'iy intellektni belgilash tiliga juda chuqur kirib borishni istamasligimizni bilar edik - tajribani tez boshlash uchun bizga yetarli edi.
RiveScript - bu oddiy chatbot API, uni o'rganish oson va bizning ehtiyojlarimiz uchun etarli. Bir necha kun ichida biz botdan loyiha so'rovini qabul qilish uchun mantiqqa ega bo'ldik va uni tasdiqlash va tasniflash uchun etarli biznes mantig'i bilan tahlil qildik, shunda uni JSON REST xizmatlari orqali loyihani tegishli ichki topshiriq navbatiga yuborishimiz mumkin edi.
Ushbu asosiy chatbotni ishlashini ta'minlash uchun RiveScript reposiga o'ting, uni klonlang va barcha standart tugun bog'liqliklarini o'rnating. Repo-da siz turli xil parchalar bilan qo'shishingiz mumkin bo'lgan o'zaro ta'sirlarning ta'mini topishingiz mumkin.
Keyin, asosiy Grunt serverini ishga tushirish orqali botni veb-sahifaga aylantiradigan veb-mijoz papkasini ishga tushiring. Shu nuqtada siz o'zingizning ehtiyojlaringizga mos tajribani oshirishingiz mumkin.
03. Botingizning miyasini yarating
Keyingi qadam - botimizning "miyasini" yaratish. Bu .RIVE kengaytmali fayllarda ko'rsatilgan va xayriyatki, RiveScript allaqachon qutidagi asosiy o'zaro ta'sirlar bilan birga keladi (masalan, "ismingiz nima?", "Yoshingiz nechada?" Va "siz kimsiz?" sevimli rang? ').
To'g'ri tugun buyrug'i yordamida veb-mijoz dasturini ishga tushirganingizda, HTML fayliga ularni yuklash buyuriladi.RIVE fayllar.
Keyinchalik chatbot miyamizning loyiha talablari bilan shug'ullanadigan qismini yaratishimiz kerak. Bizning asosiy maqsadimiz - qabul qilish uchun savollar beradigan loyiha tanlovini odatdagi suhbatga aylantirish.
Masalan, masalan:
- Salom, biz qanday yordam bera olamiz?
- Ajoyib, biz qanchalik tez boshlashimiz kerak?
- Menga byudjetingiz haqida taxminiy ma'lumot bera olasizmi?
- Loyihangiz haqida ko'proq ma'lumot bering ...
- Biz haqimizda qayerdan eshitdingiz?
Oddiy veb-shakl quyidagicha ko'rinadi:
form action = ""> fieldets> legend> Request Type: / legend> input id = "option-one" type = "radio" name = "request-type" value = "option-one"> label for = "option- one "> option 1 / label> br> input id =" option-two "type =" radio "name =" request-type "value =" option-two "> label for =" option-two "> parametr 2 / label> br> input id = "option-three" type = "radio" name = "request-type" value = "option-three"> label for = "option-three"> option 3 / label> br> / fieldset > fieldset> legend> Timeline: / legend> input id = "one-month" type = "radio" name = "request-timeline" value = "one-month"> label for = "one-month"> 1 month / label> br> input id = "one-three-months" type = "radio" name = "request- timeline" value = "one-three-months"> label for = "one-month"> 1-3 oy / label> br> input id = "four-plus-months" type = "radio" name = "request- timeline" value = "four-plus-months"> label for = "four-plus-months"> 4+ oy / label> br> / fieldset> br> label for = "request-budget"> Byudjet haqida ma'lumot / label> br> textarea id = "request-budget" name = "request-budget-text" rows = "10" cols = "30"> / textarea> br> label for = "request-description"> Loyiha tavsifi / label> br> textarea id = "request-description" name = "request- description-text" rows = "10" cols = "30"> / textarea > br> label for = "request-reference"> Reference / label> br> textarea id = "request-reference" name = "request-reference- text" rows = "10" cols = "30"> / textarea> br > input type = "submit" value = "Submit"> / form>
Veb-shakllar bilan biz ma'lum naqshlarni juda yaxshi bilamiz: Yuborish tugmachasini bosasiz, barcha shakl ma'lumotlari so'rov ko'rib chiqiladigan boshqa sahifaga yuboriladi, so'ngra chehrali Rahmat sahifasi ochiladi.
Chat-botlar yordamida biz so'rov yuborishning o'zaro ta'sirini qabul qilamiz va uni yanada mazmunli qilamiz.
04. Ovozni loyihalash
Ushbu shaklni RiveScript-ning chatbot veb-mijozida xizmat ko'rsatadigan suhbatdosh interfeysiga aylantirish uchun biz axborot arxitekturasini qattiqdan suyuqlikka aylantirishimiz kerak; yoki interfeys satrlariga maydon yorliqlari.
Keling, ba'zi kirish maydonchalari yorliqlarini va ularga tegishli savol ohangini ko'rib chiqaylik:
- So'rov: Biz qanday yordam bera olamiz? Amin emas? Agar bir nechta savol bersam, qarshi emasmisiz?
- Xronologiya: Qanday qilib biz boshlashimiz kerak?
- Byudjet haqida ma'lumot: Menga byudjetingiz haqida taxminiy ma'lumot bera olasizmi?
- Loyiha tavsifi: Xo'sh, menga hal qilinadigan muammoning qisqacha mazmunini ayta olasizmi?
- Malumot: Shuningdek, sizni kim bizga murojaat qildi?
RiveScript-ning ikki tomonlama suhbatlar uchun juda o'rganiladigan ishlov berish mantig'iga amal qilib, veb-shakl kodini sun'iy intellekt skriptiga aylantirishimiz kerak:
- Biz qanday yordam bera olamiz? + *% biz qanday yordam bera olamiz - sozlash maydonlari = varSure, agar bir nechta savol bersam, qarshi emasmisiz? + *%, agar bir nechta savol bersam, qarshi bo'lasizmi - bu so'rovni qancha vaqt ichida boshlashim kerak? + *% bu so'rovni qancha vaqt ichida boshlashim kerak - set = varCo'zingizning byudjetingiz to'g'risida taxminiy ma'lumot bera olasizmi? + *% menga byudjetingiz - set budget = varOK haqida taxminiy tasavvur bera olasizmi, menga hal qilinadigan muammoning qisqacha mazmuni, ta'sir ko'rsatadigan tarkibiy qismlar va muhit yoki umumiy tavsifni ayta olasizmi? + *% ok, menga hal qilinadigan muammoning qisqacha mazmuni yoki ta'sirlangan muhit yoki umumiy tavsifini aytib bera olasizmi - set project = varAlso, kim sizni bizga murojaat qildi? + *% shuningdek, sizni kim bizga murojaat qildi - referal = vargreat-ni shu yerga o'rnating: men hozirga qadar olgan xizmatlarim: n Xizmatlar kerak: hududlarni olish> n Boshlash kerak: qachon bo'lish> n Qattiq byudjet: byudjet olish> n Loyihangiz haqida: get project> n Yo'naltirgan: referral olish> n va tez orada aloqada bo'laman, bugun sizga yordam beradigan yana bir narsa bormi? qo'ng'iroq> qabul qilish joylari> qachon olish> byudjetni olish> loyihani olish> ma'lumotnoma olish> / qo'ng'iroq>
05. Yuborishni talab qilish
Standart shakl o'zgaruvchilarining boshqa sahifaga yoki xizmatga ishlov berish uchun yuborilishidan farqli o'laroq, chat-botlar tasdiqlashi va foydalanuvchi tomonidan chat oynasida (yoki so'zlashuvda) kiritilgan ma'lumotni darhol yuborishi mumkin, ya'ni foydalanuvchilar ilgari kiritilgan qiymatlarni osongina qayta ko'rib chiqishlari mumkin.
Biz chatbot UI-ga kiritilgan foydalanuvchining so'rovini JSON REST API orqali tashqi loyiha topshirish serveriga yuborishimiz kerak edi.
RiveScript-js-da biz an-dan foydalanishimiz mumkin XMLHttpRequest so'rovni deyarli bir vaqtning o'zida yuborishga e'tiroz bildiring, chunki ma'lumotlar foydalanuvchi tomonidan kiritiladi:
> ob'ektni qabul qilish javascript var http = new XMLHttpRequest (); var a = rs.getUservar (rs.currentUser (), "sohalar"); var b = rs.getUservar (rs.currentUser (), "qachon"); var c = rs.getUservar (rs.currentUser (), "budjet"); var d = rs.getUservar (rs.currentUser (), "loyiha"); var e = rs.getUservar (rs.currentUser (), "referal"); var url = "http: // localhost: 3000 / send"; var params = "fields =" + a + "& when =" + b + "& budget =" + c + "& pro ject =" + d + "& referal =" + e; console.log (params); http.open ("POST", url, rost); http.setRequestHeader ("Content-type", "application / x- www-form-urlencoded"); http.setRequestHeader ("Ulanish", "yopish"); http.onreadystatechange = function () {// Vaziyat o'zgarganda funktsiyani chaqiring. agar (http.readyState == 4 && http.status == 200) {ogohlantirish (http.responseText); }} http.send (params); ob'ekt
06. Chatbotdan qo'rqmang
Tez orada ma'lumot olish uchun kompyuterlar bilan o'zaro aloqaning dolzarb usullari sun'iy intellektga asoslangan chat-bot texnologiyalariga o'tib beradi, bu erda odamlar oddiy ovozli buyruqlarni bajaradilar, biz Amazon Echo va Google Home kabi texnologiyalar bilan ko'rdik.
Veb-dizayn hamjamiyati qo'rqmasligi kerak - biz hammamiz ushbu yangi texnologiyaning qo'shimcha qiymatini qabul qilishimiz kerak.
Bu o'zi ishlaydigan kompaniyalar uchun o'yinni o'zgartiruvchi bo'lishi mumkin, bu mijozlarga to'liq miqyosli xizmat ko'rsatish va mijozlarning aql-idrokini yaxshilaydi.
Ushbu maqola dastlab taqdim etilgannet jurnal, veb-dizaynerlar va ishlab chiquvchilar uchun dunyodagi eng ko'p sotiladigan jurnal. Bu erga obuna bo'ling.
