Kuinka rakentaa chatbot-käyttöliittymä

2000-luvun puolivälissä virtuaaliagentit ja asiakaspalvelukeskustelurobotit saivat paljon kohtelua, vaikka ne eivät olleet kovin keskustelevia, ja konepellin alla ne koostuivat vain tietojenvaihdosta web-palvelinten kanssa.

Nykyään, vaikka on olemassa valtava määrä esimerkkejä 'heikosta tekoälystä' (mukaan lukien Siri, Alexa, verkkohakukoneet, automaattiset kääntäjät ja kasvojentunnistus) ja muita aiheita, kuten reagoiva web-suunnittelu ovat hogging parrasvaloissa, chatbotit aiheuttavat edelleen hämmennystä. Suurten yritysten suurten investointien myötä on vielä paljon mahdollisuuksia hakkeroida tulevaisuuden keskustelurajapintoja.



Joskus heillä on huono maine, mutta chatbotit voivat olla hyödyllisiä. Heidän ei tarvitse tuntea olevansa peruskorvaus normaalille verkkolomakkeelle, jossa käyttäjä täyttää syöttökentät ja odottaa vahvistusta - he voivat tarjota keskustelukokemuksen.



Pohjimmiltaan parannamme käyttäjäkokemus tuntea olosi luonnollisemmaksi, kuten keskusteleminen asiantuntijan tai ystävän kanssa, selaimen osoittamalla ja napsauttamalla tai mobiililiikkeillä. Tavoitteena on, että tarjoamalla empaattisia, asiayhteyteen liittyviä vastauksia tämä tekniikka upotetaan suoraan ihmisten elämään.

Katso alla oleva video tai lue lisää löytääksesi käytännöllinen tapa suunnitella ja rakentaa chatbot, joka perustuu todelliseen projektinottosovellukseen palvelumuotoilun käytännössä.



01. Aseta persoonallisuus

On tärkeää varmistaa, että chatbotin persoonallisuus heijastaa edustamaansa yritystä

On tärkeää varmistaa, että chatbotin persoonallisuus heijastaa edustamaansa yritystä

Koska tämä käytäntö palvelee yli 110 000 jäsentä maailmanlaajuisesti, tavoitteena oli tarjota nopea, kätevä ja luonnollinen käyttöliittymä, jonka kautta sisäiset sidosryhmät voivat pyytää tehokkaita digitaalisia palveluja sen sijaan, että heidän täytettäisiin hämmentäviä lomakkeita.

Ensimmäinen askel oli luoda chatbotin persoonallisuus, koska se edustaisi palvelun suunnittelutiimin ääntä sidosryhmilleen. Rakensimme Aarron Walterin uraauurtavaa työtä Suunnittele ihmisiä . Tämä auttoi tiimiämme suuresti kehittämään botin persoonallisuuspiirteitä, jotka määrittelivät sitten tervehdysten, virheiden ja käyttäjien palautteen viestit.



Tämä on herkkä vaihe, koska se vaikuttaa organisaation mieltymyksiin. Varmistaaksemme, että meillä on niin paljon tietoa kuin mahdollista, perustimme välittömästi sidosryhmätyöpajat, joiden tarkoituksena on naulata sopiva persoonallisuus, väri, typografia, kuvat ja käyttäjän virtaus botin kanssa.

Saatuamme kaikki tarvittavat hyväksynnät - myös oikeudellisen neuvonantajan hakemisen - aloimme muuntaa arkaaiset pyyntölomakkeet sarjaksi edestakaisia ​​kysymyksiä, jotka matkivat keskustelua sidosryhmien ja suunnittelupalvelutiimimme edustajan välillä.

02. Käytä RiveScript

Tämä yksinkertainen komentosarjakieli tarjoaa kaiken mitä tarvitset chatbot POC: n suunnitteluun ja rakentamiseen

Tämä yksinkertainen komentosarjakieli tarjoaa kaiken mitä tarvitset chatbot POC: n suunnitteluun ja rakentamiseen

Tiesimme, ettemme halua päästä syvälle tekoälyn merkintäkieleen käsittelyosassa - tarvitsimme vain tarpeeksi kokemuksen aloittamiseksi.

RiveScript on yksinkertainen chatbot-sovellusliittymä, joka on tarpeeksi helppo oppia ja riittää tarpeisiimme. Muutaman päivän sisällä meillä oli logiikka, jotta saisimme robottilta projektipyynnön, ja jäsensimme sen tarpeeksi liiketoimintalogiikalla validoimaan ja luokittelemaan sen, jotta se voidaan lähettää JSON REST -palvelujen kautta asianmukaiseen sisäiseen projektityöjonoon.

Saada tämä perus chatbot toimimaan, siirry RiveScript-repo , kloonaa se ja asenna kaikki tavalliset solmuriippuvuudet. Repossa voit myös maistaa vuorovaikutusta, jonka voit lisätä eri esimerkkikatkelmien kanssa.

Suorita seuraavaksi web-asiakas-kansio, joka muuttaa botin verkkosivuksi suorittamalla Grunt-peruspalvelimen. Tässä vaiheessa voit parantaa kokemusta tarpeidesi mukaan.

03. Luo botin aivot

Seuraava vaihe on luoda botin 'aivot'. Tämä määritetään tiedostoissa, joissa on .RIVE-laajennus, ja onneksi RiveScriptin mukana toimitetaan jo perusvaikutukset laatikosta (esimerkiksi kysymykset, kuten 'Mikä on nimesi?', 'Kuinka vanha olet?' Ja 'Mikä on sinun suosikkiväri? ').

Kun käynnistät verkkoasiakasohjelman oikealla Solmu-komennolla, HTML-tiedostoa kehotetaan lataamaan nämä .PANKKI tiedostot.

