mcpField
A
Agentic UX Design - Relationship-Centric Interfaces

Agentic UX Design - Relationship-Centric Interfaces

github.com/benciumデザイン・UI4683.3k 回インストール3 週間前に更新
リポジトリ

Agentic UX Design - Relationship-Centric Interfaces について

Agentic UX Design - Relationship-Centric Interfacesは、AI製品や継続的なユーザー体験を設計するチーム向けのスキルです。個別画面から時間とともに変化する関係へと焦点を移し、記憶、段階的な信頼、協働計画、長期的な指標の設計を扱います。

主な機能

  1. 01関係中心のインターフェース設計
  2. 02記憶と継続性のパターン
  3. 03段階的な信頼と自律性
  4. 04人間とAIの協働計画
  5. 05長期的な関係指標

活用シーン

  1. 01記憶機能を持つAI製品の設計
  2. 02信頼と自律性の制御設計
  3. 03人間とAIの計画体験の構築
  4. 04継続的なユーザー関係の評価

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/bencium/bencium-marketplace --skill agentic-ux-design---relationship-centric-interfaces

インストール後、Claude Code で/agentic-ux-design---relationship-centric-interfacesを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

CHECKLIST.md
EXAMPLES.md
REFERENCE.md

詳細

エージェント型 UX デザイン — 関係性を中心とするインターフェース

概要

画面中心のデザインから、関係性を中心とするデザインへのパラダイムシフト。

従来の UX は、個々の画面や独立したインタラクションを最適化します。エージェント型 UX は、セッション、デバイス、コンテキストをまたいで、システムがユーザーとともに学習し、記憶し、進化する継続的な関係を設計します。

基本原則: すべてのインタラクションは、学習した好みやユーザーの履歴を踏まえて構築されます。システムは単に応答するだけではなく、時間とともに蓄積される理解を深めていきます。

冒頭で宣言: 「Relationship Design スキルを使って、ユーザーと長期的な関係を築く、エージェント型でメモリを活用したインターフェースを作成します。」

使用する場面

次の場合にこのスキルを使用します:

  • AI 搭載アプリケーション、チャットボット、エージェントシステムを設計する
  • ユーザーが長期にわたって繰り返し利用するインターフェースを構築する
  • ユーザーの行動から学習するシステムを作成する
  • AI 時代に向けて、従来のダッシュボードや SaaS 製品を再考する
  • ユーザーから「セッションのたびに最初からやり直しになる」と不満が寄せられている
  • コンバージョン率だけでなく、関係性の質を測定する必要がある
  • 透明性から自律性へと進む信頼の変化を設計する
  • 共同で計画を立てる機能(人間と AI の共同制作)を構築する

使用しない場面:

  • ユーザーアカウントを必要としない、単純な一度限りの取引
  • パーソナライズの必要がない静的なコンテンツサイト
  • 記憶や学習がプライバシー上の懸念につながるシステム
  • 適応性より一貫性が重視されるインターフェース(例:医療機器)

エージェント型 UX の5つの柱

1. メモリ革命:静的な設定からコンテキストに応じたインテリジェンスへ

旧モデル: 静的な設定を保存する(テーマ:ダーク、言語:EN)

新モデル: 動的に進化する関係性モデルを維持する

設計する対象:

  • 行動パターン: 単に「ユーザーが X をクリックした」ではなく、「ユーザーが火曜日の夜に Y を探すため、いら立ちながら20分を費やしている」
  • 感情的なコンテキスト: いら立ち、切迫感、探索、意思決定の各モードを認識する
  • 時間的な変化: 数週間、数か月にわたる好みの変化
  • セッションをまたいだ継続性: デバイスや時間をまたいでもシームレスに続けられること

重要な問い: すべてを記憶し、時間とともに改善していくとしたら、この体験はどのようなものになるでしょうか?

2. デザイン素材としての信頼:進化する3つの段階

段階的な信頼を通じて自律性を獲得するインターフェースを設計します:

