投稿をはじめる

政治に「気持ち」を呼び込む:チームみらいが仕掛けるUI/UXデザインの革新

従来の政治資金収支報告書や国会の議事録を広げたとき、私たちが抱くのは「知りたい」という好奇心よりも、圧倒的な拒絶感ではないでしょうか。無機質な数字の羅列、難解な専門用語の壁。それはまるで、解き方のわからない「テストの問題用紙」を突きつけられているかのようです。

公開日時: 2026年7月8日 5:50 · 更新: 2026年9月27日 22:48

機械翻訳です。正確な内容は原文をご確認ください。新しい翻訳の作成にはログインが必要です(1日3回、本文などの合計24,000文字まで)。

1. イントロダクション:なぜ政治の情報は「遠い」のか

従来の政治資金収支報告書や国会の議事録を広げたとき、私たちが抱くのは「知りたい」という好奇心よりも、圧倒的な拒絶感ではないでしょうか。無機質な数字の羅列、難解な専門用語の壁。それはまるで、解き方のわからない「テストの問題用紙」を突きつけられているかのようです。

「情報が公開されている」ことと「内容を理解できる」ことの間には、あまりにも巨大な溝があります。サービスデザイナーであり、自らも参議院選挙(愛知県選挙区)への出馬経験を持つ山根ゆや氏をはじめとする「チームみらい」の開発現場では、既存の政治資料を前にした感覚を「気持ちが湧かない」という言葉で定義しました。

どんなに重要な議論も、人々の心に届かなければ存在しないも同然です。本記事では、この「政治への心理的距離」をテクノロジーとデザインの力でいかに縮めるのか。国政史上初めて本格的に「デザイン」が介入した、民主主義のOSをアップデートする試みをジャーナリスティックな視点から解き明かします。

2. 「未来まる見え政治資金」:日常のメタファーでお金の流れを可視化する

「未来まる見え政治資金」が挑んだのは、政治資金の透明化を「自分ごと」化するデザインです。ここでは、ユーザーの認知負荷を下げるために日常的なメタファーが戦略的に配置されています。

家計簿・銀行口座のモチーフ

政治資金という「遠い世界の話」を、最も身近なお金の管理である「通帳をチェックする感覚」へと変換しています。

  • **家計簿的なUI:** 月ごとの収支推移をグラフ化。生活実感に近い形でお金の動きを提示します。
  • **銀行明細の再現:** 「日付」「カテゴリー」「金額」を整理したリスト形式を採用。ユーザーが日常的に使い慣れたUIを模倣することで、操作への心理的障壁を排除しています。
  • **戦略的なユーモア:** 画面下に添えられた「機密データの流出事故ではありません」という注釈。これは単なるジョークではなく、プロダクト全体の威圧感を削ぎ落とし、「軽やかでとっつきやすい」という体験を演出するための計算された「振る舞い」です。

サンキーチャートがもたらす「直感」

ファーストビューで目を引くのは、お金の流れを太い線で表したサンキーチャートです。山根氏が「にょろっとした線の太さ」と表現するこの図解は、デザイン理論的にも極めて合理的です。

複雑な内訳を細かく読み解く前に、視覚的なボリューム感として「どこから入り、どこへ流れたか」が1枚の図で完結している。この「一目で全容が掴める」という感覚こそが、ユーザーに安心感と「透明性への信頼」を抱かせるのです。

3. 「未来議会」:AIで「情報の壁」を打ち破る

国会で審議される法案は、社会を支える「専門知の結晶」です。しかし、原文を前にすると多くの有権者は「目が滑る」「無になる」という感覚に陥ります。この「情報の壁」をAI(ChatGPT)の力で突破するのが「未来議会」です。

ELI5(5歳児でも分かる説明)

難解な法案を読み解くため、チームは「ELI5(Explain Like I'm Five:5歳児に教えるように説明して)」という手法を取り入れました。難しい概念を優しい言葉に「翻訳」することで、法案が自分たちの生活にどう関わるのかという「体温(気持ち)」を呼び起こす装置として機能させています。

「詳しく」ボタン:専門知への敬意とアクセシビリティ

特筆すべきは、画面右上の「詳しく」というトグルスイッチです。ここには、デザイナーとしての深い洞察と葛藤が込められています。

> 「ニュースサイトでも見かけない『詳しく』ボタンを右上の目立つ場所に配置するのは、実はかなり勇気のいる決断でした。分かりやすくすればするほど、専門家が積み上げてきた緻密な情報がこぼれ落ちてしまう。しかし、同じユーザーでも、シーンによって『専門知としての原文』と『優しい解説』を使い分けられることこそが、最高のユーザー体験に繋がると信じて設置しました」

単なる要約に留まらず、官僚や政治家が積み上げた専門知を尊重しつつ、誰一人取り残さないアクセシビリティを確保する。この二律背反をデザインで解決した点に、このプロダクトの真価があります。

4. ユーザー体験を深める細部へのこだわり

チームみらいのデザインは、見栄えの良さ以上に、ユーザーが能動的に情報を読み解くための「振る舞いの設計」に心血を注いでいます。

  • **AIアシスタントの対話デザイン:**

テキストを選択すると即座に「AIに聞く」ボタンがポップアップする機能や、質問例の提示。これらはユーザーを迷わせないためのナビゲーションであり、情報の「受け身」から「対話」への転換を促します。

  • **フローを止めない演出:**

スクロールに合わせてテキストボックスのサイズが変化するUIは、ユーザーの視線と注意力を法案の中身に集中させるための工夫です。また、ルビ振り機能の実装など、老若男女が等しく情報にアクセスできるための「優しさ」が徹底されています。

既存のニュースメディアですら踏み込めなかった、こうした挑戦的なUIの実装は、政治という硬直した領域にデザインが風穴を開けた象徴的な事例と言えるでしょう。

5. 結論:デザインが変える政治の未来

日本の国政史上、ここまで本格的にデザインが「政治の入り口」を設計したことはありませんでした。これは単なる便利なツールの開発ではなく、デザインが民主主義のOSを再構築しようとする歴史的な転換点です。

「未来まる見え政治資金」と「未来議会」は、まだ完成形ではありません。しかし、デザインによって政治に「気持ち」が宿り始めたことは確かです。

この挑戦を加速させるのは、私たち有権者の声です。ぜひプロダクトを触り、その手触りを体感してください。そして、YouTubeのコメント欄などを通じてフィードバックを寄せてください。あなたは単なる利用者ではなく、政治の新しいUI/UXを共創する「開発の共犯者」なのです。チャンネル登録をして、この民主主義のアップデートの続きをぜひ共に見届けてください。

唐

唐澤 あきら

Full stack 技術者

PubHub の関連記事