シニア向けUI/UXの絶対原則 (Core SSoT)
本ドキュメントは、「もしものはなし」の全フロントエンド実装において、いかなる例外もなく遵守すべき**「高齢者(シニア層)の心理的安全性と身体的特性に適合したUI/UXの絶対要件」**を定義する。
1. デザイン哲学:安心・温かみ・確実性
我々のターゲット層(60代〜80代)にとって、終活・死後事務アプリは「死を連想させる忌避すべきもの」ではなく、「今の生活に安心をもたらすツール」でなければならない。 サイバーパンク調のダークモードや、ネオンカラー(サイバーブルー等)は、彼らに「冷たさ」「難解さ」「自分が操作してはいけないもの」という心理的障壁(Psychological Barrier)を抱かせるため、フロントエンド(一般ユーザー向け画面)での使用を固く禁ずる。
1.1 カラースキームの絶対規定
- ベースカラー: ウォームホワイト(#F8F9FA)または極めて薄いアイボリー。画面全体に温かみを持たせる。
- テキストカラー: 真っ黒(#000000)ではなく、視覚刺激を抑えつつ高いコントラストを保つダークグレー(#2C3E50 または #333333)。
- アクセント・アクションカラー: 信頼感を与える深いブルー(#1A5276)や、落ち着いたゴールド・オレンジ系の配色。青色系は加齢による水晶体の黄変により暗く見えやすいため、明度と彩度に細心の注意を払うこと(WCAG 2.1 AAA基準に準拠)。
2. 身体的特性への無慈悲な最適化
加齢に伴う視力低下、白内障、および手指の巧緻性(細かな動き)の低下を前提とした物理的UI要件を以下に規定する。
2.1 タイポグラフィ(文字)
- 最小フォントサイズ: 本文の最小フォントサイズは 18pt (24px) を絶対下限とする。
- フォントファミリー: 可読性の高いユニバーサルデザインフォント(BIZ UDPGothic, Noto Sans JP等)を強制適用。
- 行間(Line Height): 1.6 〜 1.8 を確保し、行の読み飛ばしを防ぐ。
2.2 インタラクション(操作)
- タップ領域の極大化: すべてのボタン、リンク、チェックボックスのタッチターゲットは、最低 48x48 dp を確保する。推奨は 60x60 dp 以上。
- 「隠すUI」の禁止: ハンバーガーメニュー、スワイプ操作、長押し(ロングタップ)など、直感的に見えない・気づかない操作は原則禁止。重要なナビゲーションは常に画面下部のタブバー等に明示する。
- フィードバックの明示: ボタンをタップした際は、色が明確に変わる、大きなチェックマークが出るなど、「操作が成功したこと」を大げさなほど明確にフィードバックする。
3. 認知負荷の最小化と用語定義
難解なIT用語、カタカナ語、専門用語の使用は、シニア層の「自己効力感(自分にもできるという自信)」を著しく削ぐ。本システム内では、以下の用語マッピングを強制する。
| 開発・アーキテクチャ用語 (Back-end) | エンドユーザー向け表示用語 (Front-end) | 意図・狙い |
|---|---|---|
| シャミア秘密分散法 (SSS) | 安心の鍵保管 または 3人での承認 | 「暗号技術」ではなく、「複数人で管理する安全な金庫」という物理的なメタファーを用いる。 |
| スマートコントラクト (Smart Contract) | もしもの時の自動お約束 | 「契約」という堅苦しさを排除し、AIが自動でやってくれるという安心感を与える。 |
| トリガー (Trigger) / API Webhook | お手続きの開始条件 | - |
| デジタル資産 (Digital Asset) | ネット上の財産・大切な情報 | - |
| トラスト執行ハブ | ご家族・専門家との連絡窓口 | プラットフォームの役割を直感的に表す。 |
4. 「やり直し」の保障 (Fail-Safe UI)
シニア層は「間違えてデータを消してしまうのではないか」という恐怖を常に抱えている。
- Undo(取り消し)の常設: 設定を変更した場合、必ず数秒間「元に戻す」ボタンをわかりやすく表示する。
- 破壊的変更の確認: アカウント削除や重要な設定変更の際は、赤いボタンを配置し、さらに「本当に〇〇を実行しますか?」という大きな確認ダイアログを必ず経由させる。
5. 結論
UI/UXデザインは単なる「見た目のお化粧」ではない。当社の市場制覇において、「シニアが迷わず、安心して、自力で設定を完了できること」は、システムの裏側で動く高度なRustの暗号化ロジックと同等以上に重要なコア技術である。本ガイドラインへの違反は、プルリクエストの却下要件となる。