政治に「気持ちが湧く」デザインを:チームみらいが仕掛けるUI/UX革命の舞台裏
日本の政治情報は、長らく「見えにくい」「分かりにくい」「とっつきにくい」という3拍子が揃った状態にありました。政治資金収支報告書や議事録は、インターネットで検索すれば誰でも閲覧可能です。しかし、それらを目にしても、私たち市民の心にはなかなか「気持ちが湧いてこない」のが実情ではないでしょうか。
公開日時: 2026年6月10日 5:31 · 更新: 2026年9月27日 22:48
機械翻訳です。正確な内容は原文をご確認ください。新しい翻訳の作成にはログインが必要です(1日3回、本文などの合計24,000文字まで)。
1. イントロダクション:なぜ政治は「自分事」になりにくいのか
日本の政治情報は、長らく「見えにくい」「分かりにくい」「とっつきにくい」という3拍子が揃った状態にありました。政治資金収支報告書や議事録は、インターネットで検索すれば誰でも閲覧可能です。しかし、それらを目にしても、私たち市民の心にはなかなか「気持ちが湧いてこない」のが実情ではないでしょうか。
既存の政治資料を初めて見たとき、私は「テストの問題用紙」のようだ、と感じました。枠の中に数字や難解な言葉が並び、何か正解を書き込まなければならないような、あるいは解くのが面倒な宿題を突きつけられているような感覚です。この「公開されていること」と「理解できること」の間にある巨大な溝が、政治を遠ざける要因となってきました。
サービスデザイナーとして、またシビックテックを推進する立場として、私は「デザインは民主主義をアップデートするためのOS(基盤)」であると考えています。本記事では、政治資金を可視化する「みらい まる見え政治資金」と、法案の壁を取り払う「みらい議会」という2つのプロダクトを通じて、私たちがどのように政治に「感情」と「理解」を取り戻そうとしているのか、その舞台裏を明かします。
2. 「みらい まる見え政治資金」:家計簿と通帳のメタファーが生む信頼感
「みらい まる見え政治資金」は、政治団体のお金の流れを透明化するためのツールです。ここでのデザインの使命は、従来の「とっつきにくい」印象を、「進んで見てみたくなる」体験へと転換することにありました。
- **日常的なモチーフの活用**
UIを設計する際、私は「家計簿」と「銀行口座」という2つの日常的なモチーフを採用しました。家計簿は生活に密接なお金管理の形であり、銀行口座は誰もが使い慣れた信頼の象徴です。政治資金という遠い存在を、自分の生活の延長線上にあるものとして再定義したのです。
- **「ニョロニョロ」したチャートの魔力**
サイトのトップ(ファーストビュー)には、いわゆる「ニョロニョロ」とした線でお金の流れを表現した「サンキーチャート」を配置しました。数字の羅列を読み解かなくても、この1枚の図を見るだけで「どこから入り、どこへ出たか」が直感的にわかります。この「1枚で俯瞰できる」という体験が、ユーザーに安心感と透明感を与えます。
- **銀行明細風UIとユーモアの効能**
入出金明細は、あえて銀行の通帳やアプリを模したデザインにしています。他人の通帳を覗き見るような感覚は、裏を返せば「隠し事がない」という強力なメッセージになります。また、ページ下部に「校内の機密データ流出事故ではありません」といったユーモアを添えたのは、真面目一辺倒ではない「軽やかさ」を演出し、ユーザーの心理的ハードルを下げるためです。
3. 「みらい議会」:法案という「文字の壁」を突き崩す翻訳術
国会の法案原文は、専門知識のない人にとってはまさに「文字の壁」です。この壁を突き崩すために、「みらい議会」ではニュースメディアのような親しみやすいUIを構築しました。
- **「5歳児でもわかる」翻訳**
難解な法案の内容を理解するために、AIを活用した「ELI5(Explain Like I'm Five:5歳児に説明するように)」という手法を導入しました。これにより、専門家以外の人の心にも「気持ちが湧く」ような、噛み砕いた解説を生成することが可能になりました。
- **「詳しく/やさしく」トグルボタンに込めた勇気**
情報の正確さと分かりやすさは、時にトレードオフの関係にあります。そこで画面右上に、専門用語のまま読む「詳しく」と、平易な言葉で読む「やさしく」を切り替えるスイッチを配置しました。一番目立つ場所にこのボタンを置くことには、「なんじゃこりゃと言われないか」という不安もありましたが、自分のペースで学習を深めるために不可欠な機能だと信じて実装しました。
- **能動的理解を促すAIアシスタント**
ユーザーがただ読むだけでなく、自ら学習を深められるよう細かな仕掛けを施しています。
* テキスト選択による即時検索: 読みながら分からない言葉をなぞるだけで、AIへの質問ボタンがポップアップします。
* 質問例の提示: 何を聞けばいいか迷わないよう、「この法案を一言で教えて」といったクイックボタンを用意しました。
* 動的なUI: ユーザーが読む手を止めたタイミングでAI質問ボックスが大きくなるなど、ユーザーの動きに呼応する設計で能動的な学びを支えます。
4. 政治×デザインの「なぜ(Why)」:専門知を市民に開放するために
政治にデザインが必要なのは、単に「見た目を綺麗にするため」ではありません。法案とは、1947年の第1回国会から続く78年もの歴史の中で、政治家や官僚が積み上げてきた「専門知の塊」です。私はこの膨大な知の集積に深いリスペクトを感じています。
デザインの役割は、この専門知を「難解だから」と切り捨てるのではなく、その価値を損なわずに市民へと開放することにあります。分かりやすく翻訳する過程で重要な情報がこぼれ落ちるジレンマに対して、私たちは「ユーザーが複数の翻訳パターンを選べる」というUIで答えを出しました。
また、漢字へのルビ振りや、ひらがな表記の丁寧な検討といったディテールは、老若男女を問わず、あらゆる人が国会の議論にアクセスできるようにするための「優しさ」です。こうした細部の積み重ねが、政治をフレンドリーなものへと変えていきます。
5. 結論:フィードバックから始まる、新しい民主主義の形
チームみらいによるUI/UXの試みは、政治と市民の距離をデザインの力で再定義する挑戦です。
- **「気持ちが湧く」体験の重視:** 「テストの問題用紙」のような無機質な情報を、感情が動く直感的な体験へ。
- **専門知とアクセシビリティの両立:** 78年の歴史への敬意を保ちつつ、AIやトグルボタンで理解の門戸を広げる。
- **能動的な参加を促す設計:** ユーザーが自ら問いを立て、学習していけるインタラクティブな環境の提供。
これらのプロダクトは、まだ完成形ではありません。むしろ、ユーザーの皆様からの「使いにくい」「もっとこうしてほしい」という声を受けて、共に磨き上げていくものです。
ぜひ、実際にプロダクトを触って、あなたの感じたことを教えてください。YouTubeのコメントやチャンネル登録、高評価での応援も、私たちの大きな原動力になります。デザインの力で、政治を自分たちの手に取り戻していきましょう。
Full stack 技術者