「防災需集眾人之事。」

防災資訊本身就是一種 「高壓題材」 。
對使用者來說，每看一次清單，都是在提醒 「災難可能發生」 。
在前面16天，我們談過願景、使用者研究、前端與後端、資料庫與 AI 模組，甚至深入了電商合作策略。
這些都像是專案的「骨架」。但如果我們的使用者是沒有任何技術背景的一般民眾，這個「骨架」就必須有一個溫暖而直覺的「外衣」── 使用者體驗（UX） 。

一、核心挑戰

1. 心理抗拒：災難題材容易引發焦慮，導致逃避心理。
2. 資訊負擔：官方清單繁瑣，缺乏分層次指引，使用者不知從何開始。
3. 操作門檻：缺乏技術背景的使用者容易在填寫或篩選過程卡關。
4. 持續性不足：即使完成準備，使用者常忘記定期檢查與補充。

在UX設計裡，我們要降低 「心理摩擦」 。

• 以「日常提醒」的口吻來引導、融入生活。
• 以溫暖的色彩（如綠色、米色），取代「危機感強烈的紅色」。
• 圖像化物資（小插圖或 icon），讓清單不再只是文字牆。

二、設計原則（UX 三大策略）

1. 直覺（Intuitive）

   • 語言淺白，避免過度專業術語。
   • 使用圖示與進度條，替代文字堆疊。

2. 引導（Guided）

   • 採用 Wizard 式問答流程，每次只需回答 1–2 個問題。
   • 用情境化語境（如「如果今晚停電三小時…」）代替冷冰冰的表單。

3. 陪伴（Companion）

   • 平台以通知提醒（Email/LINE/推播），成為日常的防災助理。
   • 遊戲化設計（如「完成 70% 清單」徽章）強化成就感。
   • 透過通知與視覺化元素（小圖示、顏色），以「有人在提醒」，取代「被系統檢查」。

三、具體功能落地方案

1. 問卷化個人化清單

• 問題設計：人口數、年齡層、寵物、慢性病需求。
• 技術支撐：前端 React/Next.js → 後端 Node.js/Express → DB 存放使用者配置。
• 輸出成果：專屬清單 + 電商購買連結。

2. 情境化提醒系統

• UX 呈現：以故事化文字取代列表，例如：
  • 「如果明天颱風天停電 24 小時，你家能有足夠的飲水嗎？」
• AI 模組：OpenAI API 將防災清單轉譯成「日常語境」的提示。
• 成效：降低心理負擔，提升學習與採取行動的意願。

3. 分層式物資架構

• 必備：飲水、乾糧、行動電源。
• 情境：嬰幼兒用品、寵物糧食、藥品。
• 選配：毯子、娛樂物品。
• 資料來源：國防部全動署清單、全民安全指引。

4. 可視化進度與提醒

• 介面呈現：首頁顯示「已完成 vs 未完成」進度條。
• 定期通知：提醒食物有效期限、電池更換時間。
• 技術方案：MongoDB Atlas 記錄物品狀態 + CRON Job 推送提醒。

5. 測試與優化機制

• 可用性測試 (Usability Test)：不同族群（單身上班族、小家庭、銀髮族、飼主）實測「3 分鐘是否能生成清單」。
• 數據指標：
  • 完成率（Completion Rate）
  • 平均操作時間（Time on Task）
  • 放棄率（Drop-off Rate）

四、推動策略（PM 執行規劃）

階段 1：設計與原型（1–2 週）

• 用 Figma 建立 Prototype。
• 問卷化 + 情境化流程 Demo。

階段 2：開發與內測（2–4 週）

• 前端（React/Next.js）、後端（Node.js/Express）、資料庫（MongoDB Atlas）初版完成。
• 小規模用戶測試（10–15 人）。

階段 3：公測與迭代（4–6 週）

• 開放給更大範圍使用者（100+）。
• 收集回饋，優化資訊架構與提醒機制。

階段 4：長期運營（持續）

• 整合電商 API，提供一鍵購物體驗。
• 推出「防災小挑戰」遊戲化機制，維持用戶黏性。

五、成效指標（KPI）

1. 使用率：每月啟動問卷流程的人數。
2. 完成率：完成專屬清單的比例。
3. 物資轉化率：透過平台完成購買的比例。
4. 留存率：三個月後仍在使用提醒功能的比例。
5. 社會價值：實際完成避難包的家庭數量。

六、結語

這不僅是一個技術展示，而是一個真正能幫助台灣家庭提升「生活韌性」的平台。

• 對政府來說，它是官方資訊的「親民化介面」。
• 對民眾來說，它是把焦慮轉化為行動的「生活助理」。
• 對社會來說，它是提升整體災害應變力的 韌性推進器。

正如 《韌性生活指南》 所倡議的：
「日常有備，災來無懼。」
而這份「備」的第一步，就是 好用、易懂、人人能上手的 UX。