Facebookが2016年にロボット開発者向けに年次F8会議を開始して以来、Microsoftはチャットボットを取り巻く誇大広告、興奮、憶測で密接に続きました。 Microsoft CEOのSatya Nadellaは、チャットボットが「人々がコンピューティングを経験する方法を根本的に変える」と述べ、コンテンツとサービスの作成と消費の方法を変えると述べています。
メッセンジャーネットワークだけでも、現在100,000を超えるロボットと開発者がいます。 10,000を超える企業がすでに独自のボットを使用または開発しており、2020年までに80％が顧客とやり取りするためのチャットボットを持ちたいと考えています。
この記事では、チャットボットが何であるか、彼らの人気が突然急上昇する理由、Webの閲覧方法と対話方法、Web開発者とデザイナーがこのパラダイムの変化に集中する必要がある理由、そして何ができるかを検討します。特にトレンドに追いつくため。
キーポイント
チャットボットとは何ですか？
以下は、「チャットボット」検索に対する人々の関心の指数関数的な成長を示すGoogleトレンドチャートです。
チャットボットは、ドロップダウンメニューボタンをクリックし、検索関数の選択、ウェブサイトページで冗長に移動するインテリジェントで自動化された会話のアイデンティティです。それらは、スムーズな会話形式で即座に特定の結果を提供します。
ロボットはネットワークの相互作用をどのように変更しますか？
現在のWebインタラクションには、通常、Googleの広範な検索、多数の検索結果の獲得、必要なものが見つかるまで1つずつ閲覧し、最終的に何らかのアクションを実行することが含まれます。
一方、ロボットを使用して、ブラウジングとナビゲーションの要素が簡単な質問と回答の会話に置き換えられます。オンラインインタラクションがどのように変化するかをよりよく理解するために、eコマースのWebサイトを例に取りましょう。あなたの究極の目標：あなたは会議のために美しい青いシャツを買いたいが、30ドル以上を費やしたくない。
通常、eコマースのウェブサイトにアクセスするかもしれません（clothes.comで満たされていると仮定して）：上部のカテゴリの上にホバリングし、男性/女性のシャツを選択してから、別のログインページに向けられます……これ途中ではありません。
製品リストページで、予算と色の好みに合わせてフィルターを設定するか、このステップをスキップしてすぐにシャツを閲覧し始めます。
ここでは、すべてのオプションを閲覧し、好きなオプションを見つけるには時間と忍耐が必要です。サイズチャートを確認します。多分、購入することにしたかもしれません。その後、チェックアウトと支払いは、最終的に注文を完了するまで一連のアクションをガイドします。
ブラウジングとナビゲーションを会話に置き換えます
以下は、衣服ボットとの対話のシミュレーションです。
ユーザーとして、このボットと話をして、Facebookチャットから直接製品を見つけることができます。
開発者とデザイナーがロボティクス革命にどのように参加できるかを詳細に説明する前に、最初にこの問題を最初に気にするべき理由と、開発と設計の観点からどのような変化が起こるかを紹介します。
なぜ開発者とデザイナーがロボットの時代に注意を払う必要があるのですか？
12億人が毎日Facebookメッセンジャーを使用し、同じウィンドウにロボットを導入して、アプリが最初に登場したときよりも大きな範囲で、企業が顧客とのやり取り、市場、販売を支援します。
アプリをダウンロードする代わりに、ユーザーはFacebook、Kik、Telegram、または他のスタンドアロンチャットベースのプラットフォームなどの要約アプリを使用できます。
Kikは、ユーザーベースが検索して話し合うためのさまざまなロボットを備えたロボットストアをホストしています。 Slackは、生産性を高め、タスクをより速くするために、すべてのコーポレートアカウントにロボットの優れたリストを提供します。このリストは続きます。
基本的に、平均的なWebユーザーは、ネイティブメッセージングアプリまたはWebからブランド/会社/サービスを検索し、メッセンジャーの友人と同じようにボットとチャットを開始します。
テクノロジー分野での早期採用採用者は、ロボット革命をサポートしています。これが開発者とデザイナーにとって何を意味するかを考慮する価値があります。今後数年間でネットワークはどのように見えますか？ロボットはどのようにそれを形作りますか？
インスタントメッセージングプラットフォームの普及。歴史上初めて、4つのインスタントメッセージングアプリの毎月のアクティブユーザー（MAUS）の数は、4つのソーシャルネットワーキングプラットフォームの数を超えています。
ユーザーは、明らかにインスタントインタラクティブインターフェイスを好みます。顧客をターゲットにしたい企業向けのチャットベースのプラットフォームでアクティブになることは理にかなっています。顧客にあるログインページから別のログインページにジャンプするように依頼する代わりに、すべての基本機能をチャット環境に統合します。
以下は、プラットフォームとしての会話がエンドユーザーインターフェイスのさまざまな要素をどのように変更するかの概要です。
デザインの意味2017 Webアプリケーション
2020年のWebアプリケーション
webページ
robot url
2017 Webアプリケーション
2020年のWebアプリケーション
たとえば、
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つのインターフェイスでボットを作成し、ボットをトレーニングしてよりスマートに（会話を通じて）、既存のソーシャルネットワークに展開し、ボット会話の分析結果を取得できるエンドツーエンドソリューションとチャットボット作成ツール。
インテリジェントNLPチャットボットの設計では、トークン化、エンティティ認識、正規化、音声タグ付け、依存関係分析、意図、およびセンチメント分析を理解して実装する必要があります。
ロボット開発者として、ニューラルネットワーク、情報検索モデル、機械学習アルゴリズムの種類、シーケンスからシーケンスアーキテクチャ、サブモーダル、知覚された場所、アンカー、メタモデルの概念を理解する必要があります。
会話型UI
ロボットをフレンドリーで魅力的でインテリジェントにする（硬く、理解するのが難しい、またはイライラするのではなく）開発者にとって本当の課題です。
ロボット開発者として、非線形の対人的相互作用の背後にある意図と感情を分類することを学ぶ必要があります。 CUIでユーザー入力を確認し、それを分類することは標準のGUIよりも複雑であり、分類器は間違いなく優先事項です。
チャットボットの入力をさまざまなユーザーと区別できるほど、会話はより賢くなります。
開始する前に、これらの重要な会話デザインのヒントを読むことをお勧めします。
「会話のUI原則 - ウェブサイトチャットボットを設計するための完全なプロセス」で、UXエージェンシーTherectanglesの創設者であるLeszek Zawadskiは、最高の会話型UI原則とそれらを実践する方法を詳述しています。広範なユーザー調査と実装の重要性
ロボットは新しく、ロボットは新鮮で、狂った注目を集め始めたばかりです。
ロボットを作り始める前に、ユーザーが自分で話すことでユーザーがどのように相互作用するかを研究することをお勧めします。
ロボットモデルとプロセス設計
デフォルトでは、チャットボットは、空白のHTMLおよびCSSベースのフォームに基づいて構築されたWebサイトやアプリケーションではなく、チャットウィンドウ用に構築および最適化する必要があります。
これらのツールのいくつかは、Botsociety.io、BotFrame、およびWalkieであり、実際にボットを展開する前に、デザイナーが会話のユーザープロセスを簡単に作成およびテストすることができます。
さまざまな方法でユーザーエクスペリエンスを分析します
ロボットの場合、ロボットが受信したメッセージの数、会話の数、チャット期間、チャットスコア、会話のファンネル、意図分析、センチメント分析、ユーザーライフサイクル、その他の要因を考慮する必要があります。
各ボットセッションの有効性と関連性が重要になります。
Watsonやwit.aiなどのフレームワークを使用してボットを構築し、サードパーティのエンドユーザープラットフォーム（メッセージングプラットフォーム）に展開する場合、DashbotやBotanalyticsなどのロボット分析ツールは、密集したエンゲージメントのためのものです。保持率の報告は非常に便利です。
一方、Bottrなどのエンドツーエンドのソリューションを使用することには、確かに利点があります。それは、人々があなたのボットとどのように対話するかをあなたに伝えるために、詳細な洞察と通知を提供します。
botunt line
多くの会議は、人工知能とロボットをより深く探索しています。 2017年の完全なリストはこちらをご覧ください。
ボットネス、UXDesign、Slack開発者の集まり、オープンチャットボットなどのコミュニティは、開発者、デザイナー、愛好家が集まってAIやロボットに関するアイデアを共有するのに最適です。
開始する他のリソース
BootCubeは、GitHubでロボットポッドキャスト、プロトタイピングツール、プラットフォーム、SDKなどの包括的なリストを提供します。
このチュートリアルからインスピレーションを得て、node.jsでシンプルなTwitterボットを作成します。他の開発者からインスピレーションを得るには、Joyce Echesssaが映画のクエリに応じてNodeとHerokuでFacebookボットを構築する方法と、Android AdvanceがPythonとWatson Frameworksを使用して履歴書ボットをどのように作成するかを読む必要があります。
この記事を読んだ後、Web開発者とデザイナーがロボットを構築し、AI革命の一部になる方法をよりよく理解することができます。
それで、演技を始め、袖を巻き上げて、今すぐロボットの作成を開始してください！
チャットボットについてもっと知りたいですか？次のリンクを確認してください：
より多くの本、コース、無料のスクリーン録音については、SitePoint Premiumをご覧ください。
チャットボットユーザーインターフェイス（UI）の成功は、直感的でユーザーフレンドリーで魅力的でなければなりません。ユーザーがチャットボットを簡単に閲覧してやり取りできるようにする明確で簡潔なデザインが必要です。また、チャットボットは、迅速かつ正確な応答を提供し、複雑な会話を処理できるようにする必要があります。パーソナライズは、チャットボットが各ユーザーによりテーラードエクスペリエンスを提供できるため、もう1つの重要な要素です。
チャットボットは、インスタントカスタマーサポートを提供し、FAQに応答し、ユーザーをウェブサイトを介してガイドし、購入や予約を支援することで、ウェブサイトのユーザーエクスペリエンスを大幅に向上させることができます。また、ユーザーの動作と好みに基づいてパーソナライズされた推奨事項を提供することもできます。これにより、ユーザーのエンゲージメントと変換率が向上できます。
チャットボットは、企業に多くの利点をもたらす可能性があります。彼らは24時間年中無休で顧客の相談を処理し、手動の顧客サービス担当者の必要性を減らすことができます。また、繰り返しタスクを自動化することができ、従業員がより複雑なタスクに集中するための時間を解放することもできます。さらに、チャットボットは、製品やサービスを改善するために使用できる顧客の行動と好みに関する貴重な洞察を提供できます。
Hubspot用のChatbot BuilderやLandbot.ioなど、Webサイト用のチャットボットを構築するのに役立ついくつかのプラットフォームとツールがあります。これらのプラットフォームは、使いやすいインターフェイスと事前に構築されたテンプレートを提供し、コーディングの知識なしでチャットボットを作成するのに役立ちます。ただし、特定の要件がある場合、またはよりカスタムチャットボットが必要な場合は、Web開発者またはチャットボット開発会社を雇う必要がある場合があります。
チャットボット開発の未来は、人工知能と機械学習の進歩によって推進されると予想されます。これにより、チャットボットが複雑なクエリをより正確に理解し、応答できるようになります。パーソナライズもより複雑になり、チャットボットはユーザーの動作と好みに基づいて、よりカスタマイズされたエクスペリエンスを提供できます。さらに、チャットボットは、仮想現実や拡張現実などの他のテクノロジーとさらに統合されることが期待できます。
チャットボットは、顧客相談に即座に対応することにより、顧客サービスを大幅に改善し、それにより待ち時間を短縮できます。また、複数の相談を同時に処理することができ、クライアントが待つ必要がないようにします。さらに、チャットボットは、以前のやり取りに基づいてパーソナライズされた顧客サービスを提供し、それにより顧客満足度とロイヤルティを改善できます。
チャットボットは多くのカスタマーサービスタスクを自動化できますが、人間の顧客サービスの代表者を完全に置き換えることはできません。チャットボットは、シンプルで反復的なタスクの取り扱いに非常に優れていますが、共感と感情的理解を必要とする複雑なクエリや状況を処理するのに苦労しています。したがって、チャットボットと人間の代表者の組み合わせは、最も効果的な顧客サービスを提供できます。
チャットボットをより魅力的にするために、会話言語を使用し、ユーモアのセンスを少し追加し、ユーザーの動作と好みに基づいてチャットボットの応答をパーソナライズできます。また、画像やビデオなどのリッチメディアを使用して、会話をよりインタラクティブにすることもできます。さらに、ユーザーのフィードバックと動作に基づいて、常にチャットボットを更新および改善できます。
チャットボット開発における課題のいくつかには、ユーザーの意図の理解、複雑な会話の処理、正確な応答の提供が含まれます。さまざまな言語や方言を理解し、応答するチャットボットを開発することも困難です。さらに、ユーザーデータのプライバシーとセキュリティを確保することは、チャットボット開発における大きな問題です。
チャットボットの成功は、ユーザーエンゲージメント、変換レート、顧客満足度、チャットボットによって正常に完了したタスクの数など、さまざまなメトリックを使用して測定できます。また、ユーザーのフィードバックとコメントを使用して、チャットボットのパフォーマンスを評価することもできます。これらのメトリックの定期的な監視と分析は、改善領域を特定し、チャットボットの成功を確実にするのに役立ちます。
すべての画像形式は.webpです。
以上がチャットボットとWeb開発の未来の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
