政治に「気持ちが湧く」デザインを:政治資金と国会を可視化するUI/UXの裏側
政治の情報は、なぜこれほどまでに遠く感じられるのでしょうか。公開されているはずの政治資金収支報告書や国会の議事録。しかし、いざ目にすると「文字の壁」や「数字の羅列」に圧倒され、多くの人がそっと画面を閉じてしまうのが現実です。
公開日時: 2026年6月23日 5:44 · 更新: 2026年9月27日 22:48
機械翻訳です。正確な内容は原文をご確認ください。新しい翻訳の作成にはログインが必要です(1日3回、本文などの合計24,000文字まで)。
政治の情報は、なぜこれほどまでに遠く感じられるのでしょうか。公開されているはずの政治資金収支報告書や国会の議事録。しかし、いざ目にすると「文字の壁」や「数字の羅列」に圧倒され、多くの人がそっと画面を閉じてしまうのが現実です。
プロダクトデザイナーの視点から見れば、従来の政治情報は「アフォーダンス」が著しく欠如しています。その情報を見てどう感じ、次にどんなアクションを取ればいいのか、ユーザーに対する導線(手がかり)が全く設計されていないのです。
「チームみらい」の開発現場で、リードデザイナーの山根ゆや氏がノーススター(北極星)として掲げたのは、「気持ちが湧かない」という課題の解決でした。情報が「公開されている(Open)」ことと、それが「理解できる(Understandable)」ことの間には、巨大な溝があります。本記事では、デザインの力でその距離を埋め、政治を「自分事」へと変えるためのUI/UXの試みを紹介します。
---
政治資金を「生きたお金」に変える:『みらい まる見え政治資金』の設計思想
政治資金の公開において最大の壁は、既存の報告書が「テストの問題用紙」のように見えてしまうことでした。難解で、事務的で、解かなければならない義務感だけを強いる。この「とっつきにくさ」を解消するため、私たちは2つの身近なモチーフをUIに持ち込みました。
1. 「家計簿」と「銀行口座」のメタファー
専門用語が並ぶ政治資金を、日常で最もお金と生活が結びつく「家計簿」と、信頼の象徴である「銀行口座」のUIに落とし込みました。
- **家計簿の親しみやすさ:** 収入・支出の推移を時系列で整理し、普段使いの家計簿アプリのような操作感を実現。
- **銀行口座のリアリティ:** 「全ての入出金」ページでは、あえて銀行の取引明細を模したデザインを採用しました。他人の通帳を覗き見るような、ある種の「ギルティ・プレジャー」すら伴う生々しい**「丸見え感」**が、透明性への信頼を生みます。
2. 安心感を与える「サンキーチャート」
ファーストビューには、お金の流れを一本の図で表す「サンキーチャート」を配置しました。複雑な数字を読み解かなくても、「どこから入って、どこへ流れたか」が直感的にわかります。「この1枚を見ればすべてが把握できる」という情報の集約が、ユーザーに圧倒的な安心感を与えます。
3. ユーモアによる心理的ハードルの低下
あえて「校内の機密データ流出事故ではありません」といった遊び心のある注釈を忍ばせています。真面目すぎる政治プロダクトのトーンを軽やかに崩し、「覗いてもいいんだ」という心理的な許可をユーザーに与える工夫です。
---
専門知と平易さの共存:『みらい議会』による「翻訳」の挑戦
国会の議論を可視化する『みらい議会』が直面したのは、官報のような「文字の壁」です。ここで重要だったのは、単に「簡単にする」ことではありません。
78年の専門知への敬意
デザイナーとして法案原文に向き合ったとき、そこには戦後78年間にわたり、政治家や官僚が積み上げてきた膨大な「専門知(Professional Knowledge)」が詰まっていることに気づかされました。安易な要約は、その重みを損なうリスクがあります。私たちのミッションは、専門知を切り捨てるのではなく、市民がその深みに辿り着くための「橋」をデザインすることでした。
「詳しく/やさしく」トグルボタンの革新
専門知の尊重と分かりやすさを両立させるため、画面右上に切り替えスイッチを実装しました。
- **「やさしく」モード(ELI5):** AIを活用し、欧米で標準的な**「ELI5(Explain Like I'm Five:5歳児に説明するように)」**という手法で法案を解説します。
- **「詳しく」モード:** 専門家が精緻に作り上げた原文を表示します。
ユーザーが自身の関心やリテラシーに応じて、情報の深度を能動的に選べる体験を設計しました。
読解を妨げない「可変UI」とAIアシスタント
ユーザーが自然に学習を深められるよう、細かなマイクロインタラクションを施しています。
- **可変UI(Variable UI):** スクロール中は読解を妨げないようAI質問ボックスが縮小し、ユーザーが立ち止まると「何か聞きたいことはありますか?」と拡張する設計です。
- **質問の呼び水:** 「一言で教えて」といった質問例ボタンを用意し、AIとの対話のハードルを極限まで下げました。
---
シビックデザインが切り拓く、日本の政治の新しい形
これまで、政治活動のプロセスにこれほど本格的なデザインの意志が介在した事例は、日本の国政史上おそらく初めてと言っていいでしょう。
デザインとは単に見た目を整えることではなく、「誰かが明確な意図を持って、情報の送り手と受け手の距離を埋めること」です。政治の世界にデザインが入り込むことは、単なる「見える化」を超え、市民が政治に参加するための「前提条件」を整える、極めてエポックメイキングな挑戦なのです。
---
結論:共創するプロダクトとして
デザインの力によって、政治は「無機質な記号」から「私たちの生活を動かす体温のある活動」へと変わり始めます。本記事のまとめとして、以下の3つの視点を提案します。
- **メタファーによる架け橋:** 「問題用紙」を「家計簿」へ。日常の感覚に接続し、政治の心理的距離を無効化する。
- **専門知とELI5のハイブリッド:** AIを活用し、「5歳児でもわかる平易さ」と「積み上げられた専門性」をユーザーが自由に往復できるUIを作る。
- **可変UIによる能動性の喚起:** ユーザーの挙動に寄り添うデザインで、情報の「壁」を「対話の窓口」へと変える。
「チームみらい」のプロダクトは、まだ完成形ではありません。私たちはYouTubeのコメント欄に寄せられるフィードバックの一つひとつを、次なるデザインのヒントとして大切に受け止めています。
政治をよりとっつきやすく、より分かりやすく。私たちのプロダクトを使い倒し、ぜひあなたの声を届けてください。共に、日本の政治をアップデートしていきましょう。
Full stack 技術者