政治に「気持ちが湧く」デザインを:チームみらいが仕掛けるUI/UXの革新
政治資金収支報告書や国会の議事録を前にしたとき、多くの人が共通して抱く感覚があります。それは「目が滑る」という感覚、あるいは「何も気持ちが湧いてこない」という、圧倒的な「無」の状態です。
公開日時: 2026年6月21日 5:41 · 更新: 2026年9月27日 22:48
機械翻訳です。正確な内容は原文をご確認ください。新しい翻訳の作成にはログインが必要です(1日3回、本文などの合計24,000文字まで)。
1. 導入:なぜ私たちは政治に「無」を感じるのか
政治資金収支報告書や国会の議事録を前にしたとき、多くの人が共通して抱く感覚があります。それは「目が滑る」という感覚、あるいは「何も気持ちが湧いてこない」という、圧倒的な「無」の状態です。
従来の政治情報は、あたかも「テストの問題用紙」のような無機質な枠と数字の羅列であったり、有権者を拒絶するかのように立ちはだかる「文字の壁」であったりしました。これらは「見たい」と思わせる対象ではなく、むしろ心理的な拒絶反応を引き起こす要因となっていました。
私たちの開発現場でも、プロトタイプを作るたびに「気持ちが湧かないね」という言葉が合言葉のように飛び交いました。この「無」の状態をいかに打破し、心が動く体験へと変えるか。これは日本の国政史上おそらく初めて、本格的なUI/UXデザインの視点を政治活動の核心に導入した、歴史的な挑戦の記録です。
2. デザインのミッション:「公開」を「理解」へ変える
政治情報を民主主義のインフラとして機能させるためには、従来の「見えにくい」「分かりにくい」「とっつきにくい」という3つの高い壁を取り払わなければなりません。
サービスデザイナーの視点から言えば、単に情報を「公開」するだけでは不十分です。データがそこにあることと、有権者がそれを「わかる」「自分に関係がある」と感じることの間には、あまりにも深い溝があるからです。
デザインの真のミッションは、誰かが明確な「意思」を持って、この溝を埋めることにあります。情報の透明性を担保するだけでなく、受け手が自然と理解を深められるような「デザインの意志」をプロダクトに込めること。それこそが、政治を「自分事」へと接続する架け橋となります。
3. 事例1:未来丸見え政治資金 — 「家計簿」と「銀行口座」の親しみやすさ
「未来丸見え政治資金」では、政治資金という遠い存在を、私たちの日常的な感覚に引き寄せるための「モチーフ」を重視しました。
- **「生活の延長線」にあるデザイン:**
馴染みの薄い収支報告書を、誰もが知る「家計簿」や「銀行口座」に見立てました。収入・支出の推移を時系列で示し、通帳の明細のようなレイアウトを採用することで、ユーザーは自身の生活の延長線上として政治資金を捉えることができます。
- **「にょろっと」直感的にわかるサンキーチャート:**
ファーストビューには、お金の流れを一本の図にまとめた「サンキーチャート」を配置しました。膨大なリストを読み解かずとも、お金がどこから入り、どこへ流れたのかが「にょろっと」した線の太さで直感的に把握できます。この「1枚で全てがわかる」という感覚が、ユーザーに大きな安心感と透明性、そして信頼を与えます。
- **覗き見のワクワクとユーモア:**
「他人の銀行口座を覗いている」ような、ある種の背徳感すら覚えるほどの徹底した公開。そこにはあえて「機密データ流出事故ではありません」という遊び心のあるUIを添えました。この軽やかなユーモアが、政治特有の重苦しさを取り払い、進んで中身を見たくなる「とっつきやすさ」を生んでいます。
4. 事例2:未来議会 — 「5歳児でもわかる」AI翻訳と専門性の両立
「未来議会」は、国会という「文字の壁」に囲まれた聖域を、全世代に開放するためのプラットフォームです。
- **ELI5(5歳児に説明するように):**
法案の原文は専門用語の塊であり、読もうとする端から「目が滑って」しまいます。そこでAIを活用し、「ELI5(Explain Like I'm Five)」という手法を取り入れました。難解な議論を、まるで子供に語りかけるような平易な言葉へ翻訳することで、情報の「無」を「納得」へと変えます。
- **デザイナーの勇気:専門知への敬意:**
一方で、情報を削ぎ落としすぎることは、1947年から78年間にわたって政治家や官僚が積み上げてきた「専門知」への敬意を欠くことにもなりかねません。このジレンマを解決するため、画面右上に「詳しい(専門用語)」と「やさしい(平易な言葉)」を切り替えるトグルボタンを配置しました。ニュースメディアとしては異例のUI配置ですが、専門性を尊重しつつ分かりやすさを両立させるため、勇気を持って実装した機能です。
- **ユーザーを能動的にする「マイクロ・インタラクション」:**
* テキスト選択AI検索: 分からない言葉をなぞるだけでAIが解説するポップアップが表示され、理解の断絶を防ぎます。
* 質問例クイックボタン: 「一言で教えて」といった質問例を用意し、AIとの対話のハードルを最小化しました。
* 可変型UI: スクロール中は操作を邪魔しないよう小さく、ユーザーが手を止めて考えたい場面では自然とAIへの質問ボックスが大きく広がる。この細かな挙動が、能動的な学習をサポートします。
5. 結論:デザインが民主主義をアップデートする
私たちの挑戦は、単に見た目を整えることではありません。すべての漢字にルビ(ふりがな)を振る機能を備えるなど、子供から高齢者まで、あらゆる世代が「政治の壁」を感じないための細かな配慮の集積です。
これらのプロダクトは、決して「完成形」ではありません。むしろ、ユーザーの皆さんのフィードバックを受けて進化し続ける「進行中の実験」です。デザインの力で、政治を自分たちの手に取り戻す。そのプロセスそのものが、現代における民主主義の新しい姿なのです。
6. 読者へのメッセージ(Takeaways)
今日からあなたも、「民主主義のベータテスター」として参加してみませんか?
- **1. デザインを架け橋に:** 政治は「難解な儀式」ではなく、デザインによって私たちの「日常」と繋がります。
- **2. テクノロジーで壁を壊す:** AIとUIの融合は、情報の非対称性を解消し、誰もが等しく知る権利を支えます。
- **3. フィードバックで育てる:** プロダクトを触り、意見を送る。その一歩が、政治をより使いやすく、より身近なものへと変えていきます。
まずはサイトを訪れ、その「とっつきやすさ」を体感してください。あなたの声が、次のアップデートを形作ります。
Full stack 技術者