投稿をはじめる

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

政治資金収支報告書や国会の議事録。これらは本来、民主主義の根幹を支える重要な情報です。しかし、実際にそれらを目にしたとき、私たちの心には何が浮かぶでしょうか。多くの人は「面白い」「もっと知りたい」というポジティブな感情ではなく、どこか突き放されたような感覚を覚えるはずです。

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

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

政治資金収支報告書や国会の議事録。これらは本来、民主主義の根幹を支える重要な情報です。しかし、実際にそれらを目にしたとき、私たちの心には何が浮かぶでしょうか。多くの人は「面白い」「もっと知りたい」というポジティブな感情ではなく、どこか突き放されたような感覚を覚えるはずです。

「チームみらい」が挑むのは、そんな「とっつきにくい政治情報」をデザインの力でアップデートし、市民の「気持ちが湧く」体験へと変貌させる試みです。今回は、UXデザインの専門的な視点から、その革新的なアプローチを読み解きます。

1. 導入:なぜ政治の情報は見ても「気持ちが湧かない」のか?

従来の政治情報が抱える課題は、単に「文字が多い」ことだけではありません。そこには「見えにくい」「分かりにくい」「とっつきにくい」という3つの大きな壁が存在します。

例えば、公開されている政治資金収支報告書。数字と専門用語が無機質に並ぶその姿は、まるで「テストの問題用紙」です。それを見たユーザーは、内容を理解する前に「今から計算や暗記を強いられるのか」という労働のような精神的負担や、一種の試験に対する不安感を抱いてしまいます。開発チーム内では、この状態を「気持ちが湧かない」という言葉で定義しました。

情報は単に「公開(Disclosure)」されているだけでは不十分です。それがユーザーに「理解(Understanding)」されるまでには、途方もない距離があります。この距離を埋め、情報検索コストを最小化することこそが、現代の政治デザインに求められる使命なのです。

2. 「未来まる見え政治資金」:日常のメタファーがもたらす透明性

サービスデザイナーの山根氏は、制作において「手を動かす前に、『何っぽく見られたいか』を定義すること」を最優先しました。政治という難解なドメインに対し、どのようなモチーフを用いれば心理的障壁を下げられるのか。その答えが「日常」でした。

  • **家計簿・銀行口座のモチーフによる心理的安全性**

政治資金の流れを、使い慣れた「家計簿アプリ」や「銀行の入出金明細」のようなUIで構成しました。これは単なる模倣ではなく、政治を「遠くの出来事」から「自分たちの生活に密接な、身近なお金の話」へと再定義するためのUX戦略です。

  • **サンキーチャートによる「認知の緩和」**

画面トップに配置された「にょろにょろした図」――技術的にはサンキーチャートと呼ばれるこの図は、お金の入り口から出口までを一本のフローで可視化します。バラバラのグラフを読み解く「情報検索コスト」を劇的に削減し、一目で全体像を把握させることで、ユーザーに圧倒的な安心感と透明性を提供しています。

また、明細の下に添えられた「機密データ流出事故ではありません」というジョーク。これは単なるユーモアではなく、真面目すぎるトーンを和らげることでユーザーの緊張を解き、プロダクトとの心理的距離を縮めるための重要なエッセンスです。

3. 「未来議会」:78年の「専門知」と「文字の壁」を両立する

国会の法案資料は、あまりの情報密度に「文字の壁」を通り越し、もはや「無(む)」を感じさせるほどのハードルがあります。しかし、山根氏はこの膨大な資料を読み解く中で、ある本質的な気づきを得ました。

それは、これらの文書が1947年の吉田茂内閣以来、78年間にわたって政治家や官僚が積み上げてきた「専門知の塊」であるという事実です。

  • **ELI5(5歳児でもわかる説明)の導入**

難解な法案を「ELI5(Explain Like I'm Five)」の手法を用いてAIが翻訳。情報の理解速度を劇的に高め、「文字の壁」を突破するスピード感を提供しました。

  • **「勇気ある」切り替えトグルの設置**

分かりやすさを優先すれば専門性が失われ、専門性を重視すれば市民が離れる。このジレンマを解決したのが、画面右上の「詳しく」ボタン(切り替えトグル)です。

「専門用語バージョン」と「優しい言葉バージョン」をユーザーが自ら選択できるこのUIは、既存のニュースメディアでも類を見ない「勇気ある」設計です。専門知への敬意を払いながら、アクセシビリティを両立させる。このスイッチこそが、知識のグラデーションに対応する革新的なUXの象徴です。

4. 直感的な操作を支えるAIアシスタントのUX

ユーザーが未知の法案を読み解く際の「躓き」をなくすため、AIとのインタラクションには細やかな配慮が施されています。

  • **「プロンプト不安」を解消する質問例ボタン**

「何を聞けばいいか分からない」という、いわゆる白紙ページ問題(Blank Page Problem)を解決するため、クイックボタンを設置。インタラクションの開始コストを最小化しています。

  • **テキスト選択によるコンテキスト・アクション**

文章中の不明点をドラッグするだけで「AIに聞く」ポップアップが出現。思考を中断させることなく、スムーズに疑問を解消できる動線を実現しました。

  • **文脈に応じた動的UI(Context-Aware UI)**

ユーザーの行動に寄り添い、スクロール中は読解を邪魔しないよう小さく、読み手が止まって考え込むタイミングでテキストボックスを大きく表示。ユーザーの振る舞いに呼応する挙動が、自然な対話を促します。

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

政治の現場に眠る膨大な「専門知」は、デザインというフィルターを通すことで、初めて市民にとって価値のある「情報」へと昇華されます。

「チームみらい」が示したのは、単にデータを「出す」ことではなく、「伝わる形にする」ことの重要性です。そこには、制作の初期段階で掲げた「何っぽく見られたいか」というWhy(なぜ作るのか)とWhat(何を作るのか)への深い洞察がありました。

完璧なプロダクトへの道はまだ半ばであり、ユーザーからのフィードバックこそがさらなる進化の糧となります。デザインが「文字の壁」を崩し、人々の「気持ちを沸かせる」ことができれば、政治はもっと私たちの手に届くものになるはずです。

唐

唐澤 あきら

Full stack 技術者

PubHub の関連記事