AIエージェントの操作画面｜チャットとフォームの使い分け
AIへの依頼をすべて文章で行う必要はあるのでしょうか。MCP Appsの公式解説を手がかりに、比較・選択・修正を画面で行う設計、未保存状態の表示、スマートフォンでの確認方法を整理します。
AIエージェントに候補を出してもらった後、「二つ目を選んで」「人数だけ変えて」「前の条件へ戻して」と何度も文章を入力していませんか。相談の入口には会話が便利でも、候補の比較や細かな修正には、ボタンや入力欄が役立つ場面があります。
企業で使うAIの操作画面は、会話とフォームを組み合わせて考えられます。この記事では、現場の担当者が迷わず作業を続けるための使い分けを紹介します。
10月19日のMCP Apps解説から考える
Google Cloudは2026年10月19日、GeminiでMCP Appsを実装する開発者向け解説を公開しました。会話の中に操作できる画面を表示し、担当者が画面上で調整する構成を紹介しています。この日付は解説の公開日であり、規格や全対応製品の提供開始日を示すものではありません。Google Cloudの公式解説
MCP Appsは、AIと外部ツールをつなぐMCPの拡張です。公式リポジトリは、グラフやフォームなどを対応するチャット環境に表示する仕組みと説明しています。利用できる機能は、画面を表示する側の製品の対応状況にも左右されます。MCP Apps公式リポジトリ
業務への示唆は、AIとの会話を続けながら、人が直接触る作業領域を設けられることです。以下は、この考え方をもとにした設計案であり、IvyLeapの導入実績や特定製品の標準機能を示すものではありません。
文章で伝える仕事、画面で決める仕事
操作方法は、利用者がその時点で何を知っているかで分けると整理しやすくなります。
目的が曖昧な段階は、会話から始める。 「問い合わせ対応の負担を減らしたい」のように、条件をまだ言語化できていない相談では、AIが質問して整理する流れが考えられます。
選択肢がそろった段階は、並べて比較する。 三つの案の違いを確認する場合、長い説明を行き来するより、共通の項目を同じ順番で表示した方が比較しやすくなります。比較軸は、対象業務、対応時間、対象外の条件などです。
決まった値の修正は、入力欄で行う。 人数、期間、担当部署など、変更する項目が明確なら、毎回文章で説明せず直接修正できるようにします。ただし、自由記述で補足できる場所も残します。
すべてを画面化する必要はありません。短い質問への回答や、一度だけの説明なら、文章の方が少ない操作で終わることもあります。
AIコールセンターの担当者支援に置き換える
例えば、電話で受けた相談をもとに、担当者が三つの対応案を比較する画面を考えます。架空の業務例です。
最初にAIが相談の要点と不足情報を整理し、その横に候補カードを表示します。カードには、対応内容、必要な確認事項、実施できない条件を同じ順番で載せます。担当者はカードを選び、相談で聞き取った条件を入力欄で修正します。
ここで注意したいのは、カードを選ぶことの意味です。「比較対象に入れる」「案内用の下書きに採用する」「顧客へ送信する」は別の操作です。選択しただけで外部への送信まで進む設計にせず、画面上のボタンで何が起こるかを具体的に示します。
また、この画面は担当者向けの支援です。電話の相手には画面が見えないため、相手への確認は音声で行う必要があります。担当者がカードを選んだ事実を、顧客が同意した証拠として扱わないようにしましょう。
画面とAIが、同じ条件を見ているか
操作画面を追加すると、会話の内容と入力欄の値が食い違うことがあります。例えば、チャットでは「10名」と依頼し、その後フォームで「8名」に変えた場面です。次の提案でAIが古い10名を使うと、利用者は修正が反映されなかったように感じます。
対策として、現在の条件を画面の決まった場所にまとめ、変更後の内容をAIへ渡すタイミングを定めます。次の説明を作る前に「現在の対象は8名」と確認できる構成なら、食い違いに気付きやすくなります。
逆に、AIが会話から新しい値を提案した場合も、担当者が入力中の内容を勝手に上書きしない設計が必要です。「提案値」と「現在の入力値」を分け、採用した箇所が見えるようにします。
保存や確定に関する表示も、次のように分けておくと判断しやすくなります。
- 編集中：入力欄を変更したが、まだ保存していない。
- 保存中：保存要求を送ったが、結果がまだ届いていない。
- 保存済み：保存先の成功応答を確認した。
- 確認が必要：通信が切れたなどの理由で、保存結果を判断できない。
結果が分からないときに「保存済み」と表示しないことと、利用者が入力した内容を残しておくことを両立させます。
小さな画面でも、判断材料を落とさない
パソコンで横並びにした比較カードを、そのままスマートフォンへ縮めると読みづらくなります。縦に並べる、項目を切り替えて比較するなど、幅に合わせた表示を検討します。
ただし、見た目をすっきりさせるために、対象外の条件や変更した値を隠してはいけません。選択中の案と現在の条件は、確定操作の直前にも確認できるようにします。
スライダーで数値を変える場合は、数値を直接入力する手段も用意すると、細かな値を指定しやすくなります。色だけで選択状態を表さず、選択済みの文字や印を添えることも確認点です。キーボードだけで項目を移動できるか、入力エラーがどの欄のものか分かるかも試しましょう。
MCP Appsに対応しない環境では、同じ画面が表示されると決めつけないことが大切です。必要な情報を文章で示す、既存の業務画面へ案内するなど、使えない場合の導線を決めておきます。
導入前に試したい六つの操作
- フォームで値を変えた後、AIに説明を頼む。変更後の値を使うか。
- 入力中に新しい提案が届く。手入力の内容が意図せず消えないか。
- 保存処理の途中で通信が切れる。未確定の状態と入力内容が残るか。
- 比較カードの並び順を変える。選択中の案が別の案へ入れ替わらないか。
- スマートフォンで確認する。対象外の条件と確定操作が読めるか。
- キーボードだけで修正する。すべての入力欄とボタンに到達できるか。
比較するときは、見た目の好みだけでなく、同じ業務を終えるまでの時間、入力のやり直し、条件の見落とし、画面から離れて確認した回数を記録します。チャットだけの場合と画面を併用した場合を、同じ条件で比べると改善点を判断しやすくなります。効果の大きさは実測して確認します。
最初は、繰り返し修正する一つの作業から
画面を作る候補は、担当者が同じ種類の修正を何度も依頼している作業です。「どの項目を選び直したいか」「確定前に何を並べて見たいか」を聞くと、必要な操作が具体化します。
IvyLeapでは、AIエージェントの構築・業務連携とAIコール・AIテレアポの導入支援を扱っています。会話による依頼と、現場で使う操作画面の分担を整理したい場合は、お問い合わせからご相談ください。
参考資料
- Google Cloud：Developer’s guide to implementing MCP apps in Gemini（2026年10月19日公開）
- Model Context Protocol：MCP Apps公式リポジトリ（2026年10月20日確認）