チャットボットとWeb開発の未来
Facebookが2016年にロボット開発者向けに年次F8会議を開始して以来、Microsoftはチャットボットを取り巻く誇大広告、興奮、憶測で密接に続きました。 Microsoft CEOのSatya Nadellaは、チャットボットが「人々がコンピューティングを経験する方法を根本的に変える」と述べ、コンテンツとサービスの作成と消費の方法を変えると述べています。
メッセンジャーネットワークだけでも、現在100,000を超えるロボットと開発者がいます。 10,000を超える企業がすでに独自のボットを使用または開発しており、2020年までに80%が顧客とやり取りするためのチャットボットを持ちたいと考えています。
この記事では、チャットボットが何であるか、彼らの人気が突然急上昇する理由、Webの閲覧方法と対話方法、Web開発者とデザイナーがこのパラダイムの変化に集中する必要がある理由、そして何ができるかを検討します。特にトレンドに追いつくため。
キーポイント
- 人工知能と機械学習の進歩により、チャットボットは、従来のブラウジングを効率的な会話インターフェースに置き換えることにより、ネットワークの相互作用を変換しています。
- 人気のあるインスタントメッセージングプラットフォームでのチャットボットの台頭により、別個のアプリケーションを必要とせずに顧客と直接および個別にやり取りする新しい方法を企業に提供します。
- 開発者とデザイナーは、競争力を維持するために、自然言語処理、機械学習、会話のUI設計スキルを学習することにより、この変革に適応する必要があります。
- チャットボットはWeb開発に統合されており、ユーザーの相互作用を簡素化し、より直感的にし、会話型AIを通じて個人的なニーズに合わせてカスタマイズされることが期待されています。
- チャットボットが進化し続けるにつれて、ネットワーク上のユーザーエクスペリエンスを再定義し、ナビゲーションとユーザー入力の複雑さを大幅に削減しながら、即座に個人的なものにします。
チャットボットとは何ですか?
以下は、「チャットボット」検索に対する人々の関心の指数関数的な成長を示すGoogleトレンドチャートです。
チャットボットは、ドロップダウンメニューボタンをクリックし、検索関数の選択、ウェブサイトページで冗長に移動するインテリジェントで自動化された会話のアイデンティティです。それらは、スムーズな会話形式で即座に特定の結果を提供します。
ロボットはネットワークの相互作用をどのように変更しますか?
現在のWebインタラクションには、通常、Googleの広範な検索、多数の検索結果の獲得、必要なものが見つかるまで1つずつ閲覧し、最終的に何らかのアクションを実行することが含まれます。
一方、ロボットを使用して、ブラウジングとナビゲーションの要素が簡単な質問と回答の会話に置き換えられます。オンラインインタラクションがどのように変化するかをよりよく理解するために、eコマースのWebサイトを例に取りましょう。あなたの究極の目標:あなたは会議のために美しい青いシャツを買いたいが、30ドル以上を費やしたくない。
通常、eコマースのウェブサイトにアクセスするかもしれません(clothes.comで満たされていると仮定して):上部のカテゴリの上にホバリングし、男性/女性のシャツを選択してから、別のログインページに向けられます……これ途中ではありません。
製品リストページで、予算と色の好みに合わせてフィルターを設定するか、このステップをスキップしてすぐにシャツを閲覧し始めます。
ここでは、すべてのオプションを閲覧し、好きなオプションを見つけるには時間と忍耐が必要です。サイズチャートを確認します。多分、購入することにしたかもしれません。その後、チェックアウトと支払いは、最終的に注文を完了するまで一連のアクションをガイドします。
ブラウジングとナビゲーションを会話に置き換えます
同じeコマースのウェブサイトがチャットボットを取得することを決定したと想像してください(H&M、Tommy Hilfiger、Burberry、Sephoraなどの他の無数のブランドなど)。それを服ボットと呼びましょう。理想的には、彼らは視聴者がいる場所にボットを配置します。
以下は、衣服ボットとの対話のシミュレーションです。
ユーザーとして、このボットと話をして、Facebookチャットから直接製品を見つけることができます。
開発者とデザイナーがロボティクス革命にどのように参加できるかを詳細に説明する前に、最初にこの問題を最初に気にするべき理由と、開発と設計の観点からどのような変化が起こるかを紹介します。
なぜ開発者とデザイナーがロボットの時代に注意を払う必要があるのですか?
現在、Google、Microsoft、Facebook、IBM、Amazonなどのすべての大手企業は、開発者がロボットを作成できるように多くのオープンソースロボットビルディングツールとフレームワークをリリースしています。彼らはまた、開発段階で発生する可能性のある倫理的およびプライバシーの問題に対処するために、Amazon、Twitter、Apple、Intel、Baiduなどの企業とのAIイニシアチブを設立しました。
12億人が毎日Facebookメッセンジャーを使用し、同じウィンドウにロボットを導入して、アプリが最初に登場したときよりも大きな範囲で、企業が顧客とのやり取り、市場、販売を支援します。
アプリをダウンロードする代わりに、ユーザーはFacebook、Kik、Telegram、または他のスタンドアロンチャットベースのプラットフォームなどの要約アプリを使用できます。
Kikは、ユーザーベースが検索して話し合うためのさまざまなロボットを備えたロボットストアをホストしています。 Slackは、生産性を高め、タスクをより速くするために、すべてのコーポレートアカウントにロボットの優れたリストを提供します。このリストは続きます。
基本的に、平均的なWebユーザーは、ネイティブメッセージングアプリまたはWebからブランド/会社/サービスを検索し、メッセンジャーの友人と同じようにボットとチャットを開始します。
テクノロジー分野での早期採用採用者は、ロボット革命をサポートしています。これが開発者とデザイナーにとって何を意味するかを考慮する価値があります。今後数年間でネットワークはどのように見えますか?ロボットはどのようにそれを形作りますか?
これは可能なWeb 3.0ですか?
モバイルアプリから中毒性のソーシャルネットワークまで、「Web 2.0」は、ビデオ共有Webサイト(YouTube)、ブログ、Wikis、RSSフィード(Feedly)、共同消費者プラットフォーム(Craigslist)、Uberなどの象徴的な開発を目撃しました。ただし、現在、2つのクロストレンドにより、チャットボットの上昇がネットワークの次の可能な段階になります。
- モバイルアプリの疲労。多数のスマートフォンユーザーが、1か月あたり非常に少ない、またはまったくダウンロードしていません。また、両方のアプリストアで300万件以上のアプリが利用可能であるため、企業がユニークなアプリを構築することはますます困難になり、ノイズから際立っています。
-
-
以下は、プラットフォームとしての会話がエンドユーザーインターフェイスのさまざまな要素をどのように変更するかの概要です。
デザインの意味
2017 Webアプリケーション
2020年のWebアプリケーション
webページ
robot url
2017 Webアプリケーション
2020年のWebアプリケーション
ハイブリッドインターフェイスは、CUIとGUIの最適な機能を1つのインターフェースに組み合わせています。これは、会話モジュールからのパーソナライズされた会話、グラフィックモジュールのリッチUXです。
たとえば、
wechatを見てください。毎月8億人のアクティブユーザーを抱えるWechatは、電子商取引からソーシャルネットワークまで、メッセージングポータルと小さなアプリケーションをチャットウィンドウに統合しました。要するに、人々はそれを使用して、人々や企業とチャットするだけでなく、車の予約、映画のチケットの予約、インタラクティブなゲームのプレイ、ニュースの視聴、在庫の更新の取得などを行うこともできます。
私たちが今見ているのは、プラットフォームとしての会話であり、ブランドと企業はロボットを使用してマーケティング、販売、エンゲージメント、サポート戦略を開発しようとしています。たとえば、Tommy Hilfiger、H&M、Sephoraは、インスタントメッセージングソフトウェア(Facebook、Kik、Telegram)でチャットボットを使用して、ファッション関連の会話を開始し、ユーザーの好みと嫌悪に基づいて製品を推奨しています。 Uber、Domino、1800-Flowersなどの企業はチャット(Facebook)を介して注文と支払いを受けていますが、Netflix、TechCrunch、Casperはボットを使用してファンを簡単に会話し、映画の提案、ニュースの更新、有用な洞察を提供しています。ユーザーの動作に基づいています。
以下は、全体のフードロボットとの相互作用の例です。これは、グラフィックボタンとQ&Aで従来のメニューを放棄します。
より具体的には、各ロボット応答は単純なテキストまたはマイクロアプリケーション自体になる場合があります。これにより、開発者とデザイナーは、テキスト、画像、製品カルーセル、支払いゲートウェイ、2つのプレイヤーゲーム、音楽プレーヤーなどを表示する豊富なカードを作成する機会を得ることができます。
チャットウィンドウの制限を考慮して、開発者はインフラストラクチャの構築だけでなく、全体的なエクスペリエンスにも集中する必要があります。
を支配します ナビゲーションメニューと多くのログインページまたは画面、ウェブサイト、アプリケーションが具体的な回答を提供するのに遅れをとっています。フィールドを検索しますか?絶対に十分ではありません!
一方、ロボットは、質問に答えるための特定の回答を提供するスーパー関連カードを使用します。たとえば、画面間でジャンプする必要がある音楽アプリやウェブサイトを使用する代わりに、どのアーティストやジャンルを聴きたいかを知ることができ、ボットは再生のためにスーパー関連のトラックに戻ります。より良いユースケースは、製品ページを閲覧することは間違いなく顧客の挑戦であり、シンプルなチャットボットで解決できるeコマースサイトです。
ロボットの世界では、「クールなサングラスはありますか?」特に「あなたはそれが好きですか?」
ユーザーの回答によれば、ロボットは利用可能なサングラスを備えたテキストのリストを返したり、カルーセルを備えたリッチカードを返して結果をスクロールしたりすることがあります。以下は、ユーザーを会話パスに導くTommy Hilfigerロボットとやり取りする例です。
最初に、ボイラープレートコードを備えた空白のテーブルがなくなります。代わりに、チャットウィンドウ内で設計し、インフラストラクチャとエンドユーザーの期待に焦点を当てる必要があります。
ロボットフレームワーク、モデルツール、ロボットプロトタイピングツール、テスト環境、会話プロセスデザイナー、および分析が重要です(以下で説明します)。
チャットボットプラットフォームがどのように見えるかを学ぶには、Bottr(自分で作成された)のような無料の強力なプラットフォームを入手してください。これにより、独自のチャットボットウィジェットをログインページに埋め込み、訪問者のインタラクションを埋め込むことができます。
デザイナーと開発者がどのように自分の立場に留まるか見てみましょう...
ロボットフレームワークとライブラリに精通しています
開発者にはロボットコードをゼロから書くオプションがありますが、ロボットフレームワークは、開発者がロボットビルダーSDK、ロボットコネクタ、開発者ポータル、ロボットディレクトリ、エミュレーターにアクセスできるようにすることで、開発者が書き込む必要性を減らすキャンバスを提供します。コードの量。
開発者は、作成したロボットに役割、意図、検索パターン、応答セットなどを割り当てることができます。最も人気のあるフレームワークには、次のようなものが含まれます
Microsoftボットフレームワーク。ロボットコネクタとNLUコンポーネントルイス(言語理解インテリジェントサービス)の2つのモジュールを含む優れたツール。
この単純な方法は、node.jsを使用してFacebookメッセンジャー用のロボットを開発および展開するように導きます。
-
ロボットフレームワーク、ツール、プラットフォーム。 (ソース)
api.ai。エージェント、エンティティ、意図、操作、コンテキストなどのコア要素に基づいて構築されています。この有益なライブラリを読んで、重要な概念について学ぶか、SitePointの人気記事「API.AIで独自のAIアシスタントを構築する方法」をご覧ください。
-
wit.ai。サンプルの会話を知識ベースにストリーミングしてボットを作成します。クリエイティブワークラインがWit.aiを使用して、入ってくるメッセンジャーチャットに応じてボットを作成する方法を学びます。
-
bottr.me。誰でも1つのインターフェイスでボットを作成し、ボットをトレーニングしてよりスマートに(会話を通じて)、既存のソーシャルネットワークに展開し、ボット会話の分析結果を取得できるエンドツーエンドソリューションとチャットボット作成ツール。
について学びます
ゼロからインテリジェントロボットを作成する場合、さまざまなAIの概念とベストプラクティスを深く理解する必要があります。機械学習の核心は、学習し、パターンを認識し、自然言語を理解し、それに応じて対応する能力にあります。インテリジェントNLPチャットボットの設計では、トークン化、エンティティ認識、正規化、音声タグ付け、依存関係分析、意図、およびセンチメント分析を理解して実装する必要があります。
ロボット開発者として、ニューラルネットワーク、情報検索モデル、機械学習アルゴリズムの種類、シーケンスからシーケンスアーキテクチャ、サブモーダル、知覚された場所、アンカー、メタモデルの概念を理解する必要があります。
会話型UI
を開発します グラフィック要素に依存しているWebサイトと比較して、会話インターフェイスは、グラフィックスではなく、スクリプトと対話の流れに依存しています。
ロボットをフレンドリーで魅力的でインテリジェントにする(硬く、理解するのが難しい、またはイライラするのではなく)開発者にとって本当の課題です。
ロボット開発者として、非線形の対人的相互作用の背後にある意図と感情を分類することを学ぶ必要があります。 CUIでユーザー入力を確認し、それを分類することは標準のGUIよりも複雑であり、分類器は間違いなく優先事項です。
チャットボットの入力をさまざまなユーザーと区別できるほど、会話はより賢くなります。
開始する前に、これらの重要な会話デザインのヒントを読むことをお勧めします。
「会話のUI原則 - ウェブサイトチャットボットを設計するための完全なプロセス」で、UXエージェンシーTherectanglesの創設者であるLeszek Zawadskiは、最高の会話型UI原則とそれらを実践する方法を詳述しています。広範なユーザー調査と実装の重要性
ロボットは新しく、ロボットは新鮮で、狂った注目を集め始めたばかりです。
AIとロボットがまだ初期段階にあることを考えると、さまざまなプラットフォームの生データが毎月のアクティブユーザーと参加率に関する詳細なレポートを提供しますが、市場全体の統計を見つけることは困難かもしれません。インスピレーションを得るためのチャットボットストアやカタログがいくつかあります。話し合うことができるチャットボットを備えた何千ものビジネスとブランドがあります。
ロボットを作り始める前に、ユーザーが自分で話すことでユーザーがどのように相互作用するかを研究することをお勧めします。
ロボットモデルとプロセス設計
デフォルトでは、チャットボットは、空白のHTMLおよびCSSベースのフォームに基づいて構築されたWebサイトやアプリケーションではなく、チャットウィンドウ用に構築および最適化する必要があります。
したがって、デザイナーが実際に実装する前にロボットのプロトタイピングとモデリングツールを使用してアイデアをテストすることは、デザイナーが自分のアイデアをテストすることは良い考えかもしれません。
これらのツールのいくつかは、Botsociety.io、BotFrame、およびWalkieであり、実際にボットを展開する前に、デザイナーが会話のユーザープロセスを簡単に作成およびテストすることができます。
さまざまな方法でユーザーエクスペリエンスを分析します
Webサイトとモバイルアプリケーションの場合、平均セッション期間、直感率、クリックスルーレート、何が機能し、何が機能しないかを判断するなどの参加メトリックを検討することに慣れている場合があります。
ロボットの場合、ロボットが受信したメッセージの数、会話の数、チャット期間、チャットスコア、会話のファンネル、意図分析、センチメント分析、ユーザーライフサイクル、その他の要因を考慮する必要があります。
各ボットセッションの有効性と関連性が重要になります。
Watsonやwit.aiなどのフレームワークを使用してボットを構築し、サードパーティのエンドユーザープラットフォーム(メッセージングプラットフォーム)に展開する場合、DashbotやBotanalyticsなどのロボット分析ツールは、密集したエンゲージメントのためのものです。保持率の報告は非常に便利です。
一方、Bottrなどのエンドツーエンドのソリューションを使用することには、確かに利点があります。それは、人々があなたのボットとどのように対話するかをあなたに伝えるために、詳細な洞察と通知を提供します。
botunt line
ロボット革命が到来し、それがどこまで進むかを知ることができるのは時間だけです。チャットボットコミュニティ、会議、ディスカッション、およびオープンソースネットワークが増えており、多くの開発者が毎日このランクに参加しています。
すべてのロボットフレームワークには、IBMのワトソン開発者クラウドなど、独自のディスカッションコミュニティが付属しています。多くの会議は、人工知能とロボットをより深く探索しています。 2017年の完全なリストはこちらをご覧ください。
ボットネス、UXDesign、Slack開発者の集まり、オープンチャットボットなどのコミュニティは、開発者、デザイナー、愛好家が集まってAIやロボットに関するアイデアを共有するのに最適です。
開始する他のリソース
BootCubeは、GitHubでロボットポッドキャスト、プロトタイピングツール、プラットフォーム、SDKなどの包括的なリストを提供します。
このチュートリアルからインスピレーションを得て、node.jsでシンプルなTwitterボットを作成します。Adrian Zumbrunnenが自動化されたチャットを彼のウェブサイトに統合することにより、どのように異なる方向に進むかを学びます。
他の開発者からインスピレーションを得るには、Joyce Echesssaが映画のクエリに応じてNodeとHerokuでFacebookボットを構築する方法と、Android AdvanceがPythonとWatson Frameworksを使用して履歴書ボットをどのように作成するかを読む必要があります。
この記事を読んだ後、Web開発者とデザイナーがロボットを構築し、AI革命の一部になる方法をよりよく理解することができます。
それで、演技を始め、袖を巻き上げて、今すぐロボットの作成を開始してください!
チャットボットについてもっと知りたいですか?次のリンクを確認してください:
- コース:MSボットでSkypeロボットを作成します
- 記事:上記のコースをお読みください
- 記事:ノードとheroku を使用したFacebookチャットボットを構築します
- 記事:電子とマイクロソフトのボットフレームワークでSkypeロボットを作る
より多くの本、コース、無料のスクリーン録音については、SitePoint Premiumをご覧ください。
チャットボットとWeb開発に関するよくある質問
チャットボットUIの成功の重要な要素は何ですか?
チャットボットユーザーインターフェイス(UI)の成功は、直感的でユーザーフレンドリーで魅力的でなければなりません。ユーザーがチャットボットを簡単に閲覧してやり取りできるようにする明確で簡潔なデザインが必要です。また、チャットボットは、迅速かつ正確な応答を提供し、複雑な会話を処理できるようにする必要があります。パーソナライズは、チャットボットが各ユーザーによりテーラードエクスペリエンスを提供できるため、もう1つの重要な要素です。
チャットボットは、Webサイトのユーザーエクスペリエンスをどのように強化しますか?
チャットボットは、インスタントカスタマーサポートを提供し、FAQに応答し、ユーザーをウェブサイトを介してガイドし、購入や予約を支援することで、ウェブサイトのユーザーエクスペリエンスを大幅に向上させることができます。また、ユーザーの動作と好みに基づいてパーソナライズされた推奨事項を提供することもできます。これにより、ユーザーのエンゲージメントと変換率が向上できます。
ビジネスにチャットボットを使用することの利点は何ですか?
チャットボットは、企業に多くの利点をもたらす可能性があります。彼らは24時間年中無休で顧客の相談を処理し、手動の顧客サービス担当者の必要性を減らすことができます。また、繰り返しタスクを自動化することができ、従業員がより複雑なタスクに集中するための時間を解放することもできます。さらに、チャットボットは、製品やサービスを改善するために使用できる顧客の行動と好みに関する貴重な洞察を提供できます。
私のウェブサイトのチャットボットを構築する方法は?
Hubspot用のChatbot BuilderやLandbot.ioなど、Webサイト用のチャットボットを構築するのに役立ついくつかのプラットフォームとツールがあります。これらのプラットフォームは、使いやすいインターフェイスと事前に構築されたテンプレートを提供し、コーディングの知識なしでチャットボットを作成するのに役立ちます。ただし、特定の要件がある場合、またはよりカスタムチャットボットが必要な場合は、Web開発者またはチャットボット開発会社を雇う必要がある場合があります。
チャットボット開発の将来の傾向は何ですか?
チャットボット開発の未来は、人工知能と機械学習の進歩によって推進されると予想されます。これにより、チャットボットが複雑なクエリをより正確に理解し、応答できるようになります。パーソナライズもより複雑になり、チャットボットはユーザーの動作と好みに基づいて、よりカスタマイズされたエクスペリエンスを提供できます。さらに、チャットボットは、仮想現実や拡張現実などの他のテクノロジーとさらに統合されることが期待できます。
チャットボットはどのようにカスタマーサービスを改善しますか?
チャットボットは、顧客相談に即座に対応することにより、顧客サービスを大幅に改善し、それにより待ち時間を短縮できます。また、複数の相談を同時に処理することができ、クライアントが待つ必要がないようにします。さらに、チャットボットは、以前のやり取りに基づいてパーソナライズされた顧客サービスを提供し、それにより顧客満足度とロイヤルティを改善できます。
チャットボットは、人間のカスタマーサービスの代表者に取って代わることができますか?
チャットボットは多くのカスタマーサービスタスクを自動化できますが、人間の顧客サービスの代表者を完全に置き換えることはできません。チャットボットは、シンプルで反復的なタスクの取り扱いに非常に優れていますが、共感と感情的理解を必要とする複雑なクエリや状況を処理するのに苦労しています。したがって、チャットボットと人間の代表者の組み合わせは、最も効果的な顧客サービスを提供できます。
チャットボットをより魅力的にする方法は?
チャットボットをより魅力的にするために、会話言語を使用し、ユーモアのセンスを少し追加し、ユーザーの動作と好みに基づいてチャットボットの応答をパーソナライズできます。また、画像やビデオなどのリッチメディアを使用して、会話をよりインタラクティブにすることもできます。さらに、ユーザーのフィードバックと動作に基づいて、常にチャットボットを更新および改善できます。
チャットボットの開発でどのような課題が直面していますか?
チャットボット開発における課題のいくつかには、ユーザーの意図の理解、複雑な会話の処理、正確な応答の提供が含まれます。さまざまな言語や方言を理解し、応答するチャットボットを開発することも困難です。さらに、ユーザーデータのプライバシーとセキュリティを確保することは、チャットボット開発における大きな問題です。
チャットボットの成功を測定する方法は?
チャットボットの成功は、ユーザーエンゲージメント、変換レート、顧客満足度、チャットボットによって正常に完了したタスクの数など、さまざまなメトリックを使用して測定できます。また、ユーザーのフィードバックとコメントを使用して、チャットボットのパフォーマンスを評価することもできます。これらのメトリックの定期的な監視と分析は、改善領域を特定し、チャットボットの成功を確実にするのに役立ちます。
すべての画像形式は.webp
です。
以上がチャットボットとWeb開発の未来の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











このパイロットプログラム、CNCF(クラウドネイティブコンピューティングファンデーション)、アンペアコンピューティング、Equinix Metal、およびActuatedのコラボレーションであるCNCF GithubプロジェクトのARM64 CI/CDが合理化されます。 このイニシアチブは、セキュリティの懸念とパフォーマンスリムに対処します

このチュートリアルは、AWSサービスを使用してサーバーレスイメージ処理パイプラインを構築することをガイドします。 APIゲートウェイ、Lambda関数、S3バケット、およびDynamoDBと対話するECS Fargateクラスターに展開されたnext.jsフロントエンドを作成します。 th

これらのトップ開発者ニュースレターを使用して、最新のハイテクトレンドについてお知らせください! このキュレーションされたリストは、AI愛好家からベテランのバックエンドやフロントエンド開発者まで、すべての人に何かを提供します。 お気に入りを選択し、Relを検索する時間を節約してください
