Si të ndërtojmë një ndërfaqe chatbot

Autor: Randy Alexander
Data E Krijimit: 2 Prill 2021
Datën E Azhurnimit: 16 Mund 2024
Anonim
Si të ndërtojmë një ndërfaqe chatbot - Krijues
Si të ndërtojmë një ndërfaqe chatbot - Krijues

Përmbajtje

Në mesin e viteve 2000, agjentët virtualë dhe chat-robotët e shërbimit ndaj klientit morën shumë adhurime, edhe pse nuk ishin shumë bisedues dhe nën kapuç ata thjesht ishin të përbërë nga shkëmbime të të dhënave me servera në internet.

Në ditët e sotme, edhe pse ekzistojnë një numër i madh shembujsh të "AI të dobët" (përfshirë Siri, Alexa, motorë kërkimi në internet, përkthyes të automatizuar dhe njohje të fytyrës) dhe tema të tjera si dizajni i përgjegjshëm i faqeve janë duke tërhequr vëmendjen, chatbotët ende po shkaktojnë një trazirë . Me investime të mëdha nga ndërmarrjet e mëdha, mbeten mjaft mundësi për të hakuar ndërfaqet biseduese të së ardhmes.

  • Si të krijoni një përvojë chatbot

Ndonjëherë ata marrin një reputacion të keq, por chat-robot mund të jenë të dobishëm. Ata nuk kanë nevojë të ndihen si një zëvendësim themelor për një formë standarde në internet, ku përdoruesi plotëson fushat e hyrjes dhe pret për vërtetim - ata mund të sigurojnë një përvojë bisede.


Në thelb ne po e përmirësojmë përvojën e përdoruesit për tu ndjerë më të natyrshëm, si biseda me një ekspert ose një mik, në vend të pikave dhe klikimeve të shfletuesit të internetit ose gjesteve të lëvizshme. Qëllimi është që duke ofruar përgjigje empatike, kontekstuale, kjo teknologji të ngulitet drejtpërdrejt në jetën e njerëzve.

Shikoni videon më poshtë ose lexoni për të zbuluar një mënyrë praktike për të hartuar dhe ndërtuar një chatbot, bazuar në një aplikacion të vërtetë për marrjen e projekteve në një praktikë të hartimit të shërbimit.

01. Vendosni një personalitet

Meqenëse kjo praktikë u shërben mbi 110,000 anëtarëve globalisht, qëllimi ishte që të sigurohej një ndërfaqe e shpejtë, e përshtatshme dhe natyrore përmes së cilës palët e interesuara të brendshme mund të kërkonin shërbime dixhitale efektive, në vend që të plotësonin forma konfuze.

Hapi i parë ishte krijimi i personalitetit të chatbot, pasi kjo do të përfaqësonte zërin e ekipit të dizajnit të shërbimit për palët e tij të interesit. Ne ndërtuam në punën themelore të Aarron Walter mbi personazhet e dizajnit. Kjo e ndihmoi shumë ekipin tonë të zhvillonte tiparet e personalitetit të botit, të cilat më pas përcaktonin mesazhet për përshëndetjet, gabimet dhe reagimet e përdoruesve.


Kjo është një fazë delikate, pasi ndikon në mënyrën se si perceptohet organizata. Për t'u siguruar që kishim sa më shumë informacion të ishte e mundur, ne menjëherë krijuam punëtori të palëve të interesuara për të gozhduar personalitetin, ngjyrën, tipografinë, imazhet dhe rrjedhën e përdoruesit të duhur kur përfshihemi me bot.

Pasi të kishim fituar të gjitha miratimet e nevojshme - përfshirë edhe kërkimin e këshilltarit ligjor - ne vendosëm të shndërrojmë formularët e kërkesave arkaike në një seri pyetjesh mbrapa dhe me radhë që imitojnë një bisedë midis palëve të interesuara dhe një përfaqësuesi të ekipit tonë të shërbimeve të dizajnit.

