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

政治資金収支報告書や国会議事録を初めて目にしたとき、皆さんはどのような感情を抱くでしょうか。そこに並ぶのは、無機質な枠線、羅列された数字、そして日常では使い道のない難解な専門用語です。多くの有権者が抱くのは、怒りや期待以前の「何も気持ちが湧いてこない」という空虚な感覚ではないでしょうか。

政治の世界において、情報は「公開されていること」と「理解できること」の間に、絶望的なまでの距離があります。この現状の課題は、「見えにくい・分かりにくい・とっつきにくい」という3つのキーワードに集約されます。

本記事では、サービスデザイナーの山根之幸（やまね ゆきなり）氏が「チームみらい」で取り組んだ、日本国政史上初とも言える「政治への本格的なデザイン導入」の舞台裏を、専門家の視点から解説します。

「未来まる見え政治資金」：日常のメンタルモデルで透明性をデザインする

従来の政治資金収支報告書は、まるで「テストの問題用紙」のような体裁です。どこをどう読み解けば正解に辿り着くのか分からず、見るだけで疲弊してしまう——そんな「とっつきにくさ」を解消するため、山根氏はユーザーが既に持っている「メンタルモデル（日常的なモチーフ）」の活用を試みました。

具体的に採用されたのは、「家計簿」と「銀行口座」という2つのモチーフです。

サンキーチャートによる「1枚で分かる」信頼感

ウェブサイトのファーストビューで目を引くのは、お金の流れを一本の図に集約した「サンキーチャート」です。

• **網羅性が生む安心感：** 膨大な数字やグラフを個別に読み解く必要はありません。「この1枚に全てまとまっている」という情報の俯瞰性が、ユーザーに透明感と信頼感を与えます。

銀行口座風の明細と「軽やかさ」の演出

入出金明細は、私たちが普段使っている銀行アプリや通帳を模したUIで構築されています。本来、政治資金は真面目なトピックですが、あえて以下のような「軽やかさ」を随所に忍ばせています。

• **ユーモアの活用：** 「他人の通帳を覗いているような背徳感」を逆手に取り、画面下部には「校内の機密データ流出事故ではありません」といったユーモアのある注釈を添えています。
• **親しみやすさの設計：** 「カメツラの曲がった超真面目なプロダクト」にしないことで、心理的なアクセス障壁を下げ、進んで見たくなる工夫を凝らしました。

デザインが介在することで、単なるデータ公開は「理解可能な体験」へと昇華されたのです。

「未来議会」：法案という「文字の壁」を突き崩す

国会で公開されている法案情報の現状は、有権者にとって「無（む）」を感じさせるほどの「文字の壁」です。文字面を追おうとしても「目が滑る」感覚に陥り、内容を把握する前に思考が停止してしまいます。

チームみらいは、この壁を打ち破るためにAIを活用した「翻訳」プロセスを導入しました。

ELI5（5歳児でも分かるように）と解像度の調整

難解な法案を、専門知識のない人でも「気持ちが湧くレベル」まで情報の解像度を調整するため、米国のエンジニア界隈で親しまれる「ELI5（Explain Like I'm 5：私が5歳児であるかのように説明して）」という手法をプロンプトに採用しました。これにより、一読して内容が把握できるスピードを劇的に向上させています。

「詳しく」ボタンに込められた専門知への敬意

しかし、サービスデザイナーとして山根氏が直面したのは、「分かりやすさと正確性のジレンマ」でした。

> 「分かりやすくすればするほど、情報としては抜け落ちてしまう。一方で、法案は1947年の吉田茂内閣から続く78年間の歴史の中で、政治家と官僚が積み上げてきた『専門知』の塊です。この重みを無視して簡略化だけで済ませていいのか、という葛藤がありました」

この解決策として実装されたのが、画面右上の「詳しく」というトグルボタン（切り替えスイッチ）です。

• **情報のレイヤー化（階層化）：** 「素人のための優しい言葉」と「プロのための専門用語」を、ユーザーが能動的に切り替えられるUI。専門家が突き詰めてきた緻密な議論を尊重しつつ、一般市民の入り口を広げるための、情報アーキテクチャ上の最適解でした。

AIアシスタント：能動的な理解をサポートする動的なUI

「未来議会」では、単に読むだけでなく、ユーザーが自ら問いを立て、理解を深めるための「コンテクストに応じたUIの動的変化」が取り入れられています。

• **ポップアップ検索：** 文中の不明な単語を選択すると、その場ですぐにAIへ質問できるボタンが浮上し、思考を中断させません。
• **クイックボタンの提示：** チャット画面では「この法案を一言で教えて」といった具体的な質問例をボタンとして配置。何を聞けばいいか分からないという初期ハードルを払拭します。
• **挙動の最適化：** テキストをスクロールしている間は邪魔にならないよう小さく、読むのを止めて思案し始めるとAIテキストボックスが大きくなるなど、ユーザーの挙動に合わせたUIの変容を実現しています。

さらに、全世代のアクセスを考慮し、漢字にルビを振る機能（アクセシビリティ/A11yの強化）を搭載。「老若男女、誰にとってもフレンドリーな場所」であることに徹底してこだわっています。

結論：デザインが政治と市民の距離を変える

デザインの本質とは、装飾ではなく、情報の「解像度」と「距離」をコントロールすることにあります。今回の試みは、遠い存在だった政治を、日常の地続きにある「自分たちの生活」へと引き寄せるための挑戦でした。

本プロジェクトの主要なテイクアウェイは、以下の3点です。

1. メンタルモデルの活用： 「家計簿」や「通帳」といった日常のメタファーを用いることで、未知の情報に対する心理的障壁を最小化できる。

2. 情報のレイヤー化： 簡略化による「入り口の広さ」と、トグルボタンによる「専門性の担保」を両立させることが、最終的な信頼につながる。

3. UXを通じた成功体験の提供： AIアシスタントや動的なUIにより、「自分にも政治が分かる」という小さな成功体験の積み重ねが、政治参加へのハードルを払拭する。

政治に「気持ちが湧く」状態を作ることは、より健全な民主主義への第一歩です。これらのプロダクトは、市民の皆さんからのフィードバックによって、さらに使いやすくアップデートされていきます。ぜひ一度触れていただき、その「手触り」を教えてください。