投稿をはじめる

政治に「気持ちが湧く」デザインを。UI/UXが変える政治情報の新しいカタチ

政治資金収支報告書や国会議事録。これらは本来、民主主義の根幹を成す血流のような情報です。しかし、それらを目の前にしたとき、私たちの心に去来するのは「無」という感覚ではないでしょうか。記号的な数字、難解な語彙、そして感情を排した無機質なレイアウト。そこには、読み手の心を動かす「手触り」が決定的に欠けています。

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

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

1. 導入:なぜ私たちは政治に「無」を感じるのか?

政治資金収支報告書や国会議事録。これらは本来、民主主義の根幹を成す血流のような情報です。しかし、それらを目の前にしたとき、私たちの心に去来するのは「無」という感覚ではないでしょうか。記号的な数字、難解な語彙、そして感情を排した無機質なレイアウト。そこには、読み手の心を動かす「手触り」が決定的に欠けています。

こうした「政治情報の無機質さ」という巨大な壁に対し、今、日本の憲政史上でも極めて意義深い挑戦が始まっています。それは、国会議員の活動実態や政治資金の透明性を確保するために、UI/UXデザインの視点を真っ向から導入するという試みです。これまで「公開(ディスクロージャー)」の義務を果たすだけで止まっていた政治情報に、デザインという「サービス」の概念を掛け合わせる。これは、国民主権という建前を、誰もが享受できる具体的なユーザー体験へとアップデートする、社会実装の第一歩なのです。

2. 政治情報の3大課題:「見えにくい・分かりにくい・とっつきにくい」

現状の政治情報が市民との間に作り出している「疎外感」は、デザイン的な視点から見ると3つの負の体験に分解できます。

  • **見えにくい(Visibilityの欠如)**

データはPDFなどの形式で「公開」されてはいるものの、情報の所在が分散し、全体像を把握するためには膨大なリテラシーと忍耐を必要とします。

  • **分かりにくい(Understandabilityの欠如)**

行政特有の専門用語や複雑な会計ルールが、理解を阻む高い壁となっています。情報の受け手に対して「読み解くための努力」を強要する、不親切なインターフェースの典型です。

  • **とっつきにくい(Approachabilityの欠如)**

従来の資料は、まるで「テストの問題用紙」のような威圧感を与えます。枠線と数字が並ぶだけの紙面は、視覚的なアフォーダンスに欠け、市民に「これは自分には関係のない、難しいものだ」というメンタルモデルを植え付けてしまいます。

「公開されていること」と「伝わること」の間には、深い溝が存在します。情報の羅列が引き起こす「心の無関心」を解消するためには、単なる情報の開示を超え、市民の感情に訴えかける「情報デザイン(インフォメーション・デザイン)」への転換が不可欠なのです。

3. 事例1:未来まる見え政治資金 —— 「家計簿」と「通帳」がモチーフの透明性

政治資金の透明化を目指す「未来まる見え政治資金」では、情報の受け手が直感的に理解できるよう、日常の文脈に基づいたメタファー(比喩)が徹底されています。

「ファーストビュー」で全体像を提示する

最も特徴的なのは、ページを開いた瞬間に目に飛び込んでくる「サンキーチャート」です。お金の入り口と出口を一目で把握できるこのチャートを「ファーストビュー」に配置したことには、大きな戦略的意味があります。断片的な数字を追う前に、まず「お金の流れの全体像」を視覚的に提示することで、ユーザーに圧倒的な安心感と信頼感を与え、情報の透明性を確信させる設計になっています。

日常のUIに寄せる「通帳」のモチーフ

詳細な入出金明細のセクションでは、誰もが使い慣れている「銀行口座の通帳」や「家計簿アプリ」のUIをモチーフに採用しました。他人の通帳を覗き見るような感覚は、政治資金という遠い存在を、自分たちの生活に密着したリアルなお金の話へと引き寄せます。

ユーモアという「トーン&マナー」

