パターンを読み込んでいます…
UI/UXと人間とAIのインタラクション
エージェント型AIシステムのための、ユーザーインターフェース、エクスペリエンス、人間とAIの協働に関する包括的なパターン
30秒でわかる概要
- 概要
- エージェントの自律性、不確実性、意思決定の境界をチャットの裏に隠すのではなく、ユーザーに見えるようにするインターフェースとワークフローを設計する。
- 使いどころ
- 人による監督が必要な自律エージェントを構築する場合、対話型 AI を単純なチャットの先へ進める場合、マルチエージェント間の引き継ぎを調整する場合、あるいは重要度の高い環境に導入する場合。
- 注意点
- エージェントの推論と行動をチャットのインターフェースの裏に隠すと、ミスが起きたときに信頼が損なわれ、ユーザーは効果的に介入できなくなる。
これらのパターンについてAIエキスパートに聞く
質問が入力済みの状態でアシスタントが開きます。送信前に内容を確認できます。
概要
これらのパターンは、Human-in-the-LoopやHuman-on-the-Loopによる制御から、段階的開示、確信度の可視化、混合主導のワークフローに至るまで、ユーザーインターフェース設計と人間とAIの協働を扱います。優れたエージェントのインターフェースは、会話型の画面だけで十分だと見なすのではなく、自律性の境界、不確実性、引き継ぎ、データの利用、リカバリー操作を可視化します。
実践的な応用とユースケース
Human-in-the-Loopによる協働:AIが日常的な分析を担い、不確実なケースを人間のレビュー用にフラグ付けする医療診断システム。医師の説明責任を維持しつつ、効率を高めます。
Human-on-the-Loopによる監視:リアルタイムのダッシュボードを備えた自律型取引システムで、市場のボラティリティや異常な状況において人間による監督と介入を可能にします。
会話型エージェントのインターフェース:従来のチャットボットを超え、マルチモーダルな統合と文脈を踏まえたモダリティ選択を備えた、エージェント主導の能動的なインタラクションを実現する高度な会話設計。
マルチエージェント連携のUX:複数の専門化されたAIエージェントをオーケストレーションするためのユーザーインターフェース。透明性のある引き継ぎ、協働ダッシュボード、エージェント間の遷移でのシームレスな文脈保持を備えます。
信頼と透明性のシステム:意思決定の可視化、出典の明示、確信度インジケーター、推論プロセスの段階的開示を備えた、重大な影響を伴うアプリケーション向けの説明可能なAIインターフェース。
適応的なインターフェースのパーソナライズ:ユーザーの文脈、行動パターン、嗜好に基づくUIの動的な適応。リアルタイムのパーソナライズエンジンと文脈を踏まえたインターフェース調整を活用します。
ミッションコントロール型の監視:介入機能、例外ベースのアラート、パフォーマンス監視、高度な制御メカニズムを備えた、企業のエージェントネットワーク向けのリアルタイムなエージェント監督インターフェース。
エラーからの回復と障害の伝達:段階的開示、実行可能な回復提案、障害シナリオにおける文脈保持を備えた、優雅なエラー処理のパターン。
エージェントのオンボーディングと教育:エージェントの機能を紹介し、適切なメンタルモデルを構築し、透明性と機能のデモンストレーションを通じて信頼を育むためのユーザー教育のパターン。
クロスプラットフォームのエージェント体験:デスクトップ、モバイル、Web、新興プラットフォームにわたる一貫したエージェントとのインタラクション。シームレスな同期とデバイスに最適化された適応を備えます。
プライバシーとセキュリティのUX:きめ細かなデータ制御、透明性のあるセキュリティ対策、エージェントシステムにおける個人情報に対するユーザーの主体性を備えた、プライバシーを最優先とする設計パターン。
エージェント設計におけるアクセシビリティ:多様な能力、支援技術、認知面のアクセシビリティ要件に対応する、インクルーシブなエージェントインターフェースのためのユニバーサルデザインの原則。
視覚的推論のインターフェース:複雑な問題解決シナリオにおける、エージェントの意思決定プロセス、推論の透明性、認知負荷の管理のための可視化パターン。
マルチモーダルインタラクションのパターン:文脈を踏まえたモダリティの切り替えと感情への適応機能を備えた、音声・視覚・ジェスチャー・テキストによるコミュニケーションの高度な統合。
なぜ重要か
エージェント型AIのUI/UXパターンは、自律型AIシステムを実世界のアプリケーションで成功裏に導入・展開するうえで極めて重要です。AIが受動的なツールから能動的なエージェントへと進化するにつれて、従来のインターフェースのパラダイムは崩れ、人間による制御とエージェントの自律性を両立させる新たなアプローチが求められます。これらのパターンは、信頼の較正、透明性の要件、マルチエージェントの連携、制御中心から成果重視への設計転換といった根本的な課題に対応します。エージェント型AI市場は2025年までに104.1億ドルに達すると予測されており、組織はユーザー満足度と規制遵守を維持しながら、これらのシステムを安全かつ効果的に展開するために実証済みのUXパターンを必要としています。
実装ガイド
使用する場面
- 人間による監督と協働を必要とする自律型AIエージェントを展開する場合
- 単純なチャットインターフェースを超えた会話型AIシステムを構築する場合
- 連携と引き継ぎの管理を必要とするマルチエージェントシステムを作成する場合
- 信頼と透明性を必要とする、重大な影響を伴う環境向けのAIアプリケーションを開発する場合
- ユーザーの文脈や行動に適応する、パーソナライズされたAI体験を実装する場合
- 監視・制御・ガバナンスのインターフェースを必要とする企業向けAIシステムを構築する場合
ベストプラクティス
- 制御中心のインターフェースではなく、成果志向のインタラクションを設計する
- エージェントの機能と推論プロセスを段階的に開示する仕組みを実装する
- 透明性のある意思決定と明確な出典の明示を通じて信頼を築く
- 適切な人間による介入とオーバーライドの機能を提供する
- ユーザーの嗜好や文脈から学習し、それに合わせて調整する適応的なインターフェースを設計する
- 優雅な劣化(グレースフルデグラデーション)戦略を含む包括的なエラー処理を実装する
- 最適なコミュニケーション手段を自動的に選択するマルチモーダルインタラクションのパターンを用いる
- すべてのエージェントインターフェースのパターンにおいて、アクセシビリティとユニバーサルデザインの原則を確保する
- デバイス固有の機能に最適化しつつ、クロスプラットフォームでの一貫性を目指して設計する
- データ利用に対するユーザーのきめ細かな制御を伴う、プライバシー・バイ・デザインの原則を実装する
よくある落とし穴
- エージェントの自律性を考慮せずに、従来のUIパラダイムをエージェント型システムに適用してしまう
- ユーザーがエージェントの機能を理解するには複雑すぎるインターフェースを作ってしまう
- 透明性が不十分なために、ユーザーの不信や低い採用率を招く
- エージェントが誤りを犯した際に、ユーザーの信頼を損なう不十分なエラー処理
- 適切な人間による制御と介入の仕組みを備えないまま、過度に自動化してしまう
- エージェントとのインタラクションのパターンに固有のアクセシビリティ要件を無視する
- プラットフォームやデバイスによって体験が一貫しない
- 不十分なプライバシー制御と、データ利用に関する透明性の欠如
- エージェントの機能について適切な期待を設定できない、不十分なオンボーディング
- 人間とエージェントの協働にかかる認知負荷を考慮せずにエージェントインターフェースを設計する
利用できる技術
ヒューマン・イン・ザ・ループ(HITL)
AI ワークフローにおける重要な意思決定ポイントへの、人間の判断の戦略的な組み込み
ヒューマン・オン・ザ・ループ(HOTL)
自律的な AI システムに対する人間による監督。必要に応じて監視・介入し、あるいは制御を引き継ぐ能力を備える
段階的開示のUIパターン(PDP)
エージェントの能力、推論、複雑な情報を段階的に開示し、認知的過負荷を防ぐためのインターフェースパターン
確信度可視化のUIパターン(CVP)
AIの確信度、不確実性、予測の信頼性をユーザーにわかりやすい形式で表示する視覚的なインターフェース要素
混合主導型インターフェースパターン(MIP)
人間とAIエージェントの間でシームレスに制御を切り替え、協調的なイニシアチブの発揮を可能にするUIパターン
エージェントの状態とアクティビティのUIパターン(ASP)
エージェントのアクティビティ、思考状態、稼働状況をリアルタイムに表示し、ユーザーの把握を助けるインターフェース要素
会話型インターフェースパターン(CIP)
従来のチャットボットの枠を超え、エージェント主導のマルチモーダルな体験を実現する高度な会話型UI/UXパターン
エージェント連携のUX(ACX)
マルチエージェントの協調、ハンドオフ、透明性の高いオーケストレーションを伴う協働ワークフローのためのユーザー体験パターン
信頼と透明性のパターン(TTP)
説明可能なAIインターフェース、意思決定の透明性、出典の明示を通じてユーザーの信頼を構築するためのデザインパターン
適応型インターフェースパターン(AIP)
ユーザーのコンテキスト、行動、嗜好に基づいてエージェントのインターフェースをパーソナライズする、動的なUI/UXの適応・生成パターン
コンテキストウィンドウ管理のUI(CWM)
エージェントインターフェースにおけるLLMのコンテキスト上限、トークン使用量、コンテキストウィンドウの最適化を管理するための視覚的パターン
監視と制御のパターン(MON)
エージェントのリアルタイム監視、介入機能、システム監視を実現するミッションコントロール型のインターフェース
エラー処理と回復のパターン(ERP)
エージェントシステムにおける障害を穏やかに処理するための、包括的なエラー伝達と回復のインターフェースパターン
オンボーディングと教育のパターン(OEP)
エージェントの能力を紹介し、適切なメンタルモデルを構築し、信頼を育むためのユーザー教育・オンボーディングパターン
プライバシーとセキュリティのUX(PSX)
透明性の高いデータ取り扱い、きめ細かな制御、ユーザーへの権限付与を備えた、プライバシー優先のエージェントシステム向けデザインパターン
エージェント設計におけるアクセシビリティ(AAD)
多様な能力と支援技術に対応する、アクセシブルなエージェントインターフェースのためのユニバーサルデザインパターン
アンビエントエージェントパターン(AAP)
常に存在し文脈を認識するエージェントインターフェースで、バックグラウンドでシームレスに動作しつつ、必要なときにアクセスできる
チャットインターフェイスパターン(CHI)
エージェントとのやり取りに最適化された専用のチャットインターフェイスパターン。メッセージのスレッド化、コンテキスト管理、リッチコンテンツの表示などを含みます
クロスプラットフォームのエージェントUX(CPX)
デバイスやプラットフォームをまたいで一貫したエージェント体験を実現するパターン。シームレスな同期と適応を備えます
視覚的推論パターン(VRP)
エージェントの推論、意思決定プロセス、認知的透明性を視覚的に表現するためのパターン
マルチモーダルインタラクションパターン(MMIP)
音声、映像、ジェスチャー、テキストによるコミュニケーションをシームレスに統合した、高度なマルチモーダルなエージェントインタラクションパターン
プライバシー・バイ・デザインの原則(PbD)
エージェントシステムのアーキテクチャに設計段階から組み込まれる、プライバシーに関する基本原則。後付けの実装ではなく設計そのものによって、先回りしたデータ保護、ユーザーの主体性、規制順守を実現します。
きめ細かなプライバシー制御(GPC)
特定のデータ種別、処理目的、共有コンテキスト、保持期間をユーザーが制御できる、粒度の細かい権限管理。コンテキストに応じた同意の仕組みと、簡単に取り消せる制御を備えます。
段階的な同意とコミュニケーション(PCC)
必要なタイミングで提示される権限フロー。段階的な情報開示、コンテキストに応じた同意、明確なリスク説明、そして適応的なプライバシー通知により、ユーザーの注意を尊重しつつ十分な情報に基づく意思決定を支えます。
透明性のあるデータ取り扱い(TDH)
エージェントシステム内のデータフロー、処理活動、保存場所、第三者への共有をリアルタイムに可視化し、ユーザーが自分のデータのライフサイクルを明確に理解して、十分な情報に基づく同意を判断できるようにします。
ユーザーの主体性を高めるプライバシーダッシュボード(UPD)
自己主権的なデータ管理を実現する包括的なインターフェイス。複数のエージェントシステムにまたがる個人データについて、ユーザーが完全な可視性と制御を得られ、プライバシーに関するインサイト、データポータビリティ、プライバシー権利の自動的な行使を含みます。
規制コンプライアンスのUX(RCX)
GDPR、CCPA、そして新たに登場するAI規制に対応したユーザーエクスペリエンス設計。説明を受ける権利のためのインターフェイス、データ主体の権利の自動化、コンプライアンスダッシュボードの可視化、そして設計を通じた先回りの規制順守を含みます。
先進的なプライバシー技術のUX(APT)
差分プライバシー、連合学習、準同型暗号、ゼロ知識証明などのプライバシー保護技術に向けたUX設計。複雑な暗号技術による保護を、エンドユーザーにとってわかりやすく利用しやすいものにします。
リアルタイム音声エージェント(RVA)
単一のストリーミングセッション上でspeech-to-speechモデルを用いて構築された低遅延の音声エージェントで、従来の「音声認識→LLM→音声合成」というパイプラインを置き換えます。単一のモデルが音声を直接推論するため、応答が十分に速く届き、自然な会話のように感じられます。話者交代の検出、割り込み(バージイン)、会話中のツール呼び出し、ガードレール、ハンドオフはすべてライブセッション内で処理されます。
AG-UIプロトコル(エージェントとユーザーのインタラクション)(AGUI)
エージェントのバックエンドとあらゆるフロントエンドの間の「ラストマイル」を標準化する、オープンでイベントベースのプロトコル(2025年にCopilotKitが考案)。バックエンドは約16種類の構造化イベント(テキストおよびトークンのデルタ、ツール呼び出しの開始・引数・結果、状態のスナップショットとデルタ、実行のライフサイクル、キャンセル)をSSE、WebSocket、または通常のHTTPでストリーミングします。これにより、フロントエンドはエージェントの活動をリアルタイムに描画し、ユーザーの操作を同じ実行ループへとフィードバックできます。しかもフレームワークに依存しません。LangGraph、CrewAI、Mastra、Microsoft Agent Frameworkなどにはネイティブのエミッターが用意されています。これはプロトコルの三角形におけるエージェント対UIの辺であり、MCP(エージェント対ツール)およびA2A(エージェント対エージェント)と並びます。`chat-interface-patterns`とは区別されます。あちらはフロントエンドの描画に関する慣習であるのに対し、AG-UIは基盤となるイベントストリームを運ぶワイヤープロトコルです。
承認キューとエスカレーションチェーン(AQE)
承認とエスカレーションを、単一のブロッキングゲートではなく、第一級の運用ワークフローとして扱います。アクションはリスクに応じて段階分けされます。可逆的なアクションは自動承認され、中リスクのアクションは非同期レビューに回され、そこではエージェントが自身の状態を永続化して他の作業を続け、決定が届いた時点で状態を復元(リハイドレート)します。そして不可逆的なアクションは実行前に同期的な承認を必要とします。エスカレーションは、信頼度のしきい値超過、不可逆性フラグ、SLAへの接近、異常またはインジェクションの検知といった明示的なシグナルによって起動され、決定をより高い権限を持つ裁定者(人間、より高い権限を持つエージェント、または外部ワークフロー)へとルーティングします。`human-in-the-loop`とは区別されます。HITLは汎用的な同期的スタンスであるのに対し、このパターンはリスクの段階分け、状態の復元を伴う非同期キューイング、そして裁定者へのルーティングを付け加えます。
生成的UI(エージェントが描画するインターフェイス)(GenUI)
エージェントが実行時にインターフェイスそのものを生成・選択・制御し、単なるテキストではなく、リッチでインタラクティブなコンポーネント(フォーム、グラフ、ダッシュボード、地図、複数ステップのウィジェット)を返します。そしてコンテンツの種類とユーザーの意図に基づいて、結果を「どのように」提示するかを判断します。モデルのツール呼び出しがUIを出力し、ホストがそれをサンドボックス化されたフレーム内で描画します。たとえば、MCP Appsが`ui://`リソースを通じてバンドルされたHTMLを提供したり、Google A2UIやOpen-JSON-UIのようなポータブルな仕様をクライアントがネイティブに描画したりします。MCP AppsがClaude、ChatGPT、VS Code、Gooseに展開され、A2UIやCopilotKit/assistant-uiの生成的UIと並んで提供されたことで、2026年に実験段階から本番運用へと移行しました。`ag-ui-protocol`とは区別されます。あちらはエージェントのイベントを構築済みのフロントエンドへストリーミングするものであり、また`adaptive-interface-patterns`は既存のインターフェイスをパーソナライズするものです。一方こちらでは、エージェントがインターフェイスそのものを具現化し、応答時にコンポーネントを選択して組み立てます。
Patterns Pack
カタログ全体を持ち歩く:MCPサーバー、エディタ用のルールとスキル、データ。
エージェントUXフィールドガイドを受け取る
21のエージェントUXパターンを1冊に凝縮:それぞれが何か、いつ使うか、本番で何が問題になるか。確認メールと一緒にリンクが届き、週刊The Agent Architectも購読できます。
週1回のメール、ワンクリックで購読解除できます。アドレスはブリーフィングの送信のみに使用します。
このカタログを作ったエンジニアが担当
エージェント構成をレビューします
このページが扱うのは1つのパターンです。実際のシステムは数十を組み合わせて動き、障害の多くはその繋ぎ目で起きます。カタログの288パターンに照らして設計全体をレビューします。アーキテクチャ、信頼性、評価、コストまで、指摘ごとに対応するパターンを示します。
€750(通常€1,500)・1週間・文書レポートとウォークスルーコール・9月30日まで