02. Përdorni RiveScript

Ne e dinim se nuk donim të futeshim shumë në gjuhën e shënjimit të AI për pjesën e përpunimit - na duheshin mjaftueshëm sa për të filluar përvojën.

RiveScript është një API i thjeshtë chatbot që është mjaft i lehtë për tu mësuar dhe mjafton për nevojat tona. Brenda disa ditësh ne kishim logjikën për të marrë një kërkesë të projektit nga bot, dhe për ta analizuar atë me logjikë të mjaftueshme të biznesit për ta vërtetuar dhe kategorizuar në mënyrë që të mund të dërgohej përmes shërbimeve të JSON REST në radhën e duhur të detyrave të projektit.


Për të funksionuar këtë chatbot bazë, drejtohuni te repoja RiveScript, klonojeni atë dhe instaloni të gjitha varësitë standarde të Nyjes. Në repo mund të fitoni një shije të bashkëveprimeve që mund të shtoni me copa të ndryshme shembujsh.

Tjetra, ekzekutoni dosjen e klientit të internetit, i cili e kthen botin në një faqe në internet duke ekzekutuar një server themelor Grunt. Në këtë pikë ju mund të përmirësoni përvojën që i përshtatet nevojave tuaja.

03. Gjeneroni trurin e botit tuaj

Hapi tjetër është të gjenerojmë ‘trurin’ e botit tonë. Kjo specifikohet në skedarët me shtrirjen .RIVE, dhe fatmirësisht RiveScript tashmë vjen me ndërveprime themelore jashtë kutisë (për shembull, pyetje të tilla si 'Cili është emri juaj?', 'Sa vjeç jeni?' Dhe 'Cili është juaji Ngjyra e preferuar?').

Kur filloni aplikacionin e klientit në internet duke përdorur komandën e duhur Nyja, skedari HTML udhëzohet t'i ngarkojë ato.RRISHT dosjet.

Tjetra duhet të gjenerojmë pjesën e trurit të chatbot-it tonë që do të merret me kërkesat e projektit. Qëllimi ynë kryesor është të konvertojmë një përzgjedhje të pyetjeve të marrjes së detyrave të projektit në një bisedë të rregullt.

Kështu, për shembull:

  • Përshëndetje, si mund të ndihmojmë?
  • Bukur, sa shpejt duhet të fillojmë?
  • A mund të më jepni një ide të përafërt të buxhetit tuaj?
  • Më tregoni më shumë rreth projektit tuaj ...
  • Si keni dëgjuar për ne?

Një formë tipike e arritshme në internet do të dukej kështu:

forma veprim = ""> fushë> legjendë> Lloji i kërkesës: / legjendë> id i hyrjes = "opsion-një" tip = "radio" emër = "kërkesë-tip" vlerë = "opsion-një"> etiketë për = "opsion- një "> opsioni 1 / etiketë> br> hyrja id =" opsioni-dy "lloji =" radio "emri =" lloji i kërkesës "vlera =" opsioni-dy "> etiketa për =" opsioni-dy "> opsioni 2 / label> br> input id = "option-three" type = "radio" name = "kërkesë-tip" value = "option-three"> etiketë për = "option-tre"> opsion 3 / label> br> / fushë > fushë> legjendë> Afati kohor: / legjendë> id id = "një muaj" type = "radio" name = "kërkesë-kronologji" value = "një muaj"> etiketë për = "një muaj"> 1 muaj / etiketë> br> ID e hyrjes = "një-tre-muaj" type = "radio" name = "kërkesë-kronologji" value = "një-tre-muaj"> etiketë për = "një-muaj"> 1-3 muaj / etiketë> br> ID e hyrjes = "katër-plus-muaj" type = "radio" name = "kërkesë-kronologji" value = "katër-plus-muaj"> etiketë për = "katër-plus-muaj"> 4+ muaj / label> br> / fieldset> br> label for = "kërkesë-buxhet"> Informacione Buxheti / etiketë> br> textarea id = "kërkesë-buxhet" name = "kërkesë-buxhet-tekst" rreshta = "10" kolona = "30"> / textarea> br> etiketë për = "kërkesë-përshkrim"> Përshkrimi i projektit / etiketë> br> textarea id = "kërkesë-përshkrim" name = "kërkesë- përshkrim-tekst" rreshta = "10" cols = "30"> / textarea > br> etiketë për = "kërkesë-referencë"> Referencë / etiketë> br> textarea id = "kërkesë-referencë" name = "kërkesë-referencë- tekst" rreshta = "10" cols = "30"> / textarea> br > lloji i inputit = "paraqitja" vlera = "Dorëzimi"> / forma>

