政治に「気持ちが湧く」デザインを:チームみらいが仕掛けるUI/UXの革命
政治資金収支報告書や国会の議事録をブラウザで開いた瞬間、私たちはある種の見えない「壁」に突き当たります。びっしりと並んだ数字、無機質な表、そして日常とかけ離れた難解な専門用語。これらを前にしたとき、私たちの脳は情報の処理を拒絶し、視線が表面を滑っていくような感覚——いわゆる「目が滑る」状態に陥ります。
公開日時: 2026年7月10日 6:12 · 更新: 2026年9月27日 22:48
機械翻訳です。正確な内容は原文をご確認ください。新しい翻訳の作成にはログインが必要です(1日3回、本文などの合計24,000文字まで)。
1. 導入:なぜ今、政治に「デザイン」が必要なのか
政治資金収支報告書や国会の議事録をブラウザで開いた瞬間、私たちはある種の見えない「壁」に突き当たります。びっしりと並んだ数字、無機質な表、そして日常とかけ離れた難解な専門用語。これらを前にしたとき、私たちの脳は情報の処理を拒絶し、視線が表面を滑っていくような感覚——いわゆる「目が滑る」状態に陥ります。
これは単なる個人の集中力の問題ではなく、情報設計(インフォメーション・アーキテクチャ)における欠陥です。従来の政治情報は、ユーザーに解読の負担を強いる「無(む)」の状態であり、そこには市民が主導権を持って関与できる余地がほとんどありませんでした。
こうした現状に対し、日本の国政史上初とも言える「政治活動への本格的なデザイン導入」を試みたのが「チームみらい」です。サービスデザイナーの山根野幸氏は、従来の政治情報に欠けていたのは「気持ちが湧く」という体験であると指摘します。本記事では、デザインの力でいかにして政治を「自分たちの物語」へと変換したのか、そのUI/UXに込められた意図を紐解きます。
---
2. 「みらい まる見え政治資金」:日常のメンタルモデルを政治に接続する
「政治とお金」という最も不透明で心理的距離の遠い領域を、どうすれば身近に感じられるか。山根氏が導き出した答えは、私たちがすでに持っている日常のメンタルモデル(慣れ親しんだ直感的な理解)を活用することでした。
従来の報告書が抱える3つの課題
1. 見えにくい: 情報の優先順位が整理されておらず、どこが重要か直感的に把握できない。
2. 分かりにくい: 専門的な項目名が多く、お金の性質や背景が理解しづらい。
3. とっつきにくい: 「テストの問題用紙」のような心理的圧迫感があり、積極的に閲覧する意欲が削がれる。
デザインのモチーフ:家計簿と通帳
山根氏は、UIに着手する前に「何っぽく見られたいか(イメージの湧きやすさ)」を定義しました。そこで選ばれたのが、生活に密着した2つのモチーフです。
- **家計簿:** お金と生活が結びつく、最も親しみやすいインターフェース。
- **銀行口座:** 出入りを正確に記録し、管理する信頼の象徴。
主要機能の解説:安心感と遊び心の共生
- **サンキーチャート:** サイトのトップには、資金の流れを一本の太い川のように視覚化した**サンキーチャート**を配置しました。山根氏が「ニョロニョロ」と表現するこの図は、単なるグラフではありません。複雑なお金の全容を「この1枚で全体像が見える」状態に落とし込むことで、ユーザーに圧倒的な**安心感**と**透明性**を提供します。
- **入出金明細:** ページ下部は、銀行の通帳を模したデザインを採用。他人の通帳を覗き見るという、本来は「タブー」でありながら抗いがたい興味をそそる体験をUIに組み込みました。また、「**校内の機密データ流出事故じゃありません**」といったユーモア(遊び心)を添えることで、真面目すぎる政治プロダクト特有の緊張感を緩和し、ユーザーの心理的な**フリクション(摩擦)**を取り除いています。
---
3. 「みらい議会」:法案という「文字の壁」をAIで翻訳する
次に挑んだのが、国会で今何が話し合われているかを可視化する「みらい議会」です。参議院の法案ページという、専門家以外には「壁」にしか見えない難解な情報を、いかにして血の通った言葉に変えるかが最大のテーマでした。
「ELI5」がもたらす体験の変貌
チームみらいは、AIを「翻訳者」として導入しました。
- **ELI5(5歳児でもわかるように):** アメリカで親しまれている「Explain Like I'm Five」の手法を採用。難解な法案を極限まで噛み砕いて説明することで、情報の「壁」は、市民が政治参加するための「架け橋」へと変わりました。
「詳しく/優しく」トグルボタン:専門知への敬意
当初、分かりやすさだけを追求していた山根氏は、ある歴史的事実に突き当たり、設計思想を転換しました。現在の国会は、1947年の吉田茂内閣による第1回国会から、官僚や政治家が78年もの歳月をかけて積み上げてきた専門知の集大成であるということです。
- **設計思想:** 歴史の重みを安易に捨て去るのではなく、専門的な原文(**専門知**)と平易な解説を自由に行き来できる「切り替えスイッチ」を実装しました。
- **デザイナーの勇気:** 画面右上の最も目立つ場所に配置されたこのボタンには、「なんじゃこりゃ(何だこれは?)」と拒絶されるリスクを承知で、あえて配置したデザイナーの**勇気**が込められています。ユーザーの理解度や状況に合わせて情報を選択できる可変性こそが、誠実なUIであると考えたのです。
学習を深める「リアクティブなUI」
ユーザーが能動的に学びを深められるよう、AIアシスタント機能にも細かな配慮が施されています。
- **ポップアップ検索:** 読み進める中で分からないテキストを選択すると、即座に「AIに聞く」ボタンが出現。
- **質問例の提示:** 最初の一歩を後押しするため、「この法案を一言で教えて」といった具体的な質問サンプルを配置。
- **可変UIの挙動:** ユーザーがスクロールを止めると、AI質問ボックスがふわりと拡大して問いかけを促すなど、ユーザーの挙動に反応する「生きたデザイン」を実現しています。
---
4. 総括:デザインが政治と市民の距離を縮める
単に情報を公開(ディスクロージャー)するだけでは不十分です。重要なのは、情報の受け手が「分かる」「とっつきやすい」と感じ、そこから自分の意見を持ち、「気持ちが湧く」状態を作ること。そのための「意思あるデザイン」こそが、民主主義をアップデートする鍵となります。
「みらい議会」で見せたルビ振り(ふりがな)の徹底や、ひらがなと漢字のバランス調整といった細部へのこだわりは、子供から高齢者まで、あらゆる世代に開かれた政治を実現するためのデザインの矜持です。
---
5. 読者へのメッセージとアクション
「みらい まる見え政治資金」と「みらい議会」は、まだベータ版です。これらは完成された静的なソフトウェアではなく、ユーザーからのフィードバックを通じて絶えず進化し、磨かれていく「現在進行形の共同制作」なのです。
デザインによって民主主義のインターフェースを書き換える。そのプロセスに、あなたも参加してみませんか? まずはプロダクトを実際に触ってみてください。そして、率直な意見を届けてください。私たちのフィードバックこそが、より良い未来をデザインするための、最も重要なデータになるのです。
Full stack 技術者