投稿をはじめる

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

政治資金収支報告書や議事録を開いたとき、私たちの心に去来するのは、単なる「難しさ」ではありません。それは、まるで算数のテストの問題用紙を突きつけられたときのような、「何を見ればいいのかわからない」「解かなければならないが、読みたくない」という、心理的な拒絶に近い感覚です。

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

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

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

政治資金収支報告書や議事録を開いたとき、私たちの心に去来するのは、単なる「難しさ」ではありません。それは、まるで算数のテストの問題用紙を突きつけられたときのような、「何を見ればいいのかわからない」「解かなければならないが、読みたくない」という、心理的な拒絶に近い感覚です。

サービスデザイナーとして私たちが向き合ってきたのは、この「気持ちが湧かない(無の状態)」という深刻な課題です。

現在、多くの政治情報は「公開」されています。しかし、データがウェブ上に存在することと、市民がそれを「理解し、とっつきやすいと感じる」ことの間には、依然として巨大な距離があります。本記事では、チームみらいが開発した2つのプロダクトを通じて、デザインがいかにしてこの「無」を「関心」や「信頼」という感情へ変えていくのか、その戦略的な意図を解き明かします。

2. 政治を阻む「3つの壁」とデザインの役割

政治という領域において、市民の情報アクセスを阻んでいるのは「見えにくい」「分かりにくい」「とっつきにくい」という3つの高い壁です。

これまで政治活動において「デザイン」が重視されることは稀でした。しかし、サービスデザイナーの山根氏は、自身の活動を「日本の国政史上初めて、政治活動の中にデザインが本格的に入った事例ではないか」と捉えています。

制作の根底にあるのは、単なる表面的な装飾ではなく、「なぜ作るのか(Why)」「何を作るのか(What)」という情報設計(IA)の視点です。既存の政治情報のあり方を、ユーザーの「メンタルモデル(日常的な理解の枠組み)」に適合させることで、認知負荷を最小限に抑える試みが始まりました。

3. 『みらい まる見え政治資金』:家計簿と通帳のメタファー

政治資金の透明化を目指す『みらい まる見え政治資金』では、手を動かす前に「何っぽく見られたいか」というコンセプト設計を徹底しました。

既存のメンタルモデルの活用

既存の報告書が「テストの問題用紙」のような苦痛を強いるのに対し、本プロダクトでは市民が日常的に触れている2つのモチーフを採用しました。

  • **家計簿:** お金と生活が密接に結びついた、親しみやすく実用的なイメージ。
  • **銀行口座:** 信頼感があり、かつ「他人の通帳を覗き見る」ような、知的好奇心を刺激するイメージ。

「見える化」を支えるUXの工夫

  • **サンキーチャート(通称:ニョロニョロ):**

収入から支出までの流れを1枚の図で表現しました。複数のグラフを読み解く手間を省き、「これさえ見れば全体像がわかる」という安心感と透明感を提供します。

  • **入出金明細とユーモア:**

銀行の通帳を模したUIを採用し、親近感を演出しました。あえて「校内の機密データ流出事故ではありません」といったユーモアを添えることで、真面目すぎる政治情報に伴う緊張感を和らげ、「丸見えであること」をポジティブに印象づけています。

4. 『みらい議会』:AIとデザインで「壁」を「メディア」に変える

国会で議論される法案の原文は、まさに「文字の壁」です。読むだけで目が滑り、思考が停止してしまう現状を、私たちはAIとデザインの力で「読めるメディア」へと再定義しました。

専門知への敬意とアクセシビリティの両立

  • **ELI5(5歳児でもわかる)レベルへの翻訳:**

「Explain Like I'm 5」の精神に基づき、AIを用いて難解な法案を極めて平易な言葉に翻訳します。これにより、理解の速度を劇的に向上させました。

  • **「詳しく/やさしく」トグルボタン:**

分かりやすさを追求する一方で、私たちは大きなジレンマに直面しました。法案とは、1947年の吉田茂内閣以来、78年にわたり政治家や官僚が積み上げてきた「専門知の結晶」です。簡略化しすぎることは、その歴史や重みを損なうことにもなりかねません。

そこで、画面右上のスイッチで「原文(詳しく)」と「平易な解説(やさしく)」を瞬時に切り替えられるUIを実装しました。これは、専門性への敬意と、誰一人取り残さないアクセシビリティを両立させるための戦略的な解決策です。

思考を妨げないAIアシスタント

ユーザーが法案を「自分事」として深掘りできるよう、細部(マイクロインタラクション)にもこだわっています。

  • **文脈に応じたUI変化:** ユーザーがテキストを読み進めている(スクロール中)間は、AIボックスは邪魔にならないよう小さく収縮します。一方で、ユーザーの手が止まり、考え込んでいると判断した際には、質問を促すようにボックスが強調・拡大されます。
  • **テキスト選択からの即時検索:** 分からない単語を選択するだけでポップアップが表示され、そのままAIに質問が可能です。
  • **質問例の提示:** 「この法案を一言で言うと?」といったクイックボタンを配置し、問いを立てるハードルを下げています。

5. 結論:デザインが変える「有権者の体験」

デザインとは、単に見栄えを整えることではありません。情報を「自分事」として捉えてもらい、政治に対して「気持ちが湧く」状態へとユーザーを導くための、明確な「意思」の表明です。

  • **直感の重視:** 「テストの問題用紙」から「触りたくなるプロダクト」へ。
  • **既知の活用:** 家計簿や通帳といった日常的なモチーフで認知負荷を下げる。
  • **スイッチによる共存:** 専門知の深さと、分かりやすさの広さを自在に行き来させる。

チームみらいのプロダクトは、まだ完成形ではありません。私たちは、デザインの力で政治を「市民の手に取り戻すメディア」へとアップデートし続けたいと考えています。

ぜひ実際にプロダクトに触れていただき、YouTubeのコメント欄などで忌憚のないフィードバックをお寄せください。有権者の皆さんと共に、政治の新しいUI/UXを作り上げていくこと。それが私たちの願いです。

唐

唐澤 あきら

Full stack 技術者

PubHub の関連記事