投稿をはじめる

政治に「気持ちが湧く」デザインを:チームみらいが仕掛けるUI/UXの革新

政治資金収支報告書や国会の議事録。これら日本の民主主義の根幹を成すデータに触れたとき、私たちが抱く素直な感想は「無(む)」ではないでしょうか。そこには、有権者の関心を阻害する決定的な「UX上の摩擦」が存在しています。

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

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

1. 導入:なぜ政治は「自分事」になりにくいのか?

政治資金収支報告書や国会の議事録。これら日本の民主主義の根幹を成すデータに触れたとき、私たちが抱く素直な感想は「無(む)」ではないでしょうか。そこには、有権者の関心を阻害する決定的な「UX上の摩擦」が存在しています。

  • **見えにくい:** どこに重要な情報があるのか、直感的レイアウトが存在しない。
  • **分かりにくい:** 専門用語と数字の羅列で、コンテクスト(文脈)の解釈が困難。
  • **とっつきにくい:** 従来の報告書は、まるで**「テストの問題用紙」**のようです。答えを埋めなければならないような圧迫感と、解くこと自体が苦痛な「心理的距離」が、人々の足を遠ざけてきました。

私たちデザインチームが開発中、何度も立ち戻ったキーワードが「気持ちが湧かない」という言葉です。情報が公開されていることと、それが「伝わる」ことの間には、巨大な溝があります。

日本の国政史上、政治活動の核心にデザインの視点を本格導入することは、極めて挑戦的で「破壊的」なパラダイムシフトです。単なるお化粧ではない、民主主義をアップデートするUI/UXの革新について、シニアUXデザイナーの視点から解説します。

---

2. 「みらい まる見え政治資金」:家計簿と通帳が教えてくれた「信頼」の形

プロダクトを設計する際、私たちは「何っぽく見られたいか」という設計思想を最優先しました。政治資金という堅苦しいデータを、いかにして日常の温かみのある体験へ変換するか。その答えが「家計簿」と「銀行口座」というモチーフでした。

サンキーチャートがもたらす「視覚的統合」

ページ冒頭で目を引く、通称「ニョロニョロ」ことサンキーチャート。これこそが信頼構築のコアです。

  • **情報の集約:** バラバラの収支データを1枚の図に統合することで、「これさえ見ればお金の流れがすべてわかる」という安心感を生み出します。
  • **透明性の実感:** 複雑な構造を一枚絵に落とし込むことで、隠し事のない「透明感」を視覚的に担保しています。

銀行明細風UIと、心理的障壁を壊すユーモア

ページ下部の入出金リストは、私たちが使い慣れた銀行通帳のUIを模しています。

> 「校内の機密データ流出事故ではありません」

こうした遊び心のある注釈を添えることで、「他人の懐事情を覗き見ている」ような後ろめたさを、「オープンでフレンドリーな公開データ」というポジティブな体験へと変換しているのです。

---

3. 「みらい議会」:AIで「文字の壁」を崩し、対話を可能にする

国会の法案は、未経験者にとってはまさに「文字の壁」。これを単に要約して終わらせるのではなく、情報の「深さ」と「広さ」を両立させるためにAIを活用しました。

「詳しく/やさしく」トグルボタン:専門知への敬意と翻訳

画面右上のトグルスイッチは、このプロダクトの「発明」です。

  • **「詳しく」モード:** 法案は1947年の第1回国会以来、78年にわたり積み上げられてきた**「専門知の結晶」**です。この歴史と重みを尊重し、プロフェッショナルのための詳細な情報をあえて残しています。
  • **「やさしく」モード:** 世界的な標準プロンプトである**ELI5(Explain Like I'm 5:5歳児に教えるように)**の思想を導入。難しい背景を噛み砕き、直感的に理解できる言葉へと翻訳します。

職人技(クラフトマンシップ)が光るマイクロインタラクション

ユーザーが自然に学習を深められるよう、細部までこだわり抜いたUXを実装しました。

  • **文脈に沿ったAI対話:** テキストを選択すると「AIに聞く」ボタンがポップアップ。その場ですぐに疑問を解消できます。
  • **インテリジェントなUI変化:** スクロール中に手を止めると、**AIテキストボックスがふわっと大きく広がり、ユーザーに問いかけを促す**設計になっています。
  • **質問のガイド:** 「一言で教えて」といったクイックな質問例を提示し、AIとの対話の第一歩をサポートします。

---

4. アクセシビリティへのこだわり:誰一人取り残さない「意図的な優しさ」

テクノロジーによる「新しさ」が、誰かを排除する壁になってはなりません。私たちは「意図的な優しさ」をUIに込めました。

  • **多世代への配慮:** 難しい漢字にはすべてルビ(ふりがな)を振り、老若男女が等しく情報にアクセスできる環境を整えました。
  • **手厚いオンボーディング:** 「ここを押すと詳しくなるよ」といった丁寧なガイダンスを随所に配置。新しい機能に戸惑うことなく、探索を楽しめるよう工夫しています。

私たちは、このプロダクトを完成形だとは思っていません。「完璧ではないが、フィードバックを受けて爆速でアップデートし続ける」というアジャイルな姿勢こそが、政治とデザインの新しい関係性を作ると信じています。

---

5. 結論:デザインが変える政治の未来

政治のデザインとは、単に見た目をきれいにすることではありません。情報の公開と、国民の「理解」の間にある深い溝を、テクノロジーとクリエイティブで埋める作業です。

1. 「透明性」を「納得感」へ: 情報を一枚の図に統合し、安心感を生み出す。

2. 「日常」への接続: 家計簿や通帳といった慣れ親しんだモチーフで心理的障壁を破壊する。

3. 「多層的な翻訳」: AIを活用し、78年の専門知への敬意を保ちつつ、誰にでも伝わる言葉を提供する。

政治に新しい風を吹き込むこの挑戦を、ぜひ実際のプロダクトで体感してください。あなたのフィードバックが、この国の民主主義のUIをさらに磨き上げます。

この記事がワクワクした!という方は、ぜひ高評価とチャンネル登録で、私たちの挑戦を応援してください。一緒に政治を「自分事」にしていきましょう!

唐

唐澤 あきら

Full stack 技術者

PubHub の関連記事