プロトタイピングとナラティブUI ─ 意味を問う装置としてのプロトタイプ、問いに応答するUI

AIを用いたプロダクト開発が急速に広がり、生成AIツールで「それっぽい」アウトプットが簡単に作れるようになった今、僕たちはプロトタイピングの“再定義”が必要な時代にあるといえる。

「AIの出現でプロトタイピングデザインは不要になるのか？　─プロトタインピングの本質とv0プロトタイプの役割」で述べたように、プロトタイプは単なる「縮小版の完成品」ではない。
「なぜ、これをつくるのか？」「誰の、どんな不安や期待に応えるのか？」という意図を翻訳する。プロダクト体験を想像するための手助けを行う。
そして、意思決定者が合意形成を行うための議論の土台になる――プロトタイプは、そうした重要な役割を担う共通言語なのだ。

また、プロトタイピングを行うデザイナー自身のあり方も転換が必要だ。
AI時代に人間のデザイナーに期待されるのは、高精度なモックアップづくりではなく、チームの思考と対話を促すことだ。
前回の記事「プロトタイピングデザイナーという仕事　─ プロトタイピングの完成度とデザインワークの在り方」では、「完成度」というキーワードを軸にプロトタイピングとデザイナーの役割を考察した。

今回は実践編として、「プロトタイピングの説得力をどう構築するか？」という問いに踏み込んでいく。
そこで鍵を握るナラティブUI（物語を紡ぐユーザーインターフェース）という考え方について、本稿では考察していきたい。

ユーザーに寄り添い「物語を紡ぐ」UI

ナラティブUIとは、ユーザーの行動だけでなく、その背後にある感情やストーリーに寄り添って設計されたユーザーインターフェースのことだ。
単に操作方法を示すのではなく、

「なぜ今、この選択肢が提示されているのか？」
「この先、ユーザーがどんな気持ちになることを想定しているのか？」

といった文脈と感情の流れを、物語のようにUIに溶け込ませることがポイントだ。
こうしたUIが求められる背景には、次のようなユーザー感情がある。

• 機能よりも「納得感」や「共感」に反応する

• 情報過多の時代において、「自分ごと」として感じられる体験しか信頼できない

• UIに求めるものが「わかりやすい操作」から「価値の実感」に変化している

プロダクトのUIが「押す、入力する、進む」だけだった時代は終わった。
今は、「なぜ、あなたが、その行動をするのか」までも語れるUIが、ユーザーを動かす鍵になっている。

ナラティブUIの基本構成

ナラティブUIを具体的に設計に落とし込むためには、どのような要件が必要だろうか。単に「ユーザーの気持ちに寄り添うUI」といっても、それがどのような要素から成り立ち、どこでどのように効いてくるのかを分解して捉える必要がある。

以下に、ナラティブUIを構成する4つの視点を紹介する。

ユーザーの内面にあるトリガーを理解する

ユーザーが今どんな気持ちでUIに接触していて、どのようなトリガーが行動の起点になるかを捉える。

物語のステージを設計する

「期待→不安→納得→行動→安心→再接続」といった情緒的な流れを意図的に設計する。
また、それぞれのステージで、UIが果たすべき語りかけ（ナレーション）を定義する。

語りかけるUI要素の演出

文脈に合わせたマイクロコピーや、選択肢に意味を添えるリアクションなど、UIを「語り手」としての演出を実装する。

寄り添いのある視覚的トーンとリズム

アニメーションや色の変化など、ユーザーの心の動きやペースに合わせてインターフェースが寄り添う。

こうしたナラティブUIと、従来のUIの違いをまとめると以下のようになる。

ナラティブUIとは、単に使いやすいUIを提供するのではなく、体験の納得感をデザインするアプローチだといえる。

ナラティブUIの実装例：資産運用アプリのオンボーディング

ナラティブUIの考え方は、決して特殊なコンセプトではない。
日常的に使われるプロダクトでも、その設計思想を取り入れることは十分に可能だ。
ナラティブUIと従来型UIとでプロダクト体験がどのように異なるか、「資産運用アプリのオンボーディング」をユースケースとして整理してみよう。

ナラティブUIのほうが、ユーザーの納得感や自分ごと感が醸成されそうなオンボーディングだったのではないか。
「スムーズに使えたかどうか」ではなく、「意味が感じられたかどうか」が体験の印象を左右することが理解できたはずだ。

ナラティブUIの設計

ナラティブUIをつくるには、「問いかけ」を設計する思考が欠かせない。
そこで、以下をベースに考えると、ユーザーの気持ちに寄り添ったUIが設計しやすくなる。

また、このような問いは、プロトタイピングでもそのまま活かすことができる。
プロトタイプに「どのように語りかけるか」「どう共感を引き出すか」といった要素を組み込むことで、プロダクト開発の初期から「このサービスは誰の、どんな不安や期待に応えるのか？」という本質的な問いを関係者に投げかけることができる。

こうした問いかけは、サービスの成功に直結する対話の起点になる。
なぜなら、この段階で感情や意味に関するすり合わせができているかどうかが、プロダクトの軸やメッセージ、果てはユーザー体験の納得感を左右するからだ。

そして、この「問い」を投げかける役割は、人間のデザイナーだからこそ果たせる。表層的なUIの精度や機能性ではなく、「どう語り、どう共感を誘うか」という意図と文脈をデザインすることは、AIでは代替できない想像力と思考の出番だ。

プロトタイピング × ナラティブUI = 合意を生む体験設計

ナラティブUIとは、ユーザーの心の動きに寄り添い、体験に意味と感情の流れを与える「物語を紡ぐUI」だ。
プロトタイピングが合意形成のための媒介だとすれば、ナラティブUIはそこに「問いかけの導線」と「物語への共感」を埋め込み、納得と共創に導くインターフェースとなる。

この組み合わせは、単なるUIの表現手法にとどまらず、プロダクトの方向性そのものを定義する力を持っている。
これこそがAI時代におけるデザインワークの中核であり、人間のデザイナーにしか担えない本質的な役割なのだ。

記事のバックナンバー

#1 導入編： AIの出現でプロトタイピングデザインは不要になるのか？　─プロトタインピングの本質とv0プロトタイプの役割

#2 マインドセット編：プロトタイピングデザイナーという仕事　─ プロトタイピングの完成度とデザインワークの在り方

#3 実践編：プロトタイピングとナラティブUI ─ 意味を問う装置としてのプロトタイプ、感情に応答するUI（この記事）

ーーー
本記事の内容にご関心を持っていただけた方や、お仕事のご相談がありましたら、ぜひお気軽にご連絡ください。
LsizeDesign 合同会社　井上大器（いのうえ たいき）
t_ino@lsize.design
ーーー