ステージ 1:透明性の段階

  • 推論、意思決定プロセス、確信度をすべて表示する
  • システムがアクションを提案する理由を説明する
  • データソースとロジックの流れを明らかにする
  • ユーザーはすべてを確認したい

ステージ 2:選択的開示の段階

  • 重要な判断や不確実な判断についてのみ推論を表示する
  • 定型的なアクションは、落ち着いた確信をもって実行する
  • いつ詳細を示し、いつ確信をもって行動するかをシステムが学習する
  • ユーザーは信頼しつつも、確認する

ステージ 3:自律的な行動の段階

  • 控えめな確認パターンを用いて、自律的に行動する
  • 誤りが起きた場合の明確なエスカレーション手段を設ける
  • ユーザーが意思決定のカテゴリ全体を委任する
  • 一貫性があり、ユーザーの意向に沿った行動を通じて信頼を築く

デザインパターン:

  • 段階的開示のコントロール(透明性のレベルをユーザーが調整できる)
  • 確信度インジケーター(システムの確信度を視覚化する)
  • 信頼回復プロトコル(明確な取り消し・修正手段)
  • 自律的なアクションに対するホバー時の説明

重要な問い: ユーザーはこのシステムとの信頼を、どのように段階的に築いていくでしょうか?

3. 関係性を中心としたアーキテクチャ

単発の取引ではなく、継続的なパートナーシップを設計します。

変更前: ユーザーがログイン → タスクを完了 → ログアウト → システムが忘れる

変更後: システムが以下を継続的に把握します:

  • ユーザーが継続して取り組んでいる目標やプロジェクト
  • コミュニケーションの好みやパターン
  • 個々のユーザーに効果的な方法からの学習
  • 時間とともに深まる関係性

実装パターン:

  • 記憶の可視化: システムが記憶している内容(好み、目標、パターン)を表示します
  • コンテキストインジケーター: 過去のやり取りが現在の提案にどう影響しているかをさりげなく示します
  • 忘却の制御: 何を記憶し、何を忘れるかをユーザーが決められるようにします
  • 関係性のタイムライン: 関係性がどのように変化してきたかを視覚的に表現します

重要な問い: ユーザーが本当に達成しようとしている目標は何でしょうか。また、エージェント型システムは、ユーザーがより効果的に目標を達成できるよう、どのように支援できるでしょうか?

4. 独自に道筋を立てるシステム

変更前: 考えられるすべてのユーザー経路を明示的に設計します

変更後: システムが動的に経路を構築する、目標との整合を図る仕組みを設計します

エージェント型システム:

  • ユーザーの根本的な目的を常に把握します
  • 効果的な方法に応じてインタラクションのパターンを適応させます
  • 不完全な実演や自然言語によるフィードバックから学習します
  • 個々のユーザーに合わせたワークフローを構築します

設計のポイント:

  • 目標の継続性: セッションをまたいでユーザーの目的を継続的に把握します
  • 先回りした後押し: 押し付けがましくならないよう、次のステップを穏やかに提案します
  • 共同での計画: 人間とAIが協力してアプローチを立案します
  • 適応型インターフェース: 利用パターンに応じて変化するUI要素を用意します

重要な問い: ユーザーがまだ十分に言語化できていない目標の達成を、システムは支援できるでしょうか?

5. 新たな成功指標:コンバージョン率を超えて

セッション時間、コンバージョン率、クリック数といった従来のUX指標では、エージェント型の体験の本質を捉えられません。

代わりに、以下を測定します:

関係性の質

  • 信頼度と委任への安心感
  • システムの判断に対するユーザーの自信
  • ユーザーがシステムの判断を疑う頻度
  • 自律的なアクションに対する安心感

価値の積み重ね

  • 時間の経過に伴う体験の向上
  • 解決できる問題の複雑さの向上
  • 蓄積された理解による成果の改善
  • 6か月目と1か月目の比較