画面の端々に「機密データ流出ではありません」といった遊び心のある注釈を忍ばせている点も、デザイン上の重要な意思決定です。これは単なる悪ふざけではなく、情報の重圧感を和らげ、プロダクトのトーンを「軽やか(エアリー)」にするための高度な演出です。このユーモアが、政治情報の持つ特有の威圧感を解除し、市民がアクセスしやすい空気感を作り出しています。

4. 事例2:未来議会 —— 「言葉の壁」をAIとデザインで突破する

難解な法案審議を可視化する「未来議会」では、テクノロジーを駆使して、市民の「知る権利」を実質的な「アクセス権」へと昇華させています。

AIによる「ELI5(5歳児でもわかる翻訳)」

難解な法案原文に対し、AIを活用した「ELI5 (Explain Like I'm Five)」の概念を導入。政治の「壁」を「入り口」に変えるために、情報の解像度をあえて落とし、誰もが直感的に内容を把握できる要約を提供しています。

「専門知」への敬意とトグルスイッチの革新

一方で、プロダクトチームは「分かりやすさ」のために専門性を切り捨てることを良しとしませんでした。現在の法案審議の形式は、1947年の第1回国会以来、78年にわたって積み上げられてきた政治家と官僚による「専門知(プロフェッショナル・ナレッジ)」の集大成です。

そこで実装されたのが、右上にある「詳しく」ボタン(トグルスイッチ)です。「優しい言葉」と「専門的な原文」をユーザーが自らの意思で切り替えられるこのUIは、アクセシビリティの確保と専門性の維持という、一見相反する二つの要素を高い次元で両立させています。

ユーザー体験を高めるマイクロ・インタラクション

ユーザーが能動的に情報を深掘りできるよう、UIには細やかな仕掛けが施されています。

  • **AIアシスタントの挙動**: テキストを選択すると即座に「AIに聞く」ボタンがポップアップし、質問例の提示によって問いのハードルを下げています。
  • **動的なテキストボックス**: スクロール中は邪魔にならないよう縮小し、ユーザーが思考を止めてテキストに注目すると拡大する。この「呼吸」のようなマイクロ・インタラクションが、ストレスのない探索体験を支えています。
  • **アクセシビリティの追求**: 漢字への「ルビ(ふりがな)」振り機能を備え、高齢者や若年層を含むあらゆる世代への配慮を欠かさない、ユニバーサルデザインとしての姿勢を貫いています。

5. 結論:デザインが政治と市民の距離を縮める

デザインとは、単なる表面上の美装ではありません。それは「何を、誰に、どう伝えるか」という強力な「意思」そのものです。政治という、これまでデザインの力が及びにくかった領域にUI/UXの視点を持ち込むことは、市民と国家の間に新しい信頼関係を構築する行為に他なりません。

これらのプロジェクトはまだ完成形ではありません。「完璧ではないが、フィードバックを受けて進化し続ける」という開発チームのアジャイルな姿勢こそが、停滞していた政治コミュニケーションを動かす鍵となります。デザインの力によって、政治情報が「気持ちの湧くもの」へと変わっていくとき、私たちは初めて、民主主義のユーザーとして主体的に社会に参画できるのです。

6. 本記事のまとめ(テイクアウェイ)

  • **「日常の文脈」への翻訳**: 家計簿や通帳といった既存のメンタルモデルを活用し、政治情報の「とっつきにくさ」を解消する。
  • **専門性とアクセシビリティの権利**: 分かりやすい要約と、78年の歴史を持つ「専門知」をユーザーが自ら選択できる権利(トグルスイッチ)をUIで担保する。
  • **AIによるガイドとマイクロ体験**: 難解な情報を噛み砕くだけでなく、AIアシスタントや動的なUIを通じて、ユーザーが自発的に「問い」を立てるプロセスを支援する。
唐

唐澤 あきら

Full stack 技術者

PubHub の関連記事