政治に「気持ち」を灯すデザイン:政治資金と国会の「とっつきにくさ」を解消するUI/UXの挑戦
政治資金収支報告書や国会の議事録を初めて目にしたとき、私たちの心に去来するのは、ある種の「無」ではないでしょうか。整然と並ぶ数字の列、難解な専門用語の羅列を前にすると、脳が情報を拒絶し、まるで巨大な「壁」に突き当たったかのような感覚に陥ります。私たち「チームみらい」の開発現場では、この状態を象徴する言葉として「気持ちが湧かない」というキーワードが何度も語られました。
公開日時: 2026年7月12日 5:22 · 更新: 2026年9月27日 22:48
機械翻訳です。正確な内容は原文をご確認ください。新しい翻訳の作成にはログインが必要です(1日3回、本文などの合計24,000文字まで)。
1. イントロダクション:なぜ政治は「気持ちが湧かない」のか
政治資金収支報告書や国会の議事録を初めて目にしたとき、私たちの心に去来するのは、ある種の「無」ではないでしょうか。整然と並ぶ数字の列、難解な専門用語の羅列を前にすると、脳が情報を拒絶し、まるで巨大な「壁」に突き当たったかのような感覚に陥ります。私たち「チームみらい」の開発現場では、この状態を象徴する言葉として「気持ちが湧かない」というキーワードが何度も語られました。
サービスデザイナーである私、山根が提唱する政治の課題は「見えにくい」「分かりにくい」、そして「とっつきにくい」という3つの不備に集約されます。情報は「公開」されてはいても、それが市民に「届く」ためのデザインがなされていないのです。
今回、私たちは日本の国政史上おそらく初となる「政治活動への本格的なUI/UXデザインの導入」という、ゼロからイチを創り出す挑戦に踏み出しました。「未来まる見え政治資金」と「未来議会」という2つのプロダクトを通じて、デザインがいかに政治の透明性を高め、市民との距離を縮めるのか。その設計思想を紐解きます。
2. 「未来まる見え政治資金」:日常のメンタルモデルが作る安心感
従来の政治資金収支報告書は、デザイナーの目には「テストの問題用紙」のように映りました。枠の中に正解を求められる数字が並び、解かなければならない難題を突きつけられているような、強烈な拒絶反応(フリクション)を生んでいたのです。
この「とっつきにくさ」を解消するため、私たちはユーザーが既に持っているメンタルモデル(日常的な理解の枠組み)をUIに活用しました。
- **「家計簿」のメンタルモデル:**
多くの人が使い慣れている家計簿アプリのUIを徹底的にリサーチしました。月ごとの収支推移を時系列で追い、収入と支出の構成を視覚化することで、政治資金を「自分たちの生活の延長線上にあるお金」として捉えられるように設計しています。
- **「銀行口座(通帳)」のメンタルモデル:**
ページ下部には全ての入出金明細を表示するセクションを設けました。あえて「他人の通帳を覗き見るような」生々しさを残すことで、隠し事がないという透明性と信頼感を生んでいます。あまりの生々しさに「校内の機密データ流出事故ではありません」というユーモアのある注釈を入れることで、真面目すぎる政治情報に軽やかさとフレンドリーな質感を加えました。
「にょろにょろ」が可視化する信頼
ファーストビューで最も目を引くのは、お金の流れを一本の太い川のように表現した「サンキーチャート」です。私たちはこれを親しみを込めて「にょろにょろ」と呼んでいます。細かな数字の迷宮に迷い込む前に、まず「どこから入り、どこへ流れたか」という全体像をこのチャート一枚で直感的に把握できる。この「一目でわかる」という体験が、ユーザーに大きな安心感と信頼感を与えるのです。
3. 「未来議会」:1947年からの専門知を解凍するUI
国会の法案資料は、まさに「文字の壁」です。一見しただけで「目が滑る」感覚に陥り、内容を咀嚼しようとする意欲が削がれます。しかし、分かりやすくする一方で、デザイナーとして大きな葛藤がありました。
きっかけは、1947年の第1回国会(吉田茂内閣)まで遡る議事録を調べたときのことです。私たちが目にしている法案は、78年もの歳月をかけて政治家や官僚が積み上げてきた、極めて緻密な「専門知」の結晶でした。この重みを単に削ぎ落として「平易にする」だけでは、政治の質を損なうことになります。
そこで採用したのが、専門知への敬意とアクセシビリティを両立させる「トグルスイッチ(詳しくボタン)」による翻訳プロセスです。
- **情報の多層化:**
画面右上のスイッチにより、「5歳児でもわかる優しい言葉」と「専門用語を用いたプロの言葉」をユーザーが自由に、かつ能動的に切り替えられる体験を構築しました。
- **「わかる」のグラデーション:**
最初は優しい言葉で概要を掴み、気になった箇所はプロの言葉で深く知る。この行き来を可能にすることで、専門知という「壁」を、ステップアップのための「階段」へと作り変えたのです。
4. AIの力で政治を「味わう」:マイクロインタラクションの魔法
ユーザーが自発的に法案を紐解く体験をサポートするため、AIアシスタント機能には細やかなマイクロインタラクションを施しました。
- **ELI5(5歳児のように説明して):**
「Explain Like I’m 5」というプロンプトを組み込んだAI翻訳は、理解の速度を劇的に向上させました。難解な法案が「自分に語りかけてくる言葉」に変わった瞬間、開発チームからも「これなら気持ちが湧く!」と驚きの声が上がりました。
- **迷わせない、フリクションレスな操作感:**
* コンテキストメニュー: テキストを選択すると、即座に「AIに聞く」ポップアップが出現し、思考を妨げずに質問へ移行できます。
* ダイナミック・テキストボックス: スクロール中は読解の邪魔にならないよう「コンパクト」に、読み手が立ち止まると質問を促すように「大きく」変化する検索窓を配置しました。
* 質問例ボタン: 「一言で教えて」といったクイックなボタンを設置し、最初の問いかけという高いハードルを最小化しています。
5. 結論:開かれた政治のアップデートは始まったばかり
デザインの本質的な役割は、「公開されている(Publicly available)」ことと「わかる(Understandable)」ことの間にある深い溝を埋めることにあります。徹底したルビ振り機能や、あえて堅苦しさを崩したUIなどは、すべて「政治を誰にでも開かれた、フレンドリーなものにする」という執念の現れです。
政治にデザインが介在することで、有権者は初めて情報の受け手から、政治を「味わう」主体者へと変わることができます。
1. デザインは、政治に「気持ちを湧かせる」ための触媒である。
2. 複雑な情報は、日常のメンタルモデルに落とし込むことで「自分事」になる。
3. このプロダクトは未完成。ユーザーの声と共にアップデートし続ける。
「チームみらい」の挑戦は、まだ始まったばかりです。このプラットフォームが、市民と政治の新しい接点となるよう、皆さまからの忌憚のないフィードバックをお待ちしています。共に、この「とっつきにくい」政治をアップデートしていきましょう。
Full stack 技術者