コンテキストの正確性

  • 意図や好みに対するシステムの理解
  • ユーザーの価値観や目標との整合性
  • 状況に応じたニーズの認識
  • 重要な判断における予測の正確性

民主的な整合性

  • より広範な人間の価値観との整合性
  • 社会的に許容される行動の境界
  • 倫理的な意思決定
  • 集合的な憲法の原則

重要な問い: 関係性が単に頻繁になっているだけでなく、より良くなっていることを、どうすれば確認できるでしょうか?

関係性を設計するプロセス

フェーズ 1:関係性のコンテキストを理解する

以下の質問を検討します:

  1. 関係性の継続期間: ユーザーは通常どのくらいの期間利用しますか?(日、月、年?)
  2. インタラクションの頻度: 毎日ですか?毎週ですか?不定期ですか?
  3. 目標の複雑さ: 単純なタスクですか、それとも変化していく複雑な目標ですか?
  4. 信頼の要件: どの程度の自律性が適切ですか?
  5. 記憶の機微性: システムは何を記憶し、何を忘れるべきですか?
  6. パーソナライズの度合い: 体験をどの程度適応させるべきですか?
フェーズ 2:信頼の変化をマッピングする

具体的なユースケースについて、以下を検討します:

  1. 透明性の要件を定義する: 常に説明すべきことは何ですか?
  2. 定型的なアクションを特定する: 時間の経過とともに、何を自律的に実行できるようにしますか?
  3. 信頼の指標を設計する: システムの確信度をユーザーがどのように確認できますか?
  4. 復旧経路を作成する: システムが誤りを犯したとき、どうなりますか?
  5. 信頼のチェックポイントを計画する: ユーザーは自律性のレベルをどのように調整できますか?
フェーズ 3:記憶のアーキテクチャを設計する
  1. 行動データ: どのようなパターンが重要ですか?
  2. 好みの変化: 時間の経過とともに何が変わりますか?
  3. コンテキストシグナル: ユーザーの現在の状態や目標を示すものは何ですか?
  4. 記憶の制御: ユーザーは記憶される内容をどのように管理できますか?
  5. セッションをまたぐ継続性: システムはどのようにコンテキストを維持しますか?
フェーズ 4:協調的な計画パターンを構築する
  1. 目標の把握: システムはユーザーの目標をどのように学習しますか?
  2. 先回りした提案: システムはいつ、どのように支援を提案しますか?
  3. 共同創作インターフェース: 人間と AI はどのように協力しますか?
  4. 適応型 UI: どのインターフェース要素を変化させるべきですか?
  5. 学習へのフィードバック: ユーザーはシステムの理解をどのように修正しますか?
フェーズ 5:成功指標を定義する

各カテゴリから指標を 2~3 個選びます:

  • 関係性の質を示す指標
  • 価値の蓄積を測る指標
  • コンテキストの正確性を示す指標
  • 民主的な整合性を守るためのガードレール

セッション単位ではなく、数週間から数か月にわたって追跡します。

デザインパターンライブラリ

メモリーを活用するインターフェースコンポーネント

コンテキストタイムライン

  • ユーザーの時間の経過に伴う歩みを表示する
  • 好みの変化を強調する
  • 関係性における重要な出来事を表示する

感情状態インジケーター

  • 苛立ち、緊急性、探索意欲を認識する
  • 検出した状態に応じてインターフェースを適応させる
  • コンテキストに対するシステムの理解を表示する

動的な提案パネル

  • 現在の目標と過去のパターンに基づく
  • 各提案の信頼度を示す
  • なぜ今これらの提案を行うのかを説明する
信頼を築くコンポーネント

推論の表示(透明性の段階)

  • 判断のロジックを示す
  • 信頼度を表示する
  • データソースを明らかにする

信頼度メーター

  • システムの確信度を視覚的に示す
  • ホバーして推論を確認する
  • 信頼度に応じて自律性を調整する

取り消し/修正パターン

  • 自律的なアクションをワンクリックで修正する
  • システムは修正から学習する
  • 明確なエスカレーション経路を設ける
