政治に「気持ちを動かす」UI/UX：チームみらいが仕掛けるデザインの挑戦

1. はじめに：なぜ、政治の情報は「気持ちが湧かない」のか？

政治資金収支報告書や国会の議事録。これらは民主主義の基盤となる極めて重要な一次情報ですが、現状、一般市民がこれらに触れた際のUX（ユーザー体験）は、お世辞にも良好とは言えません。

既存の公開情報が抱える課題は、「見えにくい・分かりにくい・とっつきにくい」という3つのキーワードに集約されます。ウェブ上で公開されてはいるものの、そこにあるのは高すぎる認知負荷（Cognitive Load）を強いる数字の羅列や難解な専門用語の「壁」です。これでは内容を理解しようとしても、文字の上を滑るだけで脳に入ってこない「目が滑る」状態に陥ってしまいます。

開発チーム内で共通認識として頻出したのが、「資料を見ても気持ちが湧かない（無を感じる）」という感覚でした。「公開されていること」と「理解できること」の間には、私たちが想像する以上に深い溝があります。その溝を埋め、ユーザーを「無」の状態から「もっと知りたい」という感情へ動かすこと。それが、公共コミュニケーションにおけるデザインの真の役割です。

2. 未来丸見え政治資金：お金の流れを「家計簿」に変える

「未来丸見え政治資金」のデザインにおいて、我々が最も腐心したのは、UIを「何っぽく見せるか」というメンタルモデル（心の模型）の再定義でした。

従来の報告書は、まるで「テストの問題用紙」のような印象を与えていました。これはユーザーに「難しそう」「面倒そう」という心理的障壁（フリクション）を生じさせます。そこで、情報の所有権を市民に取り戻し、親しみやすさを醸成するために、以下の2つのモチーフを採用しました。

* 「家計簿」としての親近感： 日常生活で最もお金の流れを身近に感じる「家計簿」をモデルに、自系列での推移などを直感的に把握できる構成にしました。

* 「銀行口座」としての自分事化： 誰もが使い慣れている銀行の入出金明細のUIを参考にしました。自分の口座をチェックするような感覚で政治資金を眺めることで、透明性を確保しつつ「自分に関係のある情報だ」という実感を生み出します。

象徴的な工夫が、ファーストビューに配置されたサンキーチャート（通称：ニョロニョロ）です。断片的な数字を積み上げるのではなく、「どこから入り、どこへ流れたのか」という全体のフローを1枚の図で可視化しました。この「1枚で全てが分かる」という感覚が、ユーザーに大きな安心感と信頼感を与えます。

また、明細リストには「校内の機密データ流出事故ではありません」といったユーモアのある注釈を添えています。あえて真面目すぎるトーンを崩すことで、政治という重いテーマに対する「とっつきにくさ」を解消する設計を施しました。

3. 未来議会：法案の「壁」をAIとデザインで壊す

「未来議会」は、難解な法案の原文という「壁」を、AIとデザインの力で突破するための挑戦です。

法案の多くは、専門知識のない人が読むと「目が滑る」典型的な情報です。我々はこの課題に対し、以下のソリューションを提示しました。

* 「ELI5（5歳児にも分かる）」翻訳： プロンプトに「ELI5 (Explain Like I'm Five)」の概念を導入し、法案を極限まで噛み砕いて翻訳しました。このプロセスは、実は開発チーム自体の「理解する速度」を劇的に向上させるという副次的効果も生みました。

* 「専門知」と「分かりやすさ」のジレンマの解決： デザイナーとして直面したのは、分かりやすくすればするほど、1947年の第1回国会以来、政治家や官僚が78年間にわたって積み上げてきた「専門知」が削ぎ落とされてしまうという葛藤（ジレンマ）でした。その解決策が、画面右上の「詳しくボタン」です。「優しい言葉（素人向け）」と「専門用語（プロ向け）」をスイッチで即座に切り替えられるUIを、あえて最も目立つ場所に配置しました。この「勇気ある配置」により、専門性を損なうことなく、ユーザーの習熟度に応じた情報提供を可能にしました。

* 慣れ親しんだニュースメディアUI： 誰もが日常的に接しているニュースサイトの構成を徹底的にリサーチし、違和感なく情報を読み進められるUXを追求しました。

4. 学びを加速させるインタラクティブな機能

ユーザーが能動的に政治を理解できるよう、AIアシスタント機能には徹底したインタラクション設計を施しました。

* コンテキストを維持したAI検索： 文中の分からない単語を選択するだけで「AIに聞く」ポップアップが出現します。別タブでの検索という手間を省き、思考のフローを中断させない工夫です。

* 質問のハードルを極限まで下げる： チャット画面には「この法案を一言で教えて」といった具体的な質問例をボタンとして配置しました。これにより、AIへの問いかけ方に迷うというフリクションを取り除いています。

* ユーザーの挙動に呼応する動的UI： スクロール中は邪魔にならないようサイズを縮小し、ユーザーが読む手を止めた瞬間に「質問できます」とテキストボックスが拡大する。ユーザーの心理状態を予測した細やかな挙動を実装しています。

* 徹底したアクセシビリティ： 漢字へのルビ（ふりがな）対応など、老若男女、あらゆるリテラシーの層に開かれたフレンドリーなデザインを徹底しました。

5. おわりに：デザインが変える政治の未来

日本の国政において、これほど本格的にデザインの視点が入り込み、ユーザー中心のプロダクトとして具現化された事例は極めて稀です。

もちろん、現在のプロダクトは完璧ではありません。私たちはあえて未完成であることを認め、ユーザーからのフィードバックを受けて常に進化し続ける姿勢を持っています。デザインが政治の「標準」となることで、遠く感じていた政治が、私たちの生活に地続きの「手触りのあるもの」へと変わっていくはずです。

主要なテイクアウト：

1. 政治情報には「何っぽく見えるか（メンタルモデル）」の再定義が必要である。

2. AIを活用した「専門知と分かりやすさの両立」が、情報の格差を埋める。

3. 細やかなUIの挙動と小さなユーモアが、政治を「無」から「自分事」へと変える。