政治に「気持ちが湧く」デザインを:チームみらいが仕掛けるUI/UXの革新
現在の政治において、情報は「公開」されてはいても、それが私たち市民の元へ正しく届いているとは言い難い現状があります。政治資金収支報告書や議事録といった膨大なデータは、一般の有権者にとって「見えにくい」「分かりにくい」「とっつきにくい」という3つの厚い壁に阻まれているからです。
公開日時: 2026年7月6日 5:46 · 更新: 2026年9月27日 22:48
機械翻訳です。正確な内容は原文をご確認ください。新しい翻訳の作成にはログインが必要です(1日3回、本文などの合計24,000文字まで)。
1. はじめに:なぜ政治の情報は「自分事」にならないのか?
現在の政治において、情報は「公開」されてはいても、それが私たち市民の元へ正しく届いているとは言い難い現状があります。政治資金収支報告書や議事録といった膨大なデータは、一般の有権者にとって「見えにくい」「分かりにくい」「とっつきにくい」という3つの厚い壁に阻まれているからです。
私たち開発チームがプロトタイプを動かす中で、何度も口にした言葉があります。それは、既存の政治情報に触れても「気持ちが湧かない」ということでした。ただ数字が並び、無機質な文字が羅列されているだけの資料は、内容を理解し、関心を持つための「感情のフック」が欠落しています。情報の「公開」と「理解」の間には、あまりにも大きな距離が存在しているのです。
この課題に対し、日本の国政史上初めて、政治活動のプロセスにデザインの視点を本格的に導入したのが「チームみらい」のプロジェクトです。デザインの力で、政治にふたたび「鼓動」を取り戻す。専門知を誰もが触れられる形へと翻訳する、新しいUI/UXの挑戦についてお伝えします。
2. 「みらい まる見え政治資金」:家計簿のように親しみやすい透明性
政治資金の流れを可視化する「みらい まる見え政治資金」では、まずユーザーが直感的に「何っぽく見えるか」というモチーフの選定を最優先しました。
- **「テスト用紙」から「家計簿」へ:**
従来の収支報告書は、まるで「テストの問題用紙」のようです。複雑な枠組みの中に数字が並び、解かなければならない「難解で面倒なもの」という印象を与えていました。そこで本プロダクトでは、私たちの生活に密接な「家計簿」や「銀行口座のアプリ」をモチーフに採用しました。日常的な感覚の延長線上で、政治資金を捉えられるように設計したのです。
- **「1枚で全てがわかる」サンキーチャート:**
ファーストビューには、お金の流れを太い線で表現する「サンキーチャート」を配置しました。複雑な数字の羅列を読み解く前に、「お金の流れがこの1枚に全部まとまっている」という事実を視覚化することで、ユーザーに圧倒的な安心感、透明感、信頼感を提供しています。
- **通帳デザインと遊び心:**
入出金明細は、銀行の通帳を強く意識したレイアウトにしました。また、あえて「機密データ流出事故ではありません」といったユーモアのある注釈を添えることで、政治特有の堅苦しさを排除し、ユーザーの心理的ハードルを軽やかに下げる工夫を施しています。
3. 「みらい議会」:難解な法案を「自分たちのルール」として読み解く
国会で議論される法案は、私たちの社会を駆動させる重要なルールです。しかし、その原文は「文字の壁」そのものであり、読む者の「目が滑る」状態を引き起こします。これを解決するため、「みらい議会」ではAIを活用した翻訳機能を実装しました。
- **「詳しく」ボタンに込めた敬意:**
画面右上の「詳しく」ボタン(トグルスイッチ)では、「5歳児でもわかる解説(ELI5)」と「専門的な原文」を瞬時に切り替えられます。
- **デザイナーのジレンマと78年の歴史:**
単に分かりやすくするだけでは、専門家が積み上げてきた緻密な「専門知」が削ぎ落とされてしまいます。1947年の第1回国会以来、78年にわたり政治家や官僚が積み上げてきた法案の重みを知ったとき、私の胸には熱い思いが湧いてきました。安易な簡略化は、この歴史への敬意を欠くことになりかねない。だからこそ、分かりやすさを入り口にしつつ、いつでも重厚な原文に戻れる「架け橋」としてのUIを追求しました。
- **AIアシスタントによる対話型UI:**
ユーザーが主体的に情報を紐解けるよう、細部まで「細かい技」を凝らしています。
* ポップアップ検索: 選択したテキストから即座に「AIに聞く」ボタンが出現。
* 質問例の提示: 「この法案を一言で教えて」などの具体例を配置し、問いかけをガイド。
* 動的なUI設計: スクロール中は控えめに、立ち止まった時には質問ボックスが大きくなるなど、ユーザーの挙動に寄り添う設計を施しました。
4. アクセシビリティへのこだわり:誰一人取り残さないための「優しさ」
「みらい議会」の設計は、既存の主要ニュースメディアの徹底的なリサーチに基づいています。幅広い層が使い慣れた形を目指し、政治を特定の層だけのものにしないための配慮を尽くしました。
その象徴が、漢字へのルビ(ふりがな)振り機能です。老若男女、誰もが等しく政治の議論に参加できるように施されたこの「ガイド」は、プロダクトの根底に流れる「優しさ」に基づいています。専門的な議論を、あらゆる人へと開かれたものにアップデートすること。それがデザイナーとしての私の使命です。
5. おわりに:デザインが政治と私たちの距離を縮める
デザインの本質は、単に見映えを整えることではありません。専門的な知見を「翻訳」し、人々が「とっつきやすい」形へ変換することにあります。デザインこそが、政治と市民の間に横たわる物理的・心理的な距離を埋めることができるのです。
「チームみらい」のプロダクトは、まだ完成形ではありません。実際にサイトを触っていただき、その使い心地をぜひフィードバックしてください。皆さんの声と共に、政治に「気持ちを宿す」ためのアップデートをこれからも続けていきます。
Full stack 技術者