協調的な計画コンポーネント

目標ダッシュボード

  • 継続中の目標を視覚化する
  • 進捗状況を示す
  • 次のステップに関するシステムの提案を表示する

計画キャンバス

  • 人間と AI が共同で計画を作成する
  • システムがその機能を活用して貢献する
  • ユーザーが判断と戦略を提供する

好みの変化マップ

  • システムの理解がどのように向上したかを示す
  • 学習内容をユーザーが制御できるようにする
  • 忘却を制御できるようにする

よくある間違い

❌ メモリーを静的な設定として扱う

問題: 好みを、変化するパターンではなく、キーと値のペア(theme: dark)として保存する

解決策: 行動パターン、時間的なコンテキスト、時間の経過に伴う変化を理解する動的なモデルを設計する

❌ 二元的な信頼モデル

問題: 初日から、システムが完全に透明であるか、完全に自律的であるかのどちらかになっている

解決策: 自律性を段階的に高め、ユーザーが信頼レベルを制御できる、3 段階の信頼の進化を設計する

❌ 従来の UX 指標を使用する

問題: 関係性に基づくシステムで、セッション時間やコンバージョン率を測定する

解決策: 数週間から数か月にわたって、関係性の質、価値の蓄積、コンテキストの正確性を追跡する

❌ プライバシー制御を忘れる

問題: ユーザーが制御できないまま、システムがすべてを記憶する

解決策: 忘却の制御、メモリーの可視化、明確なデータ保持ポリシーを構築する

❌ 関係性ではなく画面を設計する

問題: 継続的なパートナーシップを支える関係性の設計をせず、ピクセル単位で完璧なインターフェースに注力する

解決策: まず関係性のモデルを作り、その後、継続的なパートナーシップを支える画面を設計する

❌ 信頼回復の経路がない

問題: システムが間違いを犯すと、ユーザーは信頼を完全に失い、二度と取り戻せない

解決策: 明確な修正経路、システムが間違いから学ぶ仕組み、信頼回復の手順を設計する

実際の活用例

EXAMPLES.md には、次の内容があります:

  • EU の B2B 関係性コックピット(自動車サービスネットワーク)
  • メモリーを活用したコンテンツ探索(ストリーミングサービス)
  • 協調的な計画アシスタント(プロジェクト管理)
  • 信頼の進化に対応するファイナンシャルアドバイザー

REFERENCE.md には、次の内容があります:

  • 詳細な研究の基盤(DeepMind、Anthropic、OpenAI)
  • 技術的な実装パターン
  • メモリーアーキテクチャの設計
  • 指標の実装ガイド

CHECKLIST.md には、次の内容があります:

  • 関係性 UX の監査チェックリスト
  • メモリーとデータの契約に関するスプリントガイド
  • 信頼の進化を設計するためのワークシート

クイックリファレンス

従来の UXエージェント型 UX
セッションの継続時間数か月にわたる関係の深さ
コンバージョン率信頼度スコアと委任への安心感
クリックスルー率価値の積み重ね(月 6 と月 1 の比較)
独立した画面継続的な関係のコンテキスト
静的な設定動的なパターンの変化
すべてのユーザーに同じ設計個人に合わせて適応するインターフェース
明示的なナビゲーション目標に沿った経路の構築
二者択一の権限段階的な信頼の変化

覚えておくこと

  • セッションではなく、数か月にわたる関係を設計します
  • 信頼は、透明性 → 選択的 → 自律的の 3 段階で変化します
  • メモリとは静的な設定を保存することではなく、パターンを理解することです
  • エンゲージメント指標だけでなく、関係の質を測定します
  • システムは、事前に定義されたフローを実行するだけでなく、目標への経路を計画する必要があります
  • メモリ、信頼レベル、自律的なアクションをユーザーが管理できることが不可欠です
  • プライバシーと忘却は、メモリや学習と同じくらい重要です

画面は常に重要です。しかし、関係はそれ以上に重要です。

コメント