Seuraavaksi meidän on luotava chatbotimme aivojen osa, joka käsittelee projektipyynnöt. Päätavoitteemme on muuntaa valikoima projektin tehtävien saantikysymyksiä säännölliseksi keskusteluksi.

paras l-muotoinen työpöytä kotitoimistoon

Joten esimerkiksi:

  • Hei, kuinka voimme auttaa?
  • Hienoa, kuinka pian meidän on aloitettava?
  • Voitteko antaa minulle karkean kuvan budjetistanne?
  • Kerro minulle projektistasi ...
  • Kuinka kuulit meistä?

Tyypillinen käytettävissä oleva verkkolomake näyttäisi tältä:

Request Type: option 1
option 2
option 3
Timeline: 1 month
1-3 months
4+ months

Budget Information

Project Description

Reference

Verkkolomakkeissa olemme hyvin perehtyneitä tiettyihin malleihin: napsautat Lähetä-painiketta, kaikki lomaketiedot lähetetään toiselle sivulle, jossa pyyntö käsitellään, ja todennäköisesti tulee sitten röyhkeä Kiitos-sivu.

Chatbottien avulla voimme tehdä pyynnön lähettämisen vuorovaikutuksessa ja tehdä siitä mielekkäämpi.

04. Suunnittele ääni

Jos haluat muuntaa tämän lomakkeen keskustelukäyttöliittymäksi, jota käytetään RiveScriptin chatbot-verkkoasiakkaassa, meidän on muunnettava tietoarkkitehtuuri jäykästä sujuvaksi; tai kenttätarrat käyttöliittymän merkkijonoihin.

Tarkastellaan joitain käytettävissä olevia kenttätunnisteita ja niihin liittyvää kysymysääntä:

  • Pyyntö: Kuinka voimme auttaa? Epävarma? Haittaatko, jos esitän muutaman kysymyksen?
  • Aikajana: Kuinka pian meidän on aloitettava?
  • Budjettitiedot: Voitteko antaa minulle karkean kuvan budjetistanne?
  • Hankkeen kuvaus: OK, voitko kertoa minulle yhteenvedon ratkaistavasta ongelmasta?
  • Viite: Kuka lähetti sinut myös meille?

Seuraavaksi meidän on muunnettava verkkolomakkeen koodi tekoälykoodiksi noudattaen RiveScriptin hyvin oppittavaa käsittelylogiikka kaksisuuntaisia ​​keskusteluja varten:

- How can we help? + * % how can we help - Sure, Do you mind If I ask a couple of questions? + * % sure do you mind if i ask a couple of questions - How soon do I need to start this request? + * % how soon do i need to start this request - Can you give me rough idea of your budget? + * % can you give me rough idea of your budget - OK, can you tell me a summary of the problem to be solved, components and environments affected, or an overall description? +* % ok can you tell me a summary of the problem to be solved components and environments affected or an overall description - Also, who referred you to us? +* % also who referred you to us - great here is what I got so far: Services needed: Need to start: Rough budget: About your project: Referred by: and will get in touch shortly is there anything else i can help you with today? intake

05. Pyydä lähettämistä

Toisin kuin vakiolomakemuuttujat lähetetään toiselle sivulle tai palveluun käsiteltäväksi, chatbotit voivat tarkistaa ja lähettää käyttäjän syöttämät tiedot chat-ikkunaan (tai puhuttuihin) välittömästi, mikä tarkoittaa, että käyttäjät voivat myös palata aiemmin syötettyihin arvoihin helposti.

Meidän oli lähetettävä chatbot-käyttöliittymään syötetty käyttäjän pyyntö JSON REST -sovellusliittymän kautta ulkoiselle projektitehtäväpalvelimelle.

Sisään RiveScript-js voimme vapaasti käyttää XMLHttpRequest objekti lähettää pyynnön melkein samanaikaisesti, koska käyttäjä syöttää tiedot:

> object intake javascript var http = new XMLHttpRequest(); var a = rs.getUservar(rs.currentUser(), 'areas'); var b = rs.getUservar(rs.currentUser(), 'when'); var c = rs.getUservar(rs.currentUser(), 'budget'); var d = rs.getUservar(rs.currentUser(), 'project'); 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('Connection', 'close'); http.onreadystatechange = function() {//Call a function when the state changes. if(http.readyState == 4 && http.status == 200) { alert(http.responseText); } } http.send(params); < object

06. Älä pelkää chatbotia

Pian nykyiset tavat olla vuorovaikutuksessa tietokoneiden kanssa tietojen saamiseksi antautuvat tekoälypohjaiseen tekniikkaan, kuten chat-robotteihin, joissa ihmiset vain tekevät yksinkertaisia ​​äänikomentoja, kuten olemme nähneet tekniikoilla, kuten Amazon Echo ja Google Home.

Verkkosuunnitteluyhteisön ei tarvitse pelätä - meidän kaikkien tulisi omaksua tämän uuden tekniikan lisäarvo.

Se voi olla pelinvaihtaja yrityksille, joissa se työskentelee, tarjoamalla täysin skaalautuvaa asiakaspalvelua ja parantunutta asiakastietoa.

Tämä artikkeli oli alun perin esillä sivustossa nettilehti , Maailman myydyin verkkosivujen suunnittelijoille ja kehittäjille suunnattu lehti. Tilaa täällä .

Aiheeseen liittyvät artikkelit:

  • Kuinka chatrobotit oppivat - haastattelu Giles Colborne
  • Kuinka älykäs verkko muuttaa vuorovaikutustamme
  • Kuinka keskustelurajapinnat innovoivat pankkitoimintaa