Skip to main content
Language日本語
AIとUI6 分で読めます2026年10月

AI 製品の UX はどのように設計しますか?

簡潔な回答

信頼と制御を中心に AI 製品を設計します。 AI が動作中に何をしているかを示し、AI ができることとできないことを説明し、その出力を簡単に確認、編集、元に戻すことができるようにし、人々に修正する方法を提供します。優れた AI UX では、モデルを神託ではなく、役立つものの間違いやすいアシスタントとして扱います。

核心

  • 期待値を設定する: AI に何ができるのか、どこが間違っているのかを説明する
  • 進捗状況を表示: 思考、作業、ストリーミングの状態が人々の方向性を維持します
  • ユーザーがコントロールできるようにする: レビュー、編集、再試行、元に戻す、停止
  • 正確さが重要な場合はソースと推論を可視化する
  • 失敗に備えた設計: 間違った答え、拒否、タイムアウト、空の結果

AI 機能は通常のソフトウェアとは異なる動作をします。同じ入力から異なる出力が得られる場合があり、自信を持って聞こえても答えが間違っている場合があり、タスクに数秒または数分かかる場合があります。 AI の UX は主に、人々がその不確実性に対処できるように支援することを目的としています。

まずは期待値を設定することから始めましょう。機能の目的を伝え、プロンプトの例を示し、制限について正直に説明します。 「何でも質問してください」と表示された空のテキスト ボックスは、製品が処理できないリクエストを招待します。

何が起こっているかを示します。 AI の応答は通常のリクエストよりも時間がかかることが多いため、聞いている、考えている、ステップに取り組んでいる、回答をストリーミングしている、完了しているなど、明確な状態を使用します。生成されたテキストをストリーミングすることで、待ち時間が短く感じられます。複数のステップを実行するエージェントの場合は、ステップを示して、実行を停止させます。

人々をコントロールしてください。出力は、確認、編集、再生成、元に戻す、拒否が簡単である必要があります。メッセージの送信、お金の支出、データの削除など、結果を伴う行為については、最初に確認を求めてください。正確さが重要な場合は、ソースを示して人々が確認できるようにします。

成功と同じくらい慎重に失敗にも備えて設計してください。誤った回答、拒否、タイムアウト、レート制限、および「わかりません」に対する画面を計画します。オプションのコメントを使用して高評価または低評価を行うなど、簡単な方法でフィードバックを収集します。

AI 製品は、アシスタントが聞いている、考えている、話しているときを示すアニメーションの球体や波形などの新しい視覚要素も作成しました。これらは、各状態が明らかに異なって見える場合に最も効果的です。私たちが作成した ExodeUI には、コードで切り替えることができるステート駆動型ファイルとして構築された AI 音声オーブの無料ギャラリーがあります。

よくある質問

一般的な AI UX パターンとは何ですか?

プロンプトの例、ストリーミング応答、目に見える思考または進行状況、インライン引用、再生成および編集コントロール、アクション前の確認、およびフィードバック ボタン。

AI 機能に対する信頼をどのように構築しますか?

制限を明確にし、可能な場合は出典や根拠を示し、出力を簡単に修正できるようにし、確認なしに重要なアクションを実行しないでください。

AI エージェントの UX をどのように設計しますか?

計画と実行中の各ステップを表示し、人々にステップを一時停止、停止、または承認してもらい、最後に何が行われたのかを明確に要約します。

AI 機能は常にチャット インターフェイスであるべきでしょうか?

いいえ。多くの AI 機能は、既存のインターフェイス内のボタン、提案、またはインライン編集としてより適切に機能します。チャットはオープンエンドのタスクに適しています。

関連ガイドと事例

AI アシスタントに明確なステータスを与える

コードが切り替わるアイドル状態、聞いている状態、考えている状態、話す状態を含む無料のアニメーション音声オーブ。 1 つを開いて変更します。

AI オーブ ギャラリーを見る
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →