Tartalom
- 01. Állíts be egy személyiséget
- 02. Használja a RiveScript-et
- 03. Generálja botjának agyát
- 04. Tervezzen hangot
- 05. Kérelem benyújtása
- 06. Ne féljen a chatbottól
A 2000-es évek közepén a virtuális ügynökök és az ügyfélszolgálati csevegőrobotok sok imádatban részesültek, bár nem voltak túl beszélgetősek, és a burkolat alatt csupán a webszerverekkel folytatott adatcserékből álltak.
Manapság, annak ellenére, hogy rengeteg példa létezik a „gyenge mesterséges intelligenciára” (többek között a Siri, az Alexa, a webes keresőmotorok, az automatikus fordítók és az arcfelismerés), és más témák, mint például a reszponzív webdizájn, rávilágítanak a reflektorfényre, a chatbotok továbbra is felkavarják . A nagyvállalatok jelentős beruházásaival rengeteg lehetőség marad a jövő beszélgetési felületeinek feltörésére.
- Hogyan tervezzünk egy chatbot élményt
Néha rossz hírnévre tesznek szert, de a chatbotok hasznosak lehetnek. Nem kell úgy érezniük magukat, mint egy standard webes űrlap alapvető helyettesítője, ahol a felhasználó kitölti a beviteli mezőket és várja az érvényesítést - beszélgetési élményt nyújthatnak.
Lényegében javítjuk a felhasználói élményt, hogy természetesebbnek érezzük magunkat, például beszélgethessünk szakértővel vagy baráttal a webböngészőben történő kattintások és mobil gesztusok helyett. A cél az, hogy empatikus, kontextuális válaszok biztosításával ez a technológia közvetlenül beépüljön az emberek életébe.
Nézze meg az alábbi videót, vagy olvassa el, hogy felfedezzen egy chatbot tervezésének és felépítésének gyakorlati módját, egy szolgáltatás-tervezési gyakorlatban egy valódi projektbeviteli alkalmazás alapján.
01. Állíts be egy személyiséget
Mivel ez a gyakorlat világszerte több mint 110 000 tagot szolgál ki, a cél egy gyors, kényelmes és természetes felület biztosítása volt, amelyen keresztül a belső érdekeltek hatékony digitális szolgáltatásokat kérhetnek, ahelyett, hogy zavaros űrlapokat kellene kitölteniük.
Az első lépés a chatbot személyiségének megalapozása volt, mivel ez képviselte a szolgáltatástervező csapat hangját az érintettek számára. Aarron Walter formatervezési személyekről szóló alapvető munkájára építettünk. Ez nagymértékben segítette csapatunkat a bot személyiségjegyeinek fejlesztésében, amelyek ezután meghatározták az üdvözlet, a hibák és a felhasználói visszajelzések üzenetét.
Ez egy kényes szakasz, mivel befolyásolja a szervezet megítélését. Annak érdekében, hogy a lehető legtöbb információ álljon rendelkezésünkre, azonnal létrehoztunk az érdekelt felek műhelyeit, hogy körbevegyük a megfelelő személyiséget, színt, tipográfiát, képeket és a felhasználó áramlását, amikor kapcsolatba lépünk a botdal.
Miután megszereztük az összes szükséges jóváhagyást - ideértve a jogi tanácsadás igénybevételét is - nekiláttunk az archaikus igénylőlapokat oda-vissza kérdéssorokká konvertálni, amelyek utánozták az érintettek és a tervezői szolgálatunk egyik képviselője közötti beszélgetést.
02. Használja a RiveScript-et
Tudtuk, hogy nem akarunk túl mélyen belemenni az AI jelölőnyelvébe a feldolgozó résznél - csak annyi szükségünk volt, hogy elindítsuk az élményt.
A RiveScript egy egyszerű chatbot API, amelyet elég könnyű megtanulni, és elegendő az igényeinkhez. Néhány napon belül megvolt a logikánk, hogy befogadjunk egy projektkérést a bottól, és elegendő üzleti logikával elemezzük, hogy érvényesítsük és kategorizálhassuk, hogy a JSON REST szolgáltatásokon keresztül el lehessen küldeni a megfelelő belső projektfeladási sorba.
Az alapvető chatbot működéséhez menjen a RiveScript repóhoz, klónozza és telepítse az összes standard Node-függőséget. A repóban ízelítőt kaphat az interakciókból, amelyeket hozzáadhat a különféle példadarabokkal.
Ezután futtassa a web-kliens mappát, amely a botot weblapokká alakítja egy alap Grunt szerver futtatásával. Ezen a ponton javíthatja az élményt az Ön igényeinek megfelelően.
03. Generálja botjának agyát
A következő lépés a botunk „agyának” létrehozása. Ez a .RIVE kiterjesztésű fájlokban van megadva, és szerencsére a RiveScript már tartalmazza az alapvető interakciókat a dobozból (például olyan kérdések, mint például "Mi a neved?", "Hány éves vagy?" És "Mi az Ön kedvenc szín?').
Amikor a webes-kliens alkalmazást a megfelelő Node paranccsal indítja el, a HTML-fájl utasítást kap ezek betöltésére.RIVE fájlokat.
Ezután elő kell állítanunk a chatbot agyának azt a részét, amely a projektkéréseket kezeli. Fő célunk, hogy a projektfeladatok felvételi kérdéseinek válogatását rendszeres beszélgetéssé alakítsuk át.
Tehát például:
- Helló, hogyan tudunk segíteni?
- Remek, milyen hamar kell kezdenünk?
- Tudna nagyjából képet adni a költségvetéséről?
- Mesélj többet a projektedről ...
- Honnan hallottál rólunk?
Egy tipikus hozzáférhető internetes űrlap így néz ki:
form action = ""> fieldset> legend> Request Type: / legenda> input id = "option-one" type = "radio" name = "request-type" value = "option-one"> label for = "option- egy "> 1. opció / címke> br> input id =" opció-kettő "type =" rádió "név =" kérés-típus "érték =" opció-kettő "> címke =" opció-kettő "> 2. opció / label> br> input id = "option-three" type = "radio" name = "request-type" value = "option-three"> label for = "option-three"> opció 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 = "egy-három hónap" type = "radio" name = "request-timeline" value = "one-three-months"> label for "" one-month "> 1-3 months / label> br> input id = "four-plus-months" type = "radio" name = "request-timeline" value = "four-plus-months"> label = "four-plus-months"> 4+ hónap / label> br> / fieldset> br> label for = "request-budget"> Költségvetési információk / label> br> textarea id = "request-budget" name = "request-budget-text" rows = "10" cols = "30"> / textarea> br> label for = "request-description"> Projekt leírása / label> br> textarea id = "request-description" név = "request- description-text" rows = "10" cols = "30"> / textarea > br> label for = "kérelem-referencia"> Referencia / címke> br> textarea id = "kérelem-hivatkozás" név = "kérelem-referencia-szöveg" sorok = "10" cols = "30"> / textarea> br > input type = "submit" value = "Submit"> / form>
A webes űrlapok esetében nagyon jól ismerünk bizonyos mintákat: rákattint a Küldés gombra, az összes űrlapadatot elküldjük egy másik oldalra, ahol a kérelmet feldolgozzuk, majd nagy valószínűséggel felbukkan egy pimasz Köszönöm oldal.
A csevegőrobotokkal képesek vagyunk értelmezni a kérelem benyújtásának interakcióját.
04. Tervezzen hangot
Ahhoz, hogy ezt az űrlapot a RiveScript chatbot webes kliensében szolgáltatott beszélgető felhasználói felületté alakítsuk át, át kell alakítanunk az információ architektúráját merevről folyékonyra; vagy a mező címkéit a felhasználói felület karakterláncaiba.
Vizsgáljunk meg néhány elérhető mezőcímkét és a hozzájuk kapcsolódó kérdéshangot:
- Kérés: Hogyan segíthetünk? Nem biztos? Nem zavar, ha felteszek néhány kérdést?
- Idővonal: Milyen hamar kell kezdenünk?
- Költségvetési információk: Tudna nagyjából képet adni a költségvetéséről?
- A projekt leírása: OK, tud mondani egy összefoglalót a megoldandó problémáról?
- Referencia: És ki utalt bennünket?
Ezután át kell alakítanunk a webes űrlap kódját AI szkriptvé, a RiveScript kétutas beszélgetésekhez nagyon megtanulható feldolgozási logikáját követve:
- Hogyan segíthetünk? + *% hogyan tudunk segíteni - a területek megadása = varSure, bánja, ha felteszek pár kérdést? + *% biztosan bánja, ha felteszek pár kérdést - Milyen hamar kell megadnom ezt a kérést? + *% milyen hamar kell megadnom ezt a kérést - állítsd be, mikor = varKaphatsz durva képet a költségvetésedről? + *% tudsz nagyjából képet adni a költségvetésedről - állítsd be a költségvetést = varOK, tudnál mondani összefoglalót a megoldandó problémáról, az érintett összetevőkről és környezetekről, vagy átfogó leírást? + *% ok tud mondani egy összefoglalót a megoldandó összetevőkről és az érintett környezetekről, vagy átfogó leírást - set project = varAlso, ki utalt bennünket? + *% azt is, aki hozzánk utalt - állítsd be a referal = vargreat-ot, amit eddig kaptam: n Szükséges szolgáltatások: területek megszerzése> n El kell kezdeni: get when> n Durva költségvetés: get budget> n A projektről: get project> n Hivatkozta: get referral> n és hamarosan kapcsolatba lépünk. Van még valami, amiben ma segíthetek? hívás> bevétel lekérési területek> megkapás, amikor> költségvetés megszerzése> projekt beolvasása> referálási kérelem megszerzése> / hívás>
05. Kérelem benyújtása
A szokásos űrlapváltozóktól eltérően, amelyeket feldolgozásra küldenek egy másik oldalra vagy szolgáltatásra, a chatbotok azonnal ellenőrizhetik és elküldhetik a felhasználó által a csevegőablakban (vagy kimondottan) beírt információkat, ami azt jelenti, hogy a felhasználók a korábban beírt értékeket is könnyedén megnézhetik.
Küldnünk kellett a chatbot kezelőfelületébe beírt felhasználói kérést a JSON REST API-n keresztül egy külső projektfeladat-kiszolgálónak.
A RiveScript-js-ben szabadon használhatunk egy XMLHttpRequest objektum a kérés szinte egyidejű benyújtására, mivel az adatokat a felhasználó írja be:
> objektumbevitel javascript var http = new XMLHttpRequest (); var a = rs.getUservar (rs.currentUser (), "területek"); var b = rs.getUservar (rs.currentUser (), "mikor"); var c = rs.getUservar (rs.currentUser (), "költségvetés"); var d = rs.getUservar (rs.currentUser (), "projekt"); var e = rs.getUservar (rs.currentUser (), "referal"); var url = "http: // localhost: 3000 / send"; var params = "területek =" + a + "& mikor =" + b + "& budget =" + c + "& pro ject =" + d + "& referal =" + e; console.log (paramek); http.open ("POST", url, true); http.setRequestHeader ("Tartalomtípus", "application / x- www-form-urlencoded"); http.setRequestHeader ("Kapcsolat", "Bezárás"); http.onreadystatechange = function () {// Az állapotváltozáskor hívjon meg egy függvényt. if (http.readyState == 4 && http.status == 200) {figyelmeztetés (http.responseText); }} http.küldés (paraméterek); tárgy
06. Ne féljen a chatbottól
Hamarosan a számítógépekkel való kölcsönhatás jelenlegi módjai az információk megszerzéséhez megadják az AI-alapú technológiát, például a csevegőrobotokat, ahol az emberek csak egyszerű hangparancsokat adnak ki, amint azt olyan technológiákkal láttuk, mint az Amazon Echo és a Google Home.
A webdesign közösségnek nem kell félnie - mindannyiunknak fel kell használnunk ennek az új technológiának a hozzáadott értékét.
Ez egy játékváltó lehet azoknak a vállalatoknak, amelyeknek dolgozik, teljesen skálázható ügyfélszolgálatot és jobb ügyfélintelligenciát kínálva.
Ezt a cikket eredetileg anet magazin, a világ legkeresettebb weblaptervezőknek és -fejlesztőknek szóló magazinja. Iratkozzon fel ide.
