Sadržaj
- 01. Postavite osobnost
- 02. Koristite RiveScript
- 03. Generirajte mozak svog bota
- 04. Dizajnirajte glas
- 05. Podnošenje zahtjeva
- 06. Ne bojte se chatbota
Sredinom 2000-ih virtualni agenti i chat servisi za korisničku službu dobili su mnogo pohvala, iako nisu bili previše razgovorni, a ispod haube bili su samo sastavljeni od razmjene podataka s web poslužiteljima.
U današnje vrijeme, iako postoji velik broj primjera 'slabe umjetne inteligencije' (uključujući Siri, Alexa, web pretraživače, automatizirane prevoditelje i prepoznavanje lica) i druge teme poput responzivnog web dizajna privlače pažnju, chatbotovi i dalje izazivaju pomutnju . Uz velika ulaganja velikih tvrtki, ostaje puno prilika za hakiranje konverzacijskih sučelja budućnosti.
- Kako osmisliti chatbot iskustvo
Ponekad dobivaju lošu reputaciju, ali chatbotovi mogu biti korisni. Ne trebaju se osjećati kao osnovna zamjena za standardni web obrazac, gdje korisnik popunjava polja za unos i čeka provjeru valjanosti - mogu pružiti razgovorno iskustvo.
U osnovi poboljšavamo korisničko iskustvo kako bi se osjećalo prirodnije, poput razgovora sa stručnjakom ili prijateljem, umjesto pokazivača i klikova ili pokretnih gesta u web pregledniku. Cilj je pružanjem empatičnih, kontekstualnih odgovora, ova tehnologija postati izravno ugrađena u živote ljudi.
Pogledajte video u nastavku ili pročitajte dalje kako biste otkrili praktičan način dizajniranja i izrade chatbota, zasnovan na stvarnoj aplikaciji za preuzimanje projekata u praksi dizajniranja usluga.
01. Postavite osobnost
Kako ova praksa služi preko 110 000 članova na globalnoj razini, cilj je bio pružiti brzo, prikladno i prirodno sučelje putem kojeg bi interni dionici mogli zatražiti učinkovite digitalne usluge, umjesto da moraju ispunjavati zbunjujuće obrasce.
Prvi korak bio je uspostaviti chatbotovu osobnost, jer bi to predstavljalo glas dizajnerskog tima usluga svojim dionicima. Gradili smo na temeljnom radu Aarrona Waltera na dizajnerskim osobama. To je uvelike pomoglo našem timu da razvije botove osobine ličnosti, koje su zatim odredile poruke za pozdrave, pogreške i povratne informacije korisnika.
Ovo je osjetljiva faza, jer utječe na način na koji se organizacija doživljava. Kako bismo bili sigurni da imamo što više informacija, odmah smo uspostavili radionice dionika kako bismo prikupili odgovarajuću osobnost, boju, tipografiju, slike i protok korisnika prilikom interakcije s botom.
Nakon što smo stekli sva potrebna odobrenja - uključujući traženje pravnog savjetnika - krenuli smo pretvoriti arhaične obrasce zahtjeva u niz naprijed-natrag pitanja koja su oponašala razgovor između dionika i predstavnika našeg tima za dizajn.
02. Koristite RiveScript
Znali smo da ne želimo ulaziti preduboko u jezik označavanja AI za dio obrade - samo nam je trebalo dovoljno za pokretanje iskustva.
RiveScript je jednostavan chatbot API koji je dovoljno jednostavan za učenje i dovoljan za naše potrebe. U roku od nekoliko dana imali smo logiku da od bota primimo projektni zahtjev i raščlanimo ga s dovoljno poslovne logike da ga provjerimo i kategoriziramo kako bi ga mogli poslati putem JSON REST usluga u odgovarajući interni red zadataka za projekt.
Da bi ovaj osnovni chatbot radio, idite na RiveScript repo, klonirajte ga i instalirajte sve standardne ovisnosti o čvoru. U repo-u također možete dobiti okus interakcija koje možete dodati s raznim primjerima isječaka.
Zatim pokrenite mapu web-klijenta koja pretvara bota u web stranicu izvođenjem osnovnog Grunt poslužitelja. U ovom trenutku možete poboljšati iskustvo prema svojim potrebama.
03. Generirajte mozak svog bota
Sljedeći je korak generiranje ‘mozga’ našeg bota. To je navedeno u datotekama s ekstenzijom .RIVE, a na sreću RiveScript već dolazi s osnovnim interakcijama iz okvira (na primjer, pitanja kao što su: "Kako se zoveš?", "Koliko imaš godina?" I "Koji je tvoj omiljena boja?').
Kada pokrenete aplikaciju web-klijenta pomoću odgovarajuće naredbe Node, HTML datoteci naloženo je da ih učita.POVLAČI datoteke.
Dalje moramo generirati dio mozga našeg chatbota koji će se baviti zahtjevima projekata. Naš je glavni cilj pretvoriti odabir projektnih zadataka u redoviti razgovor.
Tako, na primjer:
- Pozdrav, kako vam možemo pomoći?
- Super, koliko brzo trebamo započeti?
- Možete li mi dati okvirnu ideju o vašem proračunu?
- Recite mi više o svom projektu ...
- Kako ste čuli za nas?
Tipični dostupni web obrazac izgledao bi ovako:
form action = ""> fieldset> legend> Vrsta zahtjeva: / 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 "> opcija 2 / label> br> input id = "option-three" type = "radio" name = "request-type" value = "option-three"> label for = "option-three"> opcija 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 mjesec / label> br> input id = "jedan-tri mjeseca" type = "radio" name = "request- timeline" value = "one-three-months"> label for = "jedan mjesec"> 1-3 mjeseca / label> br> input id = "četiri plus mjeseca" type = "radio" name = "request- timeline" value = "four-plus-months"> label for = "four-plus-months"> 4+ mjeseca / label> br> / fieldset> br> label for = "request-budget"> Informacije o proračunu / label> br> textarea id = "request-budget" name = "request-budget-text" redovi = "10" cols = "30"> / textarea> br> label for = "request-description"> Opis projekta / label> br> textarea id = "request-description" name = "request- description-text" redovi = "10" cols = "30"> / textarea > br> oznaka za = "request-reference"> Referenca / oznaka> br> textarea id = "request-reference" name = "request-reference- text" redovi = "10" cols = "30"> / textarea> br > input type = "submit" value = "Submit"> / form>
S web obrascima dobro smo upoznati s određenim obrascima: kliknete gumb Pošalji, svi podaci obrasca šalju se na drugu stranicu na kojoj se obrađuje zahtjev i tada se najvjerojatnije pojavljuje drska stranica Hvala.
Pomoću chatbotova sposobni smo za interakciju s podnošenjem zahtjeva i učiniti ga značajnijim.
04. Dizajnirajte glas
Da bismo pretvorili ovaj obrazac u konverzacijsko korisničko sučelje posluženo u RiveScript-ovom chatbot web-klijentu, moramo pretvoriti informacijsku arhitekturu iz krute u fluidnu; ili oznake polja u UI nizove.
Razmotrimo neke dostupne oznake polja i s njima povezan ton pitanja:
- Zahtjev: Kako možemo pomoći? Nisam siguran? Smeta li vam ako postavim nekoliko pitanja?
- Vremenska Crta: Koliko brzo trebamo započeti?
- Podaci o proračunu: Možete li mi dati okvirnu ideju o vašem proračunu?
- Opis projekta: U redu, možete li mi reći sažetak problema koji treba riješiti?
- Referenca: Također, tko vas je uputio na nas?
Dalje moramo pretvoriti kôd web obrasca u AI skriptu, slijedeći vrlo naučivu logiku obrade RiveScript za dvosmjerne razgovore:
- Kako možemo pomoći? + *% kako možemo pomoći - postaviti područja = varSigurno, smeta li vam ako postavim nekoliko pitanja? + *% sigurno, smeta li vam ako postavim nekoliko pitanja - Koliko brzo trebam započeti ovaj zahtjev? + *% koliko brzo trebam započeti ovaj zahtjev - postavi kada = varMožete li mi dati okvirnu ideju o vašem proračunu? + *% Možete li mi dati okvirnu ideju o vašem proračunu - postavite proračun = varOK, možete li mi reći sažetak problema koji treba riješiti, komponente i okruženja na koja se to odnosi ili općeniti opis? + *% ok, možete li mi reći sažetak problema koji treba riješiti komponente i okruženja na koja se to odnosi ili općeniti opis - set project = varTakođer, tko vas je uputio na nas? + *% i tko vas je uputio na nas - postavite referal = vargreat evo što sam do sada dobio: n Potrebne usluge: dobiti područja> n Treba započeti: dobiti kad> n Grubi proračun: dobiti proračun> n O vašem projektu: get project> n Naveli: get referral> n i uskoro ćemo stupiti u kontakt mogu li vam još nešto danas pomoći? poziv> područja za primanje unosa> dobiti kada> dobiti proračun> dobiti projekt> dobiti referal> / call>
05. Podnošenje zahtjeva
Za razliku od toga da se varijable standardnog obrasca šalju na drugu stranicu ili uslugu radi obrade, chatbotovi mogu odmah provjeriti i poslati podatke koje je korisnik unio u prozor za chat (ili izgovorio), što znači da korisnici mogu i lako ponovno pregledati prethodno unesene vrijednosti.
Morali smo poslati zahtjev korisnika upisan u korisničko sučelje chatbota putem JSON REST API-ja na vanjski poslužitelj za zadaće projekata.
U RiveScript-js možemo slobodno koristiti XMLHttpRequest objekt podnijeti zahtjev gotovo istovremeno, jer podatke unosi korisnik:
> unos objekta javascript var http = new XMLHttpRequest (); var a = rs.getUservar (rs.currentUser (), "područja"); var b = rs.getUservar (rs.currentUser (), "kada"); var c = rs.getUservar (rs.currentUser (), "proračun"); var d = rs.getUservar (rs.currentUser (), "projekt"); var e = rs.getUservar (rs.currentUser (), "referal"); 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 ("Veza", "zatvori"); http.onreadystatechange = function () {// Pozovite funkciju kada se stanje promijeni. if (http.readyState == 4 && http.status == 200) {upozorenje (http.responseText); }} http.send (params); objekt
06. Ne bojte se chatbota
Uskoro će se trenutni načini interakcije s računalima za dobivanje informacija ustupiti tehnologiji temeljenoj na AI poput chatbotova, gdje ljudi samo izvršavaju jednostavne glasovne naredbe, kao što smo vidjeli kod tehnologija kao što su Amazon Echo i Google Home.
Zajednica web dizajna ne treba se bojati - svi bismo trebali prihvatiti dodanu vrijednost ove nove tehnologije.
To bi mogao promijeniti sustav za tvrtke za koje radi, nudeći potpuno skalabilnu korisničku uslugu i poboljšanu inteligenciju kupaca.
Ovaj je članak izvorno predstavljen uneto magazin, najprodavaniji svjetski časopis za web dizajnere i programere. Pretplatite se ovdje.
