エンドユーザーがボットとどのように対話することが期待されるかを視覚化することは、成功するボットを構築する上で非常に重要な演習です。これにより、魅力的な会話を設計できるだけでなく、ビジネスユーザー、会話デザイナー、言語エキスパート、ボット開発者の間のコミュニケーションを簡素化することができます。チャットボットの設計には、従来のWebサイトやアプリの開発とは異なる課題が出てきます。フローチャート、トラッキングツール、バージョン管理ソフトウェアなどの設計ツールは、ほとんどがアプリ開発に対応しています。Kore.aiのストーリーボード は、直感的な会話デザイナーであり、ボット開発プロセスを簡素化および効率化します。実際のエンドユーザーとボットの会話を表すようなさまざまなシーンを設計できます。シーンをチームで共有して共同開発することもできます。また、プロトタイプとしてのシーンをビジネスオーナーに提示し、フィードバックを受け取ることもできます。
機能
ストーリーボードの特徴は以下のとおりです。
- シンプルなテキストメッセージ、カルーセル、リストなどを使用して会話を設計することができます。
- パス全体にわたるリンクメッセージを使用して、会話を詳しく説明します。
- さまざまなパスにわたる会話の全体像を統合フローとして可視化します。
- さまざまな会話をリンクすることにより、総合的ユーザーフローを構築します。
- 他のデザイナーとのコラボレーションにより、会話を共同作成します。
- インタラクティブなプロトタイプをステークホルダーと共有し、レビューやフィードバックを受け取ります。
概要
ストーリーボードは複数のシーンから構成されています。各シーンでは、ボットとユーザーの一連のメッセージとして会話が描かれています。ボットメッセージは、“プレーンテキストメッセージ”または“リッチテンプレート”を使用して定義されます。シーンには以下のような特徴があります。
- シーンは、インタラクティブな“会話ビュー”または“フロービュー”のいずれかで見ることができ、追跡と理解が簡単です。
- 1つのシーンに複数のリンクされた“パス”があり、会話のさまざまな代替フローを表現することができます。
- “共同”作業が可能になります。さまざまな関係者と共有し、レビュー、承認、開発を行うことができます。
- 関係者はレビューし、“コメント”を加えることができます。
- 開発者が特定のパスやメッセージを説明するために“メモを追加”する規定があります。
- ストーリーの“タイムライン”は、事前定義のハッシュタグまたはカスタムタグを用いて、会話の重大な状態をマークするのに作成されます。
- フローを“プレビュー”して、リアルタイムの体験などが実現されます。
これらの機能をそれぞれ詳しく見ていきましょう。
ストーリーボード
ストーリーボードは、そのボットで使用できるあらゆるシーン、これらのシーンのステータス、およびこれらのシーンに関連するさまざまなオプションの完璧な概要を提示するプライマリモジュールです。Kore.aiボットビルダープラットフォームの左のメニューの中の会話スキル->ストーリーボードオプションの下のトップメニューの構築タブからアクセスできます。メモ：ここでは、ストーリーボードおよびダイアログタスク自動生成付きストーリーボードに共通する機能について説明します。会話推進型ダイアログビルダーで利用可能なその他の機能については、こちらをご参照ください。 
このページでは、新規シーンを作成することができます。作成するには、次の手順に従います。
- 右上の新規シーンをクリックします。
- 新規シーンダイアログボックスで、シーン名 フィールドに名前を、説明 フィールドに説明をそれぞれ入力します。
- ステータスドロップダウンリストからステータスを選択します。使用可能なステータスは、進行中、完了、承認済みです。また、必要に応じてカスタムステータスを作成することもできます。
- ダイアログタスクを自動生成することができます。詳細はこちらをご覧ください。
- 続行をクリックします。
また、以下のようなアクションも実行できます。
- 既存のシーンをCSV形式でインポートする。
- シーンのステータスに基づいてフィルタリングする。
- シーンを名前で検索する。
- それぞれのシーンでは、以下のような選択肢があります。
- 他のユーザーやチームとシーンを共有する。
- シーンを複製して、コピーを作成する。
- シーンをCSV形式でエクスポートする。
- シーンの名前、説明、ステータスを編集する。
- シーンを削除する。
シーン
“概要”セクションで説明したように、シーンでは、ボットとユーザーの一連のメッセージとして会話が描かれます。
会話ビュー
ストーリーボードにシーンを追加した後、空の会話ビューが表示されるので、そこにユーザーボットのメッセージを入力することができます。
エディターには、会話を設計するための以下の機能があります。
- ユーザータブ：これは、ユーザーが情報を依頼したり、ボットのリクエストに応じて情報を提供したりする際に、可能なメッセージを入力するために使用されます。これらのメッセージは次のように定義されます。
- プレーンテキストメッセージ。たとえば、バンキングボットでは、“送金したい”、または“残高を知りたい”。
- 添付ファイル。たとえば、バンキングボットでは、“KYC要件を満たすための書類をアップロードすること”。
- ボット タブ：ボットメッセージの設計に使用されています。ボットメッセージとは、ボットがユーザーに対して、あいさつ、情報提供、ユーザーからの問い合わせへの回答、入力のリクエストなどとして送信するメッセージのことです。これらのメッセージは次のように定義されます。
- 太字、斜体、インデント、複数行、リスト（順序付き、順序なし）などのテキストをマークするオプション付きのプレーンテキストメッセージ。
- ボタン、リスト、クイック返信など事前定義済みのテンプレートを使用したリッチメッセージ。(サポートされているテンプレートのリストは、以下をご参照ください）。
- メモ：メッセージ間にアクションや会話の一部を説明するテキストを追加するために使用されます。
メモには、“ハッシュタグ”を使用して会話のタイムラインを定義するオプションもあります。このように定義されたメモは、会話中の重要な状態を示すのに役立ちます。それはストーリータイムラインの下の会話の左側に表示されます。タイムライン上のタグをクリックすると、会話中に関連する場所に移動することができます。独自の“カスタムタグ”を定義するか、あるいは“事前定義済みのタグ”を使用することができます。これらの事前定義済みタグはそれぞれ、目的を示す固有のシンボルでタイムラインに表示されています。これらの事前定義済みタグには、以下のものがあります。- #Start_<intent-name>
- #Hold_<intent-name>
- #End_<intent-name>
- #Resume_<intent-name>.
“タグ”オプションにより、既存のタグを使用したり、新しいカスタムタグを作成して、メモを分類することができます。これらのタグは、参照用として色分けされています。
- パス：パスとは、ボットやユーザーが提供するオプションを基にして会話から提供されるさまざまなフローのことです。たとえば、ボットはユーザーから“はい”または“いいえ”のレスポンスを想定しており、パスはユーザーのレスポンスに応じて異なります。ボットメッセージを利用して、テンプレートは許可される代替パスの数を事前定義しています。また、ビジネスロジックでパスの数を決めることもできます。特定のパスに沿ってシーンを続けるには、前のパス（<-）と次のパス（->）を使用してパスを選択するか、あるいはユーザーに与えられたオプションを選択します。また、新規パス（＋）オプションを使用してパスを追加することもできます。
メッセージオプション
ドラッグアンドドロップの簡単なアクションで、メッセージの並び替えができます。メッセージをポイントすると、以下のオプションが表示されます。
- 新規パスの追加
- コメントの追加
- メッセージの削除
- メッセージをリンクする：このオプションを使用して、このシーンの別のメッセージをリンクし、既に設計済みのフローを継続することができます。このオプションを選択すると、フロービューに移行し、そこからメッセージノードを選択することができ、同じノードが現在のノードにリンクされます。メモ：このオプションは、フローが未定義のリーフノードに対してのみ有効です。
- シーンをリンクする：このオプションは、ストーリーボードに事前定義済みのシーンをリンクするために使用できます。このシーンはプレビュー中に呼び出されます。このオプションを選択する際に選択可能なシーンのリストが表示され、同じシーンが現在のノードにリンクされています。また、以下のようなアクションも実行できます。
- シーンの表示：シーンの表示をクリックすると、読み取り専用のウィンドウで開きます。
- リンク解除：リンク解除をクリックすると、シーンのリンクが解除されます。
- 編集：メッセージを編集できます。
コメント
コメントはとても便利なコラボツールです。ストーリーボードでは、ユーザーは、ユーザーメッセージ、ボットメッセージ、およびノートなど、シーンのいずれかのコンポーネントにコメントを追加することができます。また、既存のコメントに返信することで、コメントスレッドを維持できます。コメントにアクセスするには、対応するメッセージ/メモの横にある[コメント]アイコンを使用します。完全なコメント履歴は、シーンレベルの[コメント]アイコンを使用してアクセスできます。
シーンオプション
シーンページでは、以下のアクションを実行できます。
- プレビュー: これは、Webサイトでの会話の流れを確認するために使用します。「チャット」ウィンドウを備えた模擬Webサイトが開きます。プレビューでは、再生/一時停止、再起動、カスタマイズ、および終了などを実行することができます。(カスタマイズオプションはこちらをご参照ください）
- 共有：このオプションでは、他のユーザーと共有できるURLが提供されます。このURLはシーンのプレビューを提示するもので、さまざまな関係者にその様子を伝え、フィードバックを受け取ることができます。シーンプレビューのURLをパスワードで保護できます。
共有リンクでは、ビューアーがコメントを追加することができ、そのコメントは開発者に伝えられ、さらなるアクションが実行できます。
- その他アイコンをクリックすると、以下のアクションができます。これらのアクションのほとんどは、ストーリーボードページでも利用できます。
- 編集：シーンの名前、説明、ステータスを編集する。
- 複製：シーンを複製して、コピーを作成する。
- エクスポート：シーンをCSV形式でエクスポートする。
- インポート：既存のシーンをCSV形式でインポートする。インポートシーンに、現在のボットに存在しないシーンがリンクされていると、インポートは失敗します。
- 削除：シーンを削除する。リンクされたすべてのシーンを削除する前にリンクを解除します。
- バージョン履歴
- シーンに最近加えられた20件の変更リスト。
- バージョンは、以下の変更が行われるたびに自動的に作成されます。
- メッセージが追加されました
- メッセージが編集されました（テンプレート編集を含む）
- メッセージが削除されました
- メッセージが並べ替えられました
- シーンが復元されました
- メモが追加されました
- メモが修正されました
- メモが削除されました
- メッセージのリンクされました
- シーンにリンクされました
- それらのバージョンのいずれかに復元するためのオプション。
- また、特定のバージョンをCSV形式でダウンロードすることもできます。
プレビューのカスタマイズ
シーンプレビューからのカスタマイズオプションでは、ウィジェットビューで会話を表示することができます。デフォルトでは、プラットフォームは2つのテーマを提供しています。
- ライト
- ダーク
これらのテーマは、ウィジェットとテキストに従って、ライトまたはダークの背景を設定します。独自のテーマを作成し、保存し、さらにストーリーボードのシーン全体でそれを使用することができます。会話ウィジェットには、カスタマイズできる4つの側面があります。
- 背景画像
- チャットウィジェット全体
- ユーザーメッセージの吹き出し – テキストと背景色。
- ボットメッセージの吹き出し – さまざまなコンポーネントのテキストと背景色。
背景画像
会話ウィジェットがプレビューされている模擬Webサイトにおいて表示される背景画像は、カスタマイズすることができます。画像の位置を示す有効なURLを提供する必要があります。 
チャット ウィジェット
このオプションでは、チャットウィジェット全体をカスタマイズできます。これには以下が含まれます。
- ウィジェットの背景色
- ウィジェットのテキスト色
- ウィジェットのボーダー色
- ウィジェットの仕切り色
ユーザーメッセージ
このオプションは、ユーザーメッセージの吹き出しとテキストの色をカスタマイズするために使用します。 
ボットメッセージ
このオプションは、ボットメッセージの吹き出しとテキストの色をカスタマイズするために使用します。また、ボタンのテンプレートメッセージが使用されている場合は、それをカスタマイズすることもできます。 
ボットメッセージのテンプレート
| テンプレートのタイプ | テンプレートの定義 | コメント |
| カルーセル |
各カルーセルについて：
|
|
| ボタン |
|
|
| リスト |
各リストアイテムについて：
|
|
| クイック返信 |
|
|
| 添付ファイル |
|
|
| 画像 |
|
フロービュー
設計した後、フロービューに切り替えると、シーンをフローチャートで見ることができます。
前セクションで説明したシーンオプションは、次を例外として、すべて使用可能です。
- フローからシーンをインポートすることはできません。
- 結果をPDFドキュメントにエクスポートします。