Kako zgraditi chatbot vmesnik

Avtor: Randy Alexander
Datum Ustvarjanja: 2 April 2021
Datum Posodobitve: 16 Maj 2024
Anonim
Creative Coding with Python by Ivana Vezjak
Video.: Creative Coding with Python by Ivana Vezjak

Vsebina

Sredi 2000-ih so bili virtualni agenti in klepetalnice za storitve strankam zelo navdušeni, čeprav niso bili preveč pogovorni, pod pokrovom pa so bili zgolj izmenjave podatkov s spletnimi strežniki.

Čeprav danes obstaja ogromno primerov „šibkega umetnega inteligenca“ (vključno s Siri, Alexa, spletnimi iskalniki, avtomatiziranimi prevajalci in prepoznavanjem obrazov) in drugimi temami, kot je odzivno spletno oblikovanje, še vedno vznemirjajo klepetalnice. . Z velikimi naložbami velikih podjetij ostaja veliko priložnosti za vdor v pogovorne vmesnike prihodnosti.

  • Kako oblikovati chatbot izkušnjo

Včasih dobijo slab sloves, toda chatboti so lahko koristni. Ni jim treba, da bi se počutili kot osnovna zamenjava za standardni spletni obrazec, kjer uporabnik izpolni vnosna polja in čaka na preverjanje - lahko zagotovijo pogovorno izkušnjo.


V bistvu izboljšujemo uporabniško izkušnjo, da bi se počutili bolj naravno, na primer v pogovoru s strokovnjakom ali prijateljem, namesto da bi bili v brskalniku usmerjeni s klikom ali gestami v mobilni napravi. Cilj je, da se bo ta tehnologija z zagotavljanjem empatičnih, kontekstualnih odzivov vdelala neposredno v življenje ljudi.

Oglejte si spodnji videoposnetek ali preberite, če želite odkriti praktičen način oblikovanja in izdelave klepetalnice, ki temelji na resnični aplikaciji za prevzem projekta v praksi oblikovanja storitev.

01. Nastavite osebnost

Ker ta praksa služi več kot 110.000 članom po vsem svetu, je bil cilj zagotoviti hiter, priročen in naraven vmesnik, prek katerega bi lahko interne zainteresirane strani zahtevale učinkovite digitalne storitve, namesto da bi morali izpolnjevati zmedene obrazce.

Prvi korak je bil ugotoviti osebnost klepetalnice, saj bi to predstavljalo glas ekipe za oblikovanje storitev svojim zainteresiranim stranem. Gradili smo na temeljnem delu Aarrona Walterja na področju oblikovalskih osebnosti. To je v veliki meri pomagalo naši ekipi razviti botove osebnostne lastnosti, ki so nato določale sporočila za pozdrave, napake in povratne informacije uporabnikov.


To je občutljiva stopnja, saj vpliva na dojemanje organizacije. Da bi imeli čim več informacij, smo takoj vzpostavili delavnice zainteresiranih strani, da bi pri sodelovanju z botom prišli do ustrezne osebnosti, barve, tipografije, posnetkov in uporabnikovega toka.

Po pridobitvi vseh potrebnih odobritev - vključno z iskanjem pravnega svetovalca - smo se lotili pretvarjanja arhaičnih obrazcev v vrsto povratnih vprašanj, ki so posnemala pogovor med zainteresiranimi stranmi in predstavnikom ekipe za oblikovalske storitve.

02. Uporabite RiveScript

Vedeli smo, da se za del obdelave ne želimo preveč poglabljati v označevalni jezik AI - potrebovali smo le toliko, da smo lahko začeli izkušnjo.

RiveScript je preprost API za chatbot, ki se je dovolj enostaven za učenje in zadostuje za naše potrebe. V nekaj dneh smo imeli logiko, da smo od bota prevzeli projektno zahtevo in jo razčlenili z dovolj poslovne logike, da smo jo potrdili in kategorizirali, da jo je bilo mogoče poslati prek storitev JSON REST v ustrezno čakalno vrsto za interno projektno nalogo.


Če želite, da ta osnovni chatbot deluje, pojdite na repo RiveScript, ga klonirajte in namestite vse standardne odvisnosti Node. V repo lahko tudi poskusite interakcije, ki jih lahko dodate z različnimi vzorčnimi delčki.

