政治に「気持ちが湧く」デザインを:チームみらいが仕掛けるUI/UXの革命
政治資金収支報告書や国会の議事録を前にしたとき、多くの人が共通して抱く感覚があります。それは、びっしりと敷き詰められた文字を前に「目が滑る」ような、圧倒的な「文字の壁」に阻まれる感覚です。
公開日時: 2026年6月19日 5:39 · 更新: 2026年9月27日 22:48
機械翻訳です。正確な内容は原文をご確認ください。新しい翻訳の作成にはログインが必要です(1日3回、本文などの合計24,000文字まで)。
1. 導入:なぜ政治の書類は「気持ちが湧かない」のか
政治資金収支報告書や国会の議事録を前にしたとき、多くの人が共通して抱く感覚があります。それは、びっしりと敷き詰められた文字を前に「目が滑る」ような、圧倒的な「文字の壁」に阻まれる感覚です。
サービスデザイナーである山根ゆや氏は、この現象を「気持ちが湧かない」という言葉で鋭く定義しました。情報は法的に「公開」されてはいるものの、受け手である市民の心に「もっと知りたい」「自分たちの生活に関係がある」という感情の灯がともらない。この「公開されていること」と「伝わること」の間にある広大な溝を、デザインとテクノロジーの力でいかに埋めるか。
本記事では、チームみらいが提唱する、政治を「自分事」へと翻訳するためのUI/UX設計思想について解説します。
2. デザインの第一歩:「何っぽく見られたいか」の定義
UI(ユーザーインターフェース)を構築する際、私たちは単にボタンを配置し、色を塗るわけではありません。最も重要なのは、具体的な手を動かす前に「モチーフ」を定義することです。
従来の政治資料が抱える最大の課題は、パッと見た瞬間に「テストの問題用紙」を想起させてしまう点にあります。高い情報密度、硬直したレイアウト、そして「解かなければならない」「間違えてはいけない」という圧迫感。これではユーザーの心理的ハードルは上がる一方です。
シニアデザイナーの役割は、この負のメンタルモデルを壊し、適切な余白と視覚的階層を整えることで「視線の導線を彫り出す」ことにあります。設計の初期段階で「何っぽく見られたいか」というメタファーを確立することが、情報のアクセシビリティを劇的に向上させるのです。
3. 事例1:『みらい まる見え政治資金』――「家計簿」と「通帳」の安心感
政治資金の透明性を追求する『みらい まる見え政治資金』では、情報の性質を「日常の延長線上」に置くため、あえて馴染み深いモチーフを採用しました。
サンキーチャートによる「信頼の可視化」
ファーストビューで目を引くのは、帯状の線でお金の流れを表現したサンキーチャートです。
なぜこれが信頼を生むのか。それは、お金の「ボリューム(金額)」と「方向(使途)」を同時に、かつ直感的に一枚の絵で示せるからです。表形式の数字を追いかける苦痛から解放し、「この一枚を見ればすべてがわかる」という感覚を提供することが、透明性への第一歩となります。
銀行口座・家計簿風のUI
詳細な入出金明細には、多くの人が日常的に触れている「通帳」や「家計簿アプリ」のUIを模しました。
また、UIの硬さを和らげるために「機密データ流出事故ではありません」といったユーモアのあるコメントを添えています。これは単なるお遊びではなく、真面目すぎるプロダクト特有の緊張感を解き、ユーザーが「悪い気持ち」にならずに探索を続けられるための「UXの潤滑油」として機能しています。
4. 事例2:『みらい議会』――AIを活用した「翻訳」と「専門知」の両立
国会で議論される法案は、本来私たちの社会を形作るための「知の結晶」です。しかし、その原文はあまりに高コンテキストで、市民を拒絶する「壁」となっていました。
ELI5(5歳児でもわかる解説)
『みらい議会』では、AIを用いて法案を日常言語へと「翻訳」しています。ここで核となるのが、ELI5(Explain Like I'm Five)というアプローチです。
「5歳児に教えるように説明して」というプロンプトを用いることで、難解な法的な言い回しを、文脈を保ったまま低コンテキストな日常言語へと噛み砕きます。これにより、理解の速度が劇的に向上し、法案が「自分事」として立ち上がってくるのです。
「詳しく」ボタンの葛藤と、78年の歴史への敬意
一方で、わかりやすさを追求するあまり、専門性を切り捨てることには強い抵抗がありました。法案には、戦後78年にわたる立法府の積み重ねと、政治家や官僚が磨き上げてきた専門知が詰まっているからです。
そこで導入したのが、画面右上の「詳しく」ボタン(トグルスイッチ)です。この目立つ位置にスイッチを置くことは、標準的なニュースメディアのUIとしては異例であり、デザイナーとして「勇気」のいる決断でした。
しかし、このスイッチこそが、「素人のための優しい言葉」と「プロの専門知」をユーザーが自由に行き来することを可能にしました。また、漢字にはルビ(ふりがな)を振ることで、年齢を問わずあらゆる人がアクセスできるインクルーシブな設計を徹底しています。
5. インタラクティブな学習体験を支えるAIアシスタント
ユーザーが受動的に読むだけでなく、自ら問いを立てるプロセスを支援するために、「Just-in-Time Learning(必要な瞬間に学ぶ)」の考え方をUIに組み込みました。
- **「AIに聞く」ポップアップ:** テキストをマウス選択した瞬間にボタンが出現。思考が途切れる前に、その場で疑問を解消できます。
- **質問の呼び水となるガイド:** 「何を聞けばいいかわからない」という壁を壊すため、具体的な質問例ボタンを配置。
- **動的なスクロール連動:** 読んでいる最中は入力を邪魔せず、止まると質問ボックスが広がる。ユーザーの動作に寄り添う細やかな調整を施しています。
6. 結論:デザインが変える「政治の風景」と読者へのメッセージ
政治において「公開されていること」と「伝わること」は似て非なるものです。デザインには、その距離を埋める力があります。
今回私たちが形にしたプロダクトは、まだ完成形ではありません。むしろ、ユーザーの皆さんからのフィードバックという「デザインの種」を受け取り、磨かれ続けるプロセスそのものが、民主主義をアップデートしていく力になると信じています。
【読者へのテイクアウェイ】
1. 政治の情報を「家計簿」のような日常のメンタルモデルに落とし込み、心理的な距離をゼロにすること。
2. 「わかりやすさ」と「専門性」の二者択一をせず、ユーザーが情報の深さを選べるインターフェースを提供すること。
3. テクノロジー(AI)を単なる要約ツールではなく、能動的な参加を促す「ガイド」として定義すること。
私たちの社会を動かす法案やお金の流れが、もっと多くの人にとって「気持ちの湧く」ものになるように。ぜひ、YouTubeチャンネルでの議論に参加し、あなたの声を届けてください。そのフィードバックこそが、次のデザインを形作ります。
Full stack 技術者