政治に「気持ちが湧く」デザインを。チームみらいが仕掛けるUI/UX革命の裏側

1. はじめに：なぜ政治は「気持ちが湧かない」のか？

政治資金収支報告書や国会議事録。これらを目にしたとき、私たちの脳は無意識に「拒絶」を選択していないでしょうか。枠内に数字が並ぶ報告書は「テストの問題用紙」のように無機質で、ぎっしりと文字が詰まった議事録は、読むそばから「目が滑る」ような「巨大な文字の壁」として立ちはだかります。

日本の国政史上、政治活動の核心部分に本格的なデザインが介入した事例は、驚くほど稀有です。情報はウェブ上に「公開」はされていますが、それが市民に届き、心を動かす「情報インフラ」としての機能を果たしてきたとは言い難いのが実情です。

デザインは単なる「装飾」ではありません。民主主義への参加を阻む障壁を壊すための「戦略的ソリューション」です。本記事では、サービスデザイナーの山根氏（チームみらい）が提唱する「なぜ作ったのか（Why & What）」という設計思想を軸に、政治のUI/UXを劇的にアップデートする2つの新プロダクトの裏側を解説します。

2. デザインの出発点：3つの「しにくい」を解消する

デザインが政治領域において果たすべき役割は、市民が抱く3つの心理的障壁を打破することにあります。

• **見えにくい**
• **分かりにくい**
• **とっつきにくい**

これまでの政治情報は、データがウェブ上に「存在すること」で満足していました。しかし、公開されていることと、一般市民がそれを「理解し、とっつきやすいと感じること」の間には、計り知れない距離が存在します。

この距離を埋めるために、私たちはデザインの着手前に「モチーフ（何っぽく見られたいか）」を厳密に定義しました。政治特有の重苦しさを排し、どのような「読後感」をユーザーに提供すべきか。その戦略的な意思決定が、政治を身近にする第一歩となります。

3. 事例1：みらい丸見え政治資金 — 「家計簿」と「通帳」の親しみやすさ

1つ目のプロダクト「みらい丸見え政治資金」では、政治資金の流れを、私たちの日常生活に最も密接な「家計簿」や「銀行口座」に見立てて再構築しました。

• **サンキーチャートによる認知負荷の低減**

ファーストビューには、資金の入り口から出口までを1枚の図で示す「サンキーチャート」を採用しました。100件のリストを読み解かせるのではなく、視覚的に「全体像」を提示することで、情報の透明性と、ユーザーへの安心感を提供します。

• **銀行通帳を模したUIによる親近感の醸成**

入出金明細のページは、使い慣れた銀行アプリや通帳のメタファーを意識して設計されています。「他人の財布を覗き見る」という心理的ハードルを、馴染みのある操作体験へと変換することで、直感的な理解を促します。

• **心理的障壁を下げる「ユーモア」という戦略**

「機密データ流出事故ではありません」といった遊び心のある注釈は、政治特有の重苦しさを緩和するための戦略的な仕掛けです。この軽やかさが、ユーザーの「進んで見たくなる」という自発性を引き出します。

4. 事例2：みらい議会 — 「ELI5」と「専門知」の共存

2つ目のプロダクト「みらい議会」は、難解な国会の議論を「自分に関係のあること」として翻訳する、知の架け橋となるツールです。

• **「ELI5」プロンプトによる情報の翻訳**

米国で広く使われる「5歳児にもわかるように説明して（ELI5: Explain Like I'm Five）」というプロンプトをAIに活用。官僚や政治家が構築した「文字の壁」を、誰もが瞬時に理解できる言葉へと変換します。

• **「詳しく」ボタンに込めた、78年の歴史への敬意**

1947年の第1回国会から積み上げられてきた議事録は、先人たちが磨き上げた「専門知」の結晶です。安易な要約は、その深みを削ぎ落とすリスクを伴います。

* 戦略的なUI配置: 画面右上に「詳しく」ボタン（トグルスイッチ）を配置しました。あえて最も目立つ場所にこの機能を置くことには勇気が要りましたが、これにより「優しい言葉」と「原文に近い専門知」をユーザーが自由に行き来できるようになりました。

• **学習を加速させるマイクロインタラクション**

自然な理解を深めるため、以下の機能を実装しています。

* スクロール連動型AI検索: スクロール中は邪魔にならないよう縮小し、ユーザーが難しい言葉で足を止めた瞬間に拡大するAIテキストボックスを搭載しました。

* テキスト選択AI検索: 分からない言葉を選択するだけでAIが即座に解説するポップアップ機能。

* アクセシビリティの徹底: 漢字へのルビ振りや直感的な質問例の提示により、老若男女を問わないユニバーサルな体験を実現しています。

5. 比較まとめ：従来型データ vs チームみらいのUI/UX

デザインの介入によって、政治情報へのアクセシビリティがどう変化したかを整理します。

| 比較項目 | 従来の政治情報（報告書・議事録） | チームみらいのプロダクト |

| :--- | :--- | :--- |

| 第一印象 | テストの問題用紙、文字の壁 | 家計簿、ニュースメディア、親しみやすさ |

| 読後感 | 認知の拒絶、無、億劫 | 安心感、透明感、進んで見たくなる |

| 理解の補助 | 専門用語の羅列、検索困難 | ELI5解説、AIポップアップ、ルビ振り |

| 情報の粒度 | 固定された専門的な記述 | トグルによる難易度の任意切り替え |

| UXの工夫 | 静的なPDF・テキスト表示 | スクロール連動UI、対話型検索 |

6. おわりに：デザインが政治をアップデートする

「みらい丸見え政治資金」と「みらい議会」は、完成形ではありません。これらはユーザーの皆様からのフィードバックを糧に、常に磨かれ続ける「生きているプロダクト」です。

デザインの真価は、単なる見た目の美しさではなく、人と社会の距離を再定義することにあります。「自分には関係ない」と拒絶していた情報が、デザインを通じて「自分たちの生活を形作るもの」として立ち現れたとき、日本の民主主義は新たなステージへと進むはずです。

私たちはこれからも、UI/UXの力で政治をアップデートし続けます。ぜひプロダクトを実際に体験し、あなたの声を届けてください。YouTubeチャンネルへの登録やフィードバックが、この革命をさらに加速させる原動力となります。