投稿をはじめる

政治に「気持ち」を吹き込む。デザイナーが語る、政治資金・国会議論のUI/UX革命

# 政治に「気持ち」を吹き込む。デザイナーが語る、政治資金・国会議論のUI/UX革命 1. イントロダクション:なぜ今、政治に「デザイン」が必要なのか 日本の国政という舞台において、政治家の活動に本格的な「デザイン」のメスが入ることは、これまで極めて稀な、歴史的な出来事と言っても過言ではありません。政治の情報は「公開」されてはいるものの、そこには一般市民を阻む巨大な壁がそびえ立っています。...

公開日時: 2026年6月4日 5:35 · 更新: 2026年9月27日 22:48

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

# 政治に「気持ち」を吹き込む。デザイナーが語る、政治資金・国会議論のUI/UX革命


1. イントロダクション:なぜ今、政治に「デザイン」が必要なのか


日本の国政という舞台において、政治家の活動に本格的な「デザイン」のメスが入ることは、これまで極めて稀な、歴史的な出来事と言っても過言ではありません。政治の情報は「公開」されてはいるものの、そこには一般市民を阻む巨大な壁がそびえ立っています。


私たち開発チームが従来の政治資金収支報告書や国会議事録を分析した際、共通して胸を衝いたのは「これを見ても、何の気持ちも湧いてこない(無を感じる)」という切実な課題でした。データはあっても、有権者の心が動かない。そんな現状を、私たちはデザインの力で「見えにくい・分かりにくい・とっつきにくい」という3つのキーワードから解き明かそうと試みました。


単なる情報の羅列を、触れるだけでワクワクするような「手触り感」のある体験へ。政治を「自分事」にするための挑戦が、ここから始まりました。


2. 「未来まる見え政治資金」:家計簿のような親しみやすさを追求


政治資金収支報告書を初めて見たとき、私は「まるでテストの問題用紙だな」と直感しました。無機質な枠に数字が並ぶ様は、見る人に「難しそう」「面倒そう」という拒絶反応を起こさせます。この「とっつきにくい」印象を払拭するため、私たちは2つの親しみやすいモチーフを採用しました。


  • **家計簿っぽさ**
  • 日常のお金の管理と結びつけることで、政治資金を生活の延長線上にあるものとして捉え直しました。月ごとの推移を家計簿アプリのようなインターフェースで見せることで、直感的な理解を助けます。

  • **銀行口座っぽさ**
  • 「他人の財布の中身を覗き見るようなリアリティ」を追求しました。明細一覧をオンラインバンキングの履歴のようにデザインすることで、情報の透明性を「実感」できるものへと昇華させています。


    さらに、視覚的な情報の壁を壊すために以下のUI要素を組み込みました。


  • **サンキーチャート(1枚の図)**
  • 「見えにくい」課題への回答です。お金の入り口から出口までを1枚の流れ図に凝縮しました。「これさえ見れば全体の流れが分かる」という安心感は、情報の透明性と信頼感に直結します。

  • **ユーモアのある注釈**
  • 「機密データ流出事故ではありません」といった遊び心のある注釈を添えました。真面目すぎるプロダクトに軽やかな隙を作ることで、ユーザーの心理的ハードルを下げ、探索する楽しさを演出しています。


    3. 「未来議会」:難解な法案という「壁」をAIで翻訳する


    国会の法案は、文字がびっしりと詰まった「壁」です。どんなに重要な議論でも、専門用語の羅列に「目が滑って」しまい、内容が頭に入ってこない。この「分かりにくい」という課題に対し、私たちはAI(ChatGPT)を「翻訳者」として起用しました。


    導入したのは、アメリカで親しまれている「ELI5(5歳児に教えるように)」というプロンプトの概念です。難解な法案を「私たちの生活にどう関わるか」というレベルまで噛み砕く。その瞬間、文字の塊だった法案に命が宿り、読む人の胸に「気持ちが湧いてくる」体験が生まれるのです。


    また、ユーザーの思考を妨げないための細かなデザインにもこだわりました。


  • **「詳しく」ボタン(トグルスイッチ)**:画面右上に配置したこのスイッチは、実はデザイナーとしての「賭け」でした。ニュースサイトでは異例の配置ですが、ワンタップで「専門用語」と「優しい言葉」を行き来できる体験こそが、政治の入り口に必要だと考えたのです。
  • **AIアシスタントの挙動**:テキストを選択するだけで即座に質問できるポップアップ機能を実装。さらに、スクロール中は邪魔にならないよう小さくなり、読み手が立ち止まると「質問できます」と大きく広がる変幻自在なUIを採用し、学習をさりげなくサポートします。
  • **質問例ボタン**:「何を聞けばいいか分からない」という不安に寄り添い、クイックに質問を始められるガイドを用意しました。

  • 4. 専門知とアクセシビリティの両立というジレンマへの挑戦


    デザインを進める中で、私はある激しい葛藤に直面しました。分かりやすくするために情報を削ぎ落とすことは、果たして正解なのか。


    ふと気になり、1947年の第1回国会(吉田茂内閣)の議事録を紐解いたとき、胸に熱いものが込み上げました。そこには、78年もの間、先人たちが積み上げてきた膨大な「専門知」と歴史の重みがあったのです。法案は、私たちの社会を駆動させるための、知恵の結晶でした。


    この「専門知」への敬意を忘れてはならない。そこで辿り着いたのが「切り替え」という設計思想です。「優しい入り口」は用意するけれど、いつでも「専門的な原文」にアクセスできる。この両立こそが、老若男女に開かれた、真にフレンドリーな民主主義のUIだと確信しています。さらに、ルビ(ふりがな)を徹底的に振るなど、誰もが置いてけぼりにされないアクセシビリティへの配慮も、私たちの譲れないこだわりです。


    5. 結論:デザインで政治を「自分事」にする未来へ


    今回お届けした「未来まる見え政治資金」と「未来議会」は、決して完成形ではありません。むしろ、政治をより身近で、理解しやすく、そして思わず「参加したくなるもの」へと変えていくための、終わりのない旅の始まりです。


    私たちは、このプロダクトを皆さんと一緒に育てていきたいと考えています。「なんじゃこりゃ?」という厳しいご意見から、「これなら分かる」という喜びの声まで、あらゆるフィードバックが次なるUI/UX革命の原動力になります。


    政治に新しい風を吹き込み、誰もが未来を選択できる社会を作るために。ぜひ、YouTubeチャンネルへの登録や、プロダクトへの率直なフィードバックをお願いします。デザインの力で、政治をもっとワクワクするものに変えていきましょう。

    唐

    唐澤 あきら

    Full stack 技術者

    PubHub の関連記事