View a markdown version of this page

UI ビルダーで Connect アシスタントを使用する - Amazon Connect Customer

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

UI ビルダーで Connect アシスタントを使用する

Connect アシスタントは UI ビルダーに統合されているため、自然言語を使用してビューリソースを作成および変更できます。コンポーネントを手動でドラッグしたり、プロパティを設定したり、複雑なパネル設定をナビゲートしたりする代わりに、会話プロンプトで必要なものを記述できます。Connect Assistant は対応する UI コンポーネントをキャンバスに生成します。

例えば、「評価、コメント、問い合わせ設定のフィールドを含む顧客フィードバックフォームを作成する」と入力すると、Connect アシスタントがビューを構築し、公開前に検査して絞り込むことができます。

Connect アシスタントは、次の機能をサポートしています。

  • 説明からビューを作成する — 自然言語で完全なビューを記述すると、Connect アシスタントは必要なすべてのコンポーネントを生成します。

  • 既存のビューの変更 — 「注文ステータスのドロップダウンを追加する」や「コメントフィールドを必須にする」など、会話を通じてビューへの変更をリクエストします。

  • コンポーネントプロパティの設定 — カスタマイズパネルをナビゲートせずに、プロパティ、検証、動的フィールド、スタイルを設定します。

  • 条件付きロジックを適用する — 「Other がドロップダウンで選択されている場合にのみ Other テキストフィールドを表示する」など、自然言語で条件を記述します。

  • レコメンデーションの取得 — 利用可能なコンポーネント、ベストプラクティス、ビューの改善方法に関するレコメンデーションについては、Connect アシスタントにお問い合わせください。

前提条件

UI ビルダーで Connect アシスタントを使用する前に、以下を確認してください。

  • Connect Customer を使用しており、Connect Customer 管理ワークスペースにアクセスできます。

  • セキュリティプロファイルには、チャネルとフロー - アクセス許可が表示されます。

  • セキュリティプロファイルには、AI エージェントデザイナー – AI エージェントアクセス許可が含まれます。

  • Connect Customer インスタンスでは、Connect Assistant 機能がインスタンスレベルで有効になっています。

Connect アシスタントにアクセスする

  1. https://instance name.my.connect.aws/ で Connect Customer admin ワークスペースにログインします。管理者アカウント、またはチャネルとフローを持つアカウントを使用する - セキュリティプロファイルで &AI エージェントデザイナー - AI エージェントアクセス許可を表示します

  2. ナビゲーションペインで、UI 管理ナビゲーションメニュー内のビューを選択します。

  3. UI ビルダーで新しいビューを作成するか、既存のビューを開きます。

  4. 既存のビューを開く場合は、ツールバーの Connect Assistant ボタンを見つけます。チャットパネルを展開するには、これを選択します。UI Builder キャンバスの 側でチャットパネルが開きます。パネルはいつでも折りたたんだり展開したりできます。

  5. チャット入力フィールドにリクエストを入力し、Enter キーを押して Connect アシスタントにメッセージを送信します。

Connect Assistant を使用してビューを作成する

次の手順では、自然言語の説明から新しいビューを作成する方法について説明します。

  1. 空のキャンバス (またはコンポーネントを追加する既存のビュー) で UI ビルダーを開きます。

  2. チャットパネルで、作成するビューを記述します。例:「顧客名、注文番号、返品理由ドロップダウン、メモセクションを含む注文返品フォームを作成する」

  3. Connect アシスタントはリクエストを処理し、ビューコンポーネントを準備します。ビューの準備が完了すると、Connect アシスタントは作成したコンポーネントの説明を応答し、生成されたコンポーネントを UI ビルダーキャンバスに適用します。

  4. キャンバスのコンポーネントを確認します。会話を続行してビューを絞り込んだり、標準の UI ビルダーツールを使用してコンポーネントを手動で調整したりできます。

レイアウト設定を指定する

リクエストにレイアウト要件を含めることができます。例えば、次のようになります。

  • 「左側の顧客情報と右側の注文詳細を含む 2 列のフォームを作成します。」

  • 「顧客名とアカウント番号を含む属性バーを上部に追加し、その下にフォームを追加します。」

特定のコンポーネントタイプをリクエストする

名前または関数で特定の UI コンポーネントを尋ねます。例えば、次のようになります。

  • 「予約日の日付ピッカーを追加します。」

  • 「ニュースレターサブスクリプションのトグルを含める」

  • 「フォームの下部に送信ボタンを追加します。」

Connect Assistant は、Connect Customer UI コンポーネントライブラリのコンポーネントを使用します。リクエストされたコンポーネントが利用できない場合は、Connect アシスタントが制限について説明し、代替案を提案します。

既存のビューを変更する

