Wireframes · 20 Screens spec + 10 Patterns · v3.0 視覚正本
i-Power Engine ワイヤーフレーム
canvas.md(プロダクト設計キャンバス)の決定事項に基づくβ版(2027/3ローンチ)スマホアプリの全画面ワイヤー。
Energy Yellow + Battery Green アクセント / iPhone 15 Pro 想定 / 5タブ構成。
v3.0 = ステージ 1 完走: Batch 4(災害・停電・日次振り返り 3 画面)起草完了。SC-803 災害時バナー / 守りモード(Tier0 SLA 99.95% 直結 / 気象庁警報 P95 10 秒通知 / 単一 CTA「守りモードに切替」+ 青系 + 黄色アクセントで「不安を煽らず安心を演出」+ i-Power AI が動いていることをタイムラインで見せる)/ SC-804 停電復旧確認(Tier0 SLA 99.95% 直結 / SC-404 同様のストーリーテリング型「現在 → 効果 → アクション → 過去」/ 「i-Power Engine が ◯時間 ◯分電力を維持」を主役化 / 反実仮想は控えめ 1 行 / 「i-Power AI を再開する」デフォルト ON チェックボックス + 単一プライマリ CTA)/ SC-204 日次振り返り(SC-201 月次のデイリー版 / 同じカードレイアウト + 24 時間 4 電源時系列グラフ + ピーク時刻ピル + AI 判断履歴で「振り返り体験」のセット完成)の 3 画面を 11 セクション完全埋め水準で追加。確定 spec が 17 → 20 画面(P0 既存 = 20 / 36 = 55.6%)に拡大、AIBOT 様への実装委託資料がほぼ揃いステージ 2 移行準備完了。
v2.9 までの Batch 1-3 内容(Before/After対比 + 反実仮想 + セーフティネットの 3 層構造 / メニューバー下部固定 / 対比カード数値主役化)と直感的UX原則・6主要数値文法はすべて継続。
v2.9 までの Batch 1-3 内容(Before/After対比 + 反実仮想 + セーフティネットの 3 層構造 / メニューバー下部固定 / 対比カード数値主役化)と直感的UX原則・6主要数値文法はすべて継続。
v3.0 視覚正本 / ステージ 1 完走 / 17 画面 + 制御 10 パターン