Me format e uebit, ne jemi shumë të njohur me modele të caktuara: ju klikoni në butonin Dorëzo, të gjitha të dhënat e formularit dërgohen në një faqe tjetër ku përpunohet kërkesa, dhe pastaj ka shumë të ngjarë që të shfaqet një faqe e pacipë Faleminderit.

Me chat-robot, ne jemi në gjendje të marrim ndërveprimin e paraqitjes së një kërkese dhe ta bëjmë atë më kuptimplotë.

04. Dizajnoni një zë

Për ta shndërruar këtë formë në një ndërfaqe përdorimi bisedash të shërbyer në klientin e faqes chatbot të RiveScript, duhet të konvertojmë arkitekturën e informacionit nga të ngurtë në të lëngët; ose etiketat e terrenit në vargjet UI.

Le të shqyrtojmë disa etiketa të arritshme në terren dhe tonin e pyetjeve që lidhen me to:

  • Kërkesë: Si mund të ndihmojmë? Nuk jam i sigurt A keni mend nëse ju bëj disa pyetje?
  • Afati kohor: Sa shpejt duhet të fillojmë?
  • Informacioni i buxhetit: A mund të më jepni një ide të përafërt të buxhetit tuaj?
  • Përshkrimi i projektit: Në rregull, mund të më tregoni një përmbledhje të problemit që do të zgjidhet?
  • Referenca: Po ashtu, kush ju referoi tek ne?

Tjetra duhet të konvertojmë kodin e formës në internet në skenarin AI, duke ndjekur logjikën e përpunimit shumë të mësueshme të RiveScript për biseda dypalëshe:

- Si mund të ndihmojmë? + *% si mund të ndihmojmë - cakto zona = varSigur, A të bie ndër mend Nëse bëj nja dy pyetje? + *% i sigurt a e keni mendjen nëse bëj disa pyetje - Sa shpejt duhet të filloj këtë kërkesë? + *% sa shpejt duhet të filloj këtë kërkesë - vendosni kur = var A mund të më jepni një ide të përafërt të buxhetit tuaj? + *% a mund të më jepni një ide të përafërt të buxhetit tuaj - vendosni buxhetin = varOK, mund të më tregoni një përmbledhje të problemit që do të zgjidhet, përbërësit dhe mjediset e prekura, ose një përshkrim të përgjithshëm? + *% ok, a mund të më tregoni një përmbledhje të problemit që duhet të zgjidhen komponentët dhe mjediset e prekura ose një përshkrim të përgjithshëm - set set project = varAlso, kush ju referoi tek ne? + *% gjithashtu kush ju referoi tek ne - vendosni referalin = vargreat këtu është ajo që kam marrë deri më tani: n Shërbimet e nevojshme: merrni zonat> n Duhet të filloni: merrni kur> n Buxheti i përafërt: merrni buxhetin> n Në lidhje me projektin tuaj: merrni projektin> n Referuar nga: merrni referimin> n dhe do të merrni kontakt së shpejti a ka ndonjë gjë tjetër që unë mund t'ju ndihmoj sot? telefononi> merrni fushat e marrjes> merrni kur> merrni buxhetin> merrni projektin> merrni referencën> / telefononi>