自然言語を使用して、キャンバス上のビューへの変更をリクエストできます。

  1. UI ビルダーでビューを開き、チャットパネルを展開して、必要な変更を記述します。例えば、「Make the comments field required」または「Change the submit button color to green with white text」です。

  2. Connect アシスタントはリクエストを処理し、更新されたコンポーネントをキャンバスに直接表示します。

  3. Connect アシスタントは、参照するコンポーネントまたは変更するプロパティを明確にする必要がある場合、変更を行う前にフォローアップの質問をします。

変更を元に戻して元に戻す

Connect Assistant による最近の変更を元に戻すには、次のようなリクエストを入力します。

  • 「最後の変更を元に戻します」

  • 「先ほど追加したドロップダウンを削除します。」

Connect アシスタントによって生成された以前のビューに戻すには、セッションで確認メッセージを見つけ、元に戻すボタンをクリックします。すべての変更は、その時点まで上書きされます。

動的フィールドの設定

Connect Assistant を使用して、実行時に問い合わせ属性やその他のソースのデータを入力するフィールドを設定できます。

  1. チャットパネルで、動的な動作を記述します。例:「問い合わせ属性から顧客の名前を示す読み取り専用フィールドを追加する」

  2. Connect アシスタントは、コンポーネントの プロパティを動的に設定し、サンプルリファレンス ($.CustomerName_Sample など) を追加し、関連する入力のサンプルデータを作成することで、コンポーネントを設定します。

  3. カスタマイズパネルの設定を確認して、フローの動的フィールド参照が正しいことを確認します。

  4. データをビューに渡し、出力データを使用するには、フローで ShowView ブロックを個別に設定します。

Connect Assistant を使用して条件付き UIs を作成する

UI 条件タブで条件を手動で設定する代わりに、条件ロジックを自然言語で記述できます。

  1. チャットパネルで、条件を記述します。例:「理由ドロップダウンで Other が選択されている場合にのみ Other text フィールドを表示します。」

  2. Connect アシスタントは、トリガーコンポーネント、評価基準、結果として生じる可視性またはプロパティの変更など、ターゲットコンポーネントに適切な UI 条件を作成します。

  3. 条件が適用されるコンポーネントは、キャンバス上の破線で概説され、手動で作成された条件と一致します。

UI 条件の詳細については、「」を参照してくださいビューを使用して条件付き UIs を構築する

レコメンデーションと説明を取得する

Connect アシスタントは、ビューの構築中にガイダンスを提供できます。

  • 使用可能なコンポーネントについて質問します。「使用可能な入力フィールドのタイプは何ですか?」

  • レコメンデーションのリクエスト:「顧客苦情フォームにはどのような追加フィールドをお勧めしますか?」

  • 設定ヘルプを取得する:「このフィールドを動的に入力するにはどうすればよいですか?」

  • ビューを検証します。「このフォームにすべての必須フィールドが正しく設定されているかどうかを確認します。」

Connect アシスタントは、Connect Customer UI コンポーネントライブラリに基づいて説明、コンポーネントオプション、ベストプラクティスで応答します。

会話の管理

Connect アシスタントはセッション内で会話履歴を保持するため、以前のリクエストや変更を参照できます。

  • セッションの継続性 — ビューで作業している間、会話履歴は維持されます。フォローアップメッセージで以前のリクエストを参照できます。

  • 会話を再開する — ビューに戻ると、変更に関する以前の会話を続行できます。

  • 会話コンテキスト — Connect アシスタントはメッセージ間でコンテキストを保持するため、段階的に構築できます。たとえば、あるメッセージでフォームを作成し、次に検証ルールを追加できます。

ベストプラクティス

  • 説明には具体的に記述してください。より正確な結果を得るには、コンポーネント名、フィールドラベル、レイアウト設定を含めます。

  • 小さなステップで反復します。基本レイアウトから始めて、複雑なビュー全体を 1 つのプロンプトで記述するのではなく、フォローアップメッセージで絞り込みます。

  • 公開する前に「」を確認してください。エージェントまたは顧客用に公開する前に、キャンバスで生成されたコンポーネントを必ず確認し、ビューをテストしてください。

  • Connect Assistant が生成した以前のビルドに戻る場合は、元に戻すボタンを使用します。

  • 説明には Connect アシスタントを使用します。コンポーネントまたは設定が不明な場合は、手動で変更を行う前に Connect アシスタントにお問い合わせください。

  • 手動ワークフローと Connect アシスタントワークフローを組み合わせます。Connect Assistant を使用してベースレイアウトを生成し、標準の UI ビルダーのdrag-and-dropパネルとプロパティパネルを使用して微調整できます。

制限事項

  • Connect Assistant は、Connect Customer UI コンポーネントライブラリで使用できるコンポーネントを生成します。このライブラリの外部にカスタムコンポーネントを作成することはできません。

  • マルチステップガイドワークフロー (複数のステップにまたがるビュー) では、各ビューを個別に作成する必要があります。同じセッションを使用して以前の会話を参照することで、ビュー間でコンテキストを維持できます。

  • Connect アシスタントは、既存のフロー設定にまだアクセスできません。動的フィールド参照では、特定のフロー設定に合わせて手動検証が必要になる場合があります。