政治に「気持ちを湧かせる」デザインの力：チームみらいが挑むUI/UXの革新

1. イントロダクション：なぜ政治は「とっつきにくい」のか？

「政治資金収支報告書」や「国会の議事録」をインターネットで検索し、実際に目にした時の感覚を覚えていますか？ おそらく多くの人が、無機質な数字の羅列や、専門用語で埋め尽くされた膨大なテキストを前にして、「目が滑る」「壁のように感じる」といった拒絶反応に近い感覚を抱いたはずです。

ここで重要なのは、情報が「公開（Disclosure）されていること」と、それが「理解（Understanding）できること」の間には、絶望的なまでに巨大な溝があるという点です。データがPDFやWeb上に存在していても、市民の心に届かなければ、それは真の透明性とは呼べません。

サービスデザイナーの山根氏は、既存の政治情報に触れた際の率直な感覚を「気持ちが湧かない」という言葉で表現しました。どれほど重要な議論がなされていても、見る側の関心を引き出し、心を動かすインターフェース（UI）やユーザー体験（UX）が欠けていれば、政治はいつまでも「遠い世界の出来事」のままです。本記事では、この「気持ちが湧かない」という課題に対し、デザインの力でいかに風穴を開けるか。「チームみらい」が挑む政治情報の再構築（リ・デザイン）の舞台裏に迫ります。

2. デザインの敗北を乗り越える：3つの大きな課題

現在の政治情報が抱える課題は、情報設計（IA）の視点から「見えにくい」「分かりにくい」「とっつきにくい」の3つに集約されます。

• **見えにくい：** 視覚的な階層構造がなく、どこに注目すべきか直感的に判断できない。
• **分かりにくい：** 専門用語や複雑な法的構造が、ユーザーの理解を妨げる摩擦（フリクション）となっている。
• **とっつきにくい：** 山根氏が指摘するように、従来の報告書はまるで**「テストの問題用紙」**のような威圧感を放っています。この「解かなければならない」という強迫観念こそが、ユーザーの情緒を「ゼロ」にしている原因です。

開発チーム内では、プロトタイプを検証するたびに「これを触って気持ちが湧くか？」という問いが繰り返されました。「テストの問題用紙」から脱却し、ユーザーのメンタルモデルに寄り添ったデザインへと変換すること。この強い課題意識が、プロダクト開発の最大の原動力となりました。

3. 事例1：『みらい まる見え政治資金』――日常のメンタルモデルを応用する

政治資金の透明化を図る『みらい まる見え政治資金』で重要視されたのは、「何っぽく見られたいか」というモチーフの設定です。ここで採用されたのは、私たちの日常に深く根付いた「家計簿」と「銀行通帳」という2つのモチーフでした。

UI/UXの介入ポイント

• **サンキーチャートによる「透明性の可視化」：**

ファーストビューに、収入から支出までが一本の線でつながる「サンキーチャート」を配置。数字の羅列ではなく、視覚的な「流れ」として提示することで、「これ1枚を見れば全体がわかる」という安心感と信頼感を醸成しています。

• **家計簿的インターフェース：**

月ごとの収支推移をグラフ化するなど、個人が日常的に利用する資産管理アプリに近いUIを採用。政治資金というマクロなデータを、自分の生活に密接した「家計」という身近なサイズに変換しています。

• **銀行口座の明細再現：**

ページ下部には、銀行通帳の明細を模したUIを配置。「機密データ流出事故ではありません」というユーモアを交えた注釈を添えることで、政治資金の生々しさを「丸見え感」というポジティブな価値に転換。真面目なプロダクトの中にも、ユーザーがリラックスして探索できる「軽やかさ」を共存させています。

4. 事例2：『みらい議会』――AIで「文字の壁」を突破する

国会で審議される法案の原文は、まさに「文字の壁」です。『みらい議会』では、この壁を突破するために、米国で広く普及している「ELI5（Explain Like I'm 5：5歳児にもわかるように説明して）」というコンセプトを導入しました。

革新的なUXデザイン

• **「詳しく／やさしく」トグルボタン：**

画面右上のスイッチにより、専門知（原文の重み）とアクセシビリティ（分かりやすさ）を瞬時に切り替えられます。これは単なる要約機能ではありません。78年間にわたり積み上げられてきた政治家や官僚の「専門知」への敬意を払いつつ、誰もがアクセスできるユニバーサルデザインを両立させるという、UXにおける哲学的な解決策です。

• **Frictionless（摩擦のない）なAIアシスタント：**

* コンテキストに応じたポップアップ： テキスト選択時に即座に「AIに聞く」ボタンが出現。

* インタラクションの最適化： ユーザーがスクロールしている間はAIテキストボックスが縮小し、読み進めるために手が止まると大きく表示されるといった、細部までこだわり抜いたUI挙動を実現しています。

• **全編ルビ振り機能：**

老若男女、あらゆるリテラシーのユーザーを誰一人取り残さないというプロダクトの意志を、全テキストへのルビ振りという形で具現化しています。

5. 結論：デザインが変える「政治との距離感」

政治の世界にデザインが介入することは、単に見栄えを整えることではありません。それは、「有権者に歩み寄り、共に社会を考えたい」という作り手側の「意思の提示」です。デザインによって「とっつきにくさ」を解消し、これまで「無」だった感情を「興味」へと変えること。これこそが、民主主義をアップデートするUI/UXの真価です。

> 本記事のテイクアウェイ

>

> * 「モチーフ」による再定義： 難解な情報は「テスト用紙」から「家計簿・通帳」へ。ユーザーの既存のメンタルモデルをハックする。

> * 専門性とアクセシビリティの両立： 切り替え（トグル）スイッチというインターフェースが、歴史ある専門知と市民の理解を橋渡しする。

> * デザインは「意思」である： 情報を「分かりやすくする」という行為そのものが、政治家から有権者への強力なメッセージとなる。

「チームみらい」のプロダクトは、ユーザーの皆様からのフィードバックを受けて進化し続けます。より「気持ちが湧く」体験を目指し、ぜひ皆様の率直な意見をコメント欄にお寄せください。また、この取り組みを応援してくださる方は、高評価とチャンネル登録をよろしくお願いいたします。