05. Dorëzimi i kërkesës

Në krahasim me variablat e formës standarde që dërgohen në një faqe ose shërbim tjetër për të përpunuar, chat-robotët mund të vërtetojnë dhe paraqesin menjëherë informacionin e futur nga përdoruesi në një dritare bisede (ose të folur), që do të thotë se përdoruesit mund të rishikojnë lehtësisht vlerat e futura më parë.

Ne kishim nevojë të dërgonim kërkesën e përdoruesit të futur në UI të chatbot përmes JSON REST API në një server të jashtëm të detyrave të projektit.

Në RiveScript-js jemi të lirë të përdorim një Kërkesa XMLHttp kundërshtojnë të paraqesin kërkesën pothuajse njëkohësisht, pasi të dhënat futen nga përdoruesi:

> marrja e objektit javascript var http = XMLHttpRequest i ri (); var a = rs.getUservar (rs.currentUser (), "zonat"); var b = rs.getUservar (rs.crentUser (), "kur"); var c = rs.getUservar (rs.currentUser (), "buxheti"); var d = rs.getUservar (rs.currentUser (), "projekt"); var e = rs.getUservar (rs.currentUser (), "referim"); var url = "http: // localhost: 3000 / dërgoni"; var paramë = "zona =" + a + "& kur =" + b + "& buxhet =" + c + "& pro ject =" + d + "& referale =" + e; tastierë.log (parame); http.open ("POST", url, e vërtetë); http.setRequestHeader ("Lloji i përmbajtjes", "aplikacioni / x- www-form-urlencoded"); http.setRequestHeader ("Lidhja", "mbyll"); http.onreadystatechange = funksioni () {// Thirrni një funksion kur gjendja ndryshon. nëse (http.readyState == 4 && http.status == 200) {alarm (http.responseText); }} http.dërgo (parami); Objekt

06. Mos kini frikë nga chatbot

Së shpejti, mënyrat aktuale të bashkëveprimit me kompjuterët për të marrë informacion do t'i nënshtrohen teknologjisë së bazuar në AI si chatbots, ku njerëzit thjesht bëjnë komanda të thjeshta zanore, siç kemi parë me teknologji të tilla si Amazon Echo dhe Google Home.

Komuniteti për krijimin e faqeve në internet nuk duhet të ketë frikë - të gjithë duhet të përqafojmë vlerën e shtuar të kësaj teknologjie të re.

Mund të jetë një lojë-ndërrim për kompanitë në të cilat punon, duke ofruar shërbim plotësisht të shkallëzuar të klientit dhe inteligjencë të përmirësuar të klientit.

Ky artikull u paraqit fillimisht nërevistë neto, revista më e shitur në botë për krijuesit dhe krijuesit e faqeve në internet. Regjistrohuni këtu.

Publikime Të Freskëta
Imazhi i ditës: Ftesat e Ndriçuara nga DMSQD
Me Tutje

Imazhi i ditës: Ftesat e Ndriçuara nga DMSQD

Arte Kompjuterike: Na tregoni rreth projektit ... Kyle Wilkin on: Në fillim të këtij viti, DM QD ba hkëpunoi me kompaninë lokale lazer Cutting Technologie për të kri...
Corel Painter 2017
Me Tutje

Corel Painter 2017

ë ba hku me humë përmirë ime që nuk mund të mbulohe hin këtu, mjetet dhe tiparet e reja, veçanëri ht mjetet e gradientit të bojë dhe truktur...
Monitorët më të mirë USB-C në 2021: Ekranet kryesore që mund të karikojnë gjithashtu laptopin tuaj
Me Tutje

Monitorët më të mirë USB-C në 2021: Ekranet kryesore që mund të karikojnë gjithashtu laptopin tuaj

Gjetja e monitorit më të mirë U B-C do të thotë të balanconi lehtë inë e kabllo me një lidhje me veçoritë e tjera që ju nevojiten. Vite pa l...