政治に「気持ちが湧く」デザインを:チームみらいが仕掛けるUI/UX革命の舞台裏
既存の政治資金収支報告書や議事録を前にしたとき、多くの人が抱くのは「無」に近い感覚ではないでしょうか。公開はされている。しかし、そこに広がるのは複雑な表、無機質な専門用語、そして圧倒的な「文字の壁」です。
公開日時: 2026年6月29日 5:55 · 更新: 2026年9月27日 22:48
機械翻訳です。正確な内容は原文をご確認ください。新しい翻訳の作成にはログインが必要です(1日3回、本文などの合計24,000文字まで)。
1. イントロダクション:なぜ私たちは政治に「無」を感じるのか?
既存の政治資金収支報告書や議事録を前にしたとき、多くの人が抱くのは「無」に近い感覚ではないでしょうか。公開はされている。しかし、そこに広がるのは複雑な表、無機質な専門用語、そして圧倒的な「文字の壁」です。
私たち開発チームが議論を重ねる中で共通言語となっていたのは、「気持ちが湧かない」という強烈な違和感でした。今の政治情報は、まるで「テストの問題用紙」のようです。解かなければならない「面倒な課題」のように感じられ、私たちの日常とは切り離された、遠い世界の出来事に見えてしまう。この心理的な「認知の距離(Cognitive Distance)」こそが、国民と政治の間に横たわる最大の壁でした。
本記事では、サービスデザイナーの山根野幸を中心とした「チームみらい」が、デザインと思想の力でその距離をどう埋めたのか。単なる「情報の公開(Public)」を「真の理解(Understanding)」へと変えるための、戦略的なUI/UX設計の舞台裏を解き明かします。
---
2. 「未来丸見え政治資金」:家計簿と通帳のモチーフで生む安心感
政治資金という、ともすれば堅苦しく、あるいは不透明な印象を与えかねないデータを、私たちは「何っぽさ(モチーフ)」で再定義すべきか。その問いに対し、日常生活に密接な2つのモチーフを採用しました。
- **家計簿アプリ風のUIによる親和性**
「自分たちの生活に最も近いお金」の象徴である家計簿をベースに、収入・支出の推移を時系列で可視化しました。これにより、政党の活動を「私たちの生活の延長線上にある家計」として直感的に捉えられるようにしています。
- **「ニョロニョロ(サンキーチャート)」がもたらす認知の緩和**
「どこから入り、何に使われたか」を、線の太さでお金のボリュームを表現するサンキーチャート(流れる図)で描きました。バラバラの数字を読み解く苦痛からユーザーを解放し、「この1枚で全てがわかる」という安心感と信頼感を戦略的に提供しています。
- **「覗き見」のリアリティを生む銀行通帳UI**
全入出金明細は、あえて銀行の通帳を模したUIに。他人の財布を覗いているような、あるいは「これ、本当は見ちゃっていいのかな?」という、ある種の背徳感すら伴う「丸見え感」を演出することで、情報の透明性を強調しました。
- **「真面目すぎない」ためのユーモア**
「校内の機密データ流出事故ではありません」といった遊び心のある注釈は、重要な戦略です。政治特有の「真面目すぎてとっつきにくい」トーンをあえて崩すことで、ユーザーが「悪い気持ちがしない」軽やかなアクセス環境を整えました。
---
3. 「未来議会」:法案という「文字の壁」を突破する翻訳の力
参議院の公式ページにある法案を初めて目にしたとき、チームが感じたのは「絶望的な無」でした。しかし、そこには一つの大きな発見がありました。
- **78年の歴史を誇る「専門知の塊」への敬意**
1947年(昭和22年)、吉田茂内閣から始まった日本の国会。法案の難解な文章は、単なる「壁」ではなく、政治家と官僚が78年間にわたって積み上げてきた、社会を動かすための「専門知の塊」なのです。私たちはこれを単に切り捨てるのではなく、現代の技術で「翻訳」することに決めました。
- **AIによる「ELI5(5歳児でも分かる)」翻訳**
アメリカで親しまれている「ELI5 (Explain Like I'm Five)」の概念を導入。AIに対し「5歳児に教えるように」とプロンプトを出すことで、難解な法案を劇的に噛み砕きました。このプロセスこそが、開発チーム自身が初めて政治に「気持ちが湧く」瞬間でもありました。
- **「勇気のいる」トグルスイッチの決断**
画面右上の目立つ場所に配置した「詳しく・やさしく」の切り替えボタン。これは一般的なニュースメディアでは見られない、UX上の大きな挑戦でした。
* 詳しい(専門用語版): 78年の歴史が宿る専門知を、そのままの解像度で提示する。
* やさしい(ELI5版): 誰にでも開かれた入り口を用意する。
このスイッチは、情報を「平坦化」するのではなく、ユーザーの関心に合わせて「深度」を調整するための、民主主義への架け橋です。
---
4. 能動的な理解を助ける「行動デザイン」とアクセシビリティ
情報を一方的に提示するだけでなく、ユーザーが自ら思考を深めるための「能動的なUI」を細部に仕込んでいます。
- **テキスト選択からのAI検索(村井氏のアイデア)**
開発メンバーの村井からの提案で実装されたのが、法案内の不明な言葉をドラッグするだけで即座にAIに質問できるポップアップ機能です。読書体験を妨げずに、疑問をその場で解消できます。
- **チャットのハードルを下げる「質問例」ボタン**
AIへの問いかけを躊躇させないよう、「この法案を一言で教えて」といったクイックな質問ボタンを設置。AIとの対話を自然にガイドします。
- **スクロールに連動する行動デザイン**
文章を読み進めている間はテキストボックスが縮小し、ユーザーが思考のために足を止めた(スクロールを止めた)瞬間に大きく広がる。ユーザーの呼吸に合わせた細やかな挙動を追求しました。
- **あらゆる世代に開かれた「ルビ機能」**
老若男女、誰もが情報にアクセスできるようルビ(ふりがな)機能を搭載。漢字とひらがなのバランスをミリ単位で調整し、徹底的にフレンドリーな視覚表現を目指しました。
---
5. 結論:デザインが「公開」と「理解」の架け橋になる
情報が単に「公開(Public)」されていることと、それが国民に「伝わっている」ことの間には、依然として深い溝があります。その溝を埋めるのは、無機質なデータの羅列ではなく、明確な意思を持った「翻訳」としてのデザインです。
私たちが目指したのは、政治を「テストの問題用紙」から「私たちの明日のためのツール」へと変えること。デザイナーがその仕組みを親しみやすく再定義することが、政治を「自分ごと化」する最初の一歩になると信じています。
チームみらいのプロダクトは、まだ進化の途中にあります。皆様からのフィードバックこそが、このツールをより鋭く、より温かいものへと磨き上げる原動力です。ぜひ、触れて、感じて、皆様の声を聞かせてください。共に、政治に「気持ちが湧く」未来を作っていきましょう。
Full stack 技術者