Nato zaženite mapo spletnega odjemalca, ki pretvori bota v spletno stran z zagonom osnovnega strežnika Grunt. Na tej točki lahko izboljšate izkušnjo, ki ustreza vašim potrebam.

03. Ustvari možgane svojega bota

Naslednji korak je ustvariti 'možgane' našega bota. To je določeno v datotekah s pripono .RIVE, na srečo pa RiveScript že prej prihaja z osnovnimi interakcijami (na primer vprašanja, kot so "Kako ti je ime?", "Koliko si star?" In "Kakšen je tvoj najljubša barva? ').

Ko z ustreznim ukazom Node zaženete aplikacijo spletnega odjemalca, je datotek HTML naložen, da jih naloži.RIVE datotek.

Nato moramo ustvariti del možganov našega klepetalnice, ki bo obravnaval projektne zahteve. Naš glavni cilj je pretvoriti izbor projektnih nalog za sprejem v običajni pogovor.

Tako na primer:

  • Pozdravljeni, kako lahko pomagamo?
  • Super, kako kmalu moramo začeti?
  • Ali mi lahko približno predstavite svoj proračun?
  • Povej mi več o svojem projektu ...
  • Kako si slišal za nas?

Tipičen dostopen spletni obrazec bi bil videti takole:

form action = ""> fieldset> legend> Vrsta zahteve: / 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 "> možnost 2 / label> br> input id = "option-three" type = "radio" name = "request-type" value = "option-three"> label for = "option-three"> možnost 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 mesec / label> br> input id = "en-tri mesece" type = "radio" name = "request- timeline" value = "one-three-months"> label for = "en mesec"> 1-3 mesece / label> br> input id = "four-plus-months" type = "radio" name = "request- timeline" value = "four-plus-months"> label for = "four-plus-months"> 4+ mesece / label> br> / fieldset> br> label for = "request-budget"> Informacije o proračunu / label> br> textarea id = "request-budget" name = "request-budget-text" vrstice = "10" cols = "30"> / textarea> br> label for = "request-description"> Opis projekta / label> br> textarea id = "request-description" name = "request- description-text" row = "10" cols = "30"> / textarea > br> oznaka za = "request-reference"> Reference / label> br> textarea id = "reference-reference" name = "request-reference- text" row = "10" cols = "30"> / textarea> br > input type = "submit" value = "Submit"> / form>

Pri spletnih obrazcih smo dobro seznanjeni z določenimi vzorci: kliknemo gumb Pošlji, vsi podatki obrazca se pošljejo na drugo stran, kjer se zahteva obdela, nato pa se najverjetneje prikaže drzna stran Hvala.

S klepetalnicami smo sposobni sprejeti interakcijo pri oddaji zahteve in jo narediti bolj smiselno.

04. Oblikujte glas

Če želimo ta obrazec pretvoriti v pogovorni uporabniški vmesnik, ki je na voljo v spletnem odjemalcu chatbot RiveScript, moramo pretvoriti informacijsko arhitekturo iz toge v tekočo; ali oznake polj v nize uporabniškega vmesnika.

Upoštevajmo nekatere oznake dostopnih polj in z njimi povezan ton vprašanj:

  • Prošnja: Kako lahko pomagamo? Nisem prepričan? Ali vas moti, če postavim nekaj vprašanj?
  • Časovna os: Kako hitro moramo začeti?
  • Podatki o proračunu: Ali mi lahko približno predstavite svoj proračun?
  • Opis projekta: V redu, mi lahko poveste povzetek problema, ki ga je treba rešiti?
  • Referenca: Kdo vas je napotil k nam?

Nato moramo kodo spletnega obrazca pretvoriti v skript AI, po zelo naučni logiki obdelave RiveScript za dvosmerne pogovore:

- Kako lahko pomagamo? + *% kako lahko pomagamo - nastavite področja = varSure, vas moti, če postavim nekaj vprašanj? + *% prepričan, da vas moti, če zastavim nekaj vprašanj - Kako hitro moram začeti s to zahtevo? + *%, kako hitro moram začeti s to zahtevo - nastavite kdaj = var Ali mi lahko približate svoj proračun? + *%, ali mi lahko približno predstavite svoj proračun - nastavite proračun = varOK, ali mi lahko poveste povzetek problema, ki ga je treba rešiti, komponente in okolja, ki jih to zadeva, ali splošen opis? + *% ok mi lahko poveste povzetek problema, ki ga je treba rešiti, prizadete komponente in okolja ali splošen opis - set project = var. Tudi kdo vas je napotil k nam? + *% tudi kdo vas je napotil k nam - nastavite referenco = vargreat Tukaj sem do zdaj dobil: n Potrebne storitve: pridobite območja> n Treba začeti: dobite, ko> n Grobi proračun: pridobite proračun> n O vašem projektu: dobite projekt> n Priporočil: dobite napotitev> n in kmalu se bomo oglasili, ali vam lahko danes še kaj pomagam? pokliči> vnos dobi območja> dobi ko> dobi proračun> dobi projekt> dobi referenco> / pokliči>

05. Zahteva za oddajo

V nasprotju s tem, da se spremenljivke standardnega obrazca pošljejo na drugo stran ali storitev v obdelavo, lahko chatboti potrdijo in predložijo informacije, ki jih je uporabnik vnesel v okno za klepet (ali jih je izgovoril), kar pomeni, da lahko uporabniki tudi zlahka pregledujejo prej vnesene vrednosti.

Zahtevo uporabnika, vneseno v uporabniški vmesnik klepetalnice, smo morali prek API-ja JSON REST poslati na zunanji strežnik za naloge projektov.

V RiveScript-js lahko prosto uporabimo XMLHttpRequest oddajo zahtevo skoraj istočasno, saj podatke vnese uporabnik:

> vnos predmeta javascript var http = new XMLHttpRequest (); var a = rs.getUservar (rs.currentUser (), "področja"); var b = rs.getUservar (rs.currentUser (), "kdaj"); var c = rs.getUservar (rs.currentUser (), "proračun"); var d = rs.getUservar (rs.currentUser (), "projekt"); var e = rs.getUservar (rs.currentUser (), "referenca"); var url = "http: // localhost: 3000 / send"; var params = "areas =" + a + "& when =" + b + "& budget =" + c + "& pro ject =" + d + "& referal =" + e; console.log (params); http.open ("POST", url, true); http.setRequestHeader ("Content-type", "application / x- www-form-urlencoded"); http.setRequestHeader ("Povezava", "zapiranje"); http.onreadystatechange = function () {// Pokliče funkcijo, ko se stanje spremeni. if (http.readyState == 4 && http.status == 200) {opozorilo (http.responseText); }} http.send (params); predmet

06. Ne bojte se klepetalnice

Kmalu bodo sedanji načini interakcije z računalniki za pridobivanje informacij popustili tehnologiji, ki temelji na umetni inteligenci, kot so chatboti, kjer ljudje preprosto naredijo preproste glasovne ukaze, kot smo videli pri tehnologijah, kot sta Amazon Echo in Google Home.

Skupnosti spletnih oblikovalcev se ni treba bati - vsi bi morali sprejeti dodano vrednost te nove tehnologije.

To bi lahko bil menjalnik iger za podjetja, za katera dela, saj ponuja popolnoma prilagodljivo storitev za stranke in izboljšano inteligenco strank.

Ta članek je bil prvotno predstavljen vnet magazine, najbolje prodajana revija na svetu za spletne oblikovalce in razvijalce. Naročite se tukaj.

Zanimivo Danes
Ben Steers iz podjetja Fiasco Design o preprostosti
Preberi Več

Ben Steers iz podjetja Fiasco Design o preprostosti

Fia co De ign je eden od petih nominirancev za novo agencijo leta na mreži Net Award 2014. Kreativni direktor Ben teer nam je povedal o vojih nedavnih projektih in kreativni viziji.Naš eto pri Fia co ...
Kako začeti s stensko umetnostjo
Preberi Več

Kako začeti s stensko umetnostjo

Učenje, kako začeti z muralno umetno tjo, bi lahko kori tilo ilu tratorjem, grafičnim umetnikom ali likarjem krivnimi ambicijami, da povečajo voja umetniška dela. Odkrivanje ob ežnega oblikovanja lahk...
Pridobite fotorealistične rezultate CG z novim 3D svetom
Preberi Več

Pridobite fotorealistične rezultate CG z novim 3D svetom

Do eganje fotoreali tičnih rezultatov v CG je pravkar po talo lažje z izdajo V-Ray 3.0 in ZBru h 4R7, v številki 195 umetnika 3D World Nick Gaul pa deli voj po topek uporabe te program ke opreme z nev...