436 lines
14 KiB
Markdown
436 lines
14 KiB
Markdown
# 「還有誰來我家」— 個人數位家園 MVP 產品需求文件
|
||
|
||
---
|
||
|
||
## 1. 修訂追蹤表
|
||
|
||
| 版本 | 日期 | 修訂者 | 變更說明 |
|
||
|------|------|--------|----------|
|
||
| v0.1 | 2026-04-20 | AI PM | 初版 MVP PRD |
|
||
|
||
---
|
||
|
||
## 2. 背景簡介
|
||
|
||
### 2.1 目標
|
||
|
||
打造一個「可長期保存、可分層分享、可被朋友拜訪」的個人生活首頁，解決個人內容資產散落在推薦流、聊天群組與工具型平台之間的碎裂問題。
|
||
|
||
### 2.2 背景
|
||
|
||
- 台灣 18-39 歲上網率近 100%；Facebook 觸及 1,710 萬人、Instagram 1,130 萬人、LINE 月活 2,200 萬人
|
||
- 主流平台重心在推薦流與 AI 排序，通訊平台把內容鎖在聊天脈絡，出版工具偏向文字發布
|
||
- 官方《台灣網路報告》指出：演算法與資訊超載讓民眾失去自主性；短影音形成「無感成癮」
|
||
- 沒有任何現有平台把「把照片、心情、生活事件與朋友互動放在同一個地方」做成對一般人友善的日常產品
|
||
|
||
### 2.3 價值主張
|
||
|
||
**大家都有貼文，卻沒有房子；都有帳號，卻沒有家。**
|
||
|
||
本產品不是另一個綜合社群平台，而是個人數位家園——讓使用者把人生片段放回一個自己能掌控的地方。
|
||
|
||
---
|
||
|
||
## 3. 功能清單
|
||
|
||
### 3.1 個人首頁與固定網址
|
||
|
||
#### 3.1.1 個人首頁
|
||
|
||
- **描述**：使用者登入後對外展示的主頁面，等同於「自己的家」的門面
|
||
- **規格**：
|
||
- 固定網址格式：`username.還有誰來我家.com` 或 `還有誰來我家.com/username`
|
||
- 首頁由四個核心區塊組成：相簿（最優先）、網誌、留言板、心情
|
||
- 預設版型一套，療癒風格（柔色、大量留白、手寫感）
|
||
- 支援封面照片 + 大頭照 + 自我介紹
|
||
- **驗收標準**：
|
||
- 訪客輸入網址可在 3 秒內看到完整首頁
|
||
- 四區塊均以卡片形式呈現，可一眼掌握最近更新
|
||
|
||
#### 3.1.2 首頁訪客感與回訪提醒
|
||
|
||
- **描述**：讓互動回到「拜訪你」而不是「刷到你」
|
||
- **規格**：
|
||
- 訪客紀錄：「還有誰來我家」列表，顯示近期來訪的朋友頭像與時間
|
||
- 新動態提醒：朋友首頁有更新時，以「某某的家有新照片」形式通知（非 feed 推薦）
|
||
- 最近拜訪：首頁側邊顯示「最近來訪的朋友」
|
||
- **驗收標準**：
|
||
- 訪客紀錄可正確記錄登入使用者的來訪
|
||
- 回訪提醒為 opt-in，預設開啟，可關閉
|
||
- 提醒不使用演算法排序，純依時間順序
|
||
|
||
### 3.2 圖文貼文 + 相簿 + 時間軸
|
||
|
||
#### 3.2.1 圖文貼文
|
||
|
||
- **描述**：支援長文/短文/圖文的貼文系統，回歸無名小站 DNA 但手機優先
|
||
- **規格**：
|
||
- 支援純文字、圖文混排、多圖貼文
|
||
- 單篇貼文圖片上限 20 張
|
||
- Markdown 或富文字編輯器（粗體、斜體、連結、圖片嵌入）
|
||
- 貼文可設定隱私層級（見 3.4）
|
||
- **驗收標準**：
|
||
- 手機端發文流程 ≤ 3 步完成一篇圖文貼文
|
||
- 貼文在首頁時間軸上依時間倒序排列
|
||
|
||
#### 3.2.2 相簿
|
||
|
||
- **描述**：高容量、美觀、可整理的相簿系統，MVP 最核心功能
|
||
- **規格**：
|
||
- 每本相簿可設名稱、描述、封面圖
|
||
- 相簿內照片支援拖曳排序
|
||
- 相簿可設隱私層級（見 3.4）
|
||
- 瀏覽模式：格狀縮圖 → 點擊全螢幕滑動瀏覽
|
||
- 免費版容量 5GB，付費版 50GB+
|
||
- **驗收標準**：
|
||
- 上傳 50 張照片 ≤ 2 分鐘（正常網路環境）
|
||
- 相簿在首頁以封面圖 + 標題呈現
|
||
|
||
#### 3.2.3 時間軸
|
||
|
||
- **描述**：首頁的時間軸式呈現，整合貼文與相簿更新
|
||
- **規格**：
|
||
- 時間軸按月/年分組
|
||
- 每個節點顯示：日期、類型圖示（貼文/相簿/心情）、摘要預覽
|
||
- 支援「跳到某年某月」快速導航
|
||
- **驗收標準**：
|
||
- 時間軸載入 ≤ 2 秒（含 1 年內容）
|
||
- 可正確依時間排序不同類型內容
|
||
|
||
### 3.3 留言板
|
||
|
||
- **描述**：情感差異化核心功能，不只是功能懷舊，而是讓朋友「到你家留話」
|
||
- **規格**：
|
||
- 留言板位於首頁下方，訪客可留言
|
||
- 留言支援文字 + 貼圖（基本表情符號集）
|
||
- 板主可回覆留言、刪除留言
|
||
- 留言依時間倒序排列
|
||
- 留言板可設隱私：誰可以留言（公開/朋友/指定名單）
|
||
- **驗收標準**：
|
||
- 訪客登入後可留留言，留言即時顯示
|
||
- 板主收到新留言通知
|
||
- 留言板載入 ≤ 1 秒
|
||
|
||
### 3.4 分層隱私
|
||
|
||
- **描述**：讓使用者精細控制誰能看到什麼
|
||
- **規格**：
|
||
- 四個隱私層級：
|
||
1. **公開**：任何人含未登入訪客可見
|
||
2. **連結可見**：知道連結的人可見（不含搜尋與推薦）
|
||
3. **朋友**：僅互相加入朋友者可見
|
||
4. **指定名單**：從朋友名單中勾選特定人可見
|
||
- 每篇貼文、每本相簿、留言板均可獨立設定
|
||
- 首頁整體隱私預設為「朋友」
|
||
- 提供隱私總覽頁面：一覽所有內容的隱私設定
|
||
- **驗收標準**：
|
||
- 不同隱私層級的內容，未授權訪客無法透過任何方式存取（含直接 URL）
|
||
- 隱私設定變更即時生效
|
||
- 首月使用分層隱私（非全部公開）比例 > 50%
|
||
|
||
### 3.5 匯入與匯出
|
||
|
||
#### 3.5.1 匯入
|
||
|
||
- **描述**：降低搬家摩擦，讓使用者從既有平台搬入內容
|
||
- **規格**：
|
||
- 支援來源：
|
||
- Facebook 資料匯出檔（JSON/HTML）
|
||
- Instagram 資料匯出檔
|
||
- Google Takeout（Google 相簿）
|
||
- 通用 ZIP（圖片資料夾結構）
|
||
- 匯入時自動對應：照片→相簿、貼文→網誌
|
||
- 匯入保留原始日期時間
|
||
- 匯入進度條 + 預估時間
|
||
- **驗收標準**：
|
||
- 匯入流程完成率 > 70%
|
||
- 1000 張照片匯入 ≤ 30 分鐘
|
||
- 匯入後內容可正確對應到對應區塊
|
||
|
||
#### 3.5.2 匯出
|
||
|
||
- **描述**：確保使用者隨時可帶走自己的資料，建立信任
|
||
- **規格**：
|
||
- 一鍵匯出全部內容為標準格式（JSON + 原始圖片）
|
||
- 可選擇匯出範圍（全部/特定相簿/特定時間範圍）
|
||
- 匯出檔案保留完整 metadata（日期、隱私設定、留言）
|
||
- **驗收標準**：
|
||
- 匯出檔案可在 24 小時內產生並提供下載
|
||
- 匯出內容可被標準工具開啟（圖片可看、JSON 可解析）
|
||
|
||
### 3.6 朋友名單與關係
|
||
|
||
- **描述**：支撐隱私分層與訪客感的基礎社交圖譜
|
||
- **規格**：
|
||
- 朋友需雙方確認（非單向追蹤）
|
||
- 朋友名單可分組（標籤），供「指定名單」隱私使用
|
||
- 朋友申請需附簡短訊息
|
||
- 可封鎖使用者
|
||
- **驗收標準**：
|
||
- 朋友申請流程 ≤ 2 步
|
||
- 封鎖後對方無法查看任何內容或留言
|
||
|
||
---
|
||
|
||
## 4. 功能流程
|
||
|
||
### 4.1 新使用者引導流程
|
||
|
||
```mermaid
|
||
flowchart LR
|
||
A[註冊] --> B[選擇網址]
|
||
B --> C[設定大頭照/封面/自介]
|
||
C --> D{邀請朋友？}
|
||
D -- 是 --> E[發送邀請]
|
||
D -- 跳過 --> F[建立首本相簿]
|
||
E --> F
|
||
F --> G[發佈首篇貼文]
|
||
G --> H[進入首頁]
|
||
style A fill:#a5d8ff
|
||
style H fill:#b2f2bb
|
||
```
|
||
|
||
### 4.2 日常使用流程
|
||
|
||
```mermaid
|
||
flowchart TD
|
||
LOGIN[登入] --> HOME[首頁：含最近來訪]
|
||
HOME --> |發佈內容| POST[撰寫貼文/上傳照片]
|
||
HOME --> |建立相簿| ALBUM[建立相簿 → 上傳照片]
|
||
HOME --> |拜訪朋友| VISIT[朋友首頁]
|
||
HOME --> |查看提醒| NOTIFY[回訪提醒 → 朋友首頁]
|
||
HOME --> |管理| SETTINGS[隱私/匯入/匯出]
|
||
POST --> PRIV1[選擇隱私層級] --> PUB1[發佈 → 時間軸更新]
|
||
ALBUM --> PRIV2[選擇隱私層級] --> PUB2[發佈 → 首頁相簿卡更新]
|
||
VISIT --> |留言| GUESTBOOK[留言板]
|
||
VISIT --> |看內容| BROWSE[相簿/網誌]
|
||
GUESTBOOK --> REPLY[板主收到通知]
|
||
BROWSE --> VISITLOG[被記錄為訪客]
|
||
style LOGIN fill:#a5d8ff
|
||
style PUB1 fill:#b2f2bb
|
||
style PUB2 fill:#b2f2bb
|
||
style VISITLOG fill:#d0bfff
|
||
```
|
||
|
||
### 4.3 匯入流程
|
||
|
||
```mermaid
|
||
flowchart TD
|
||
START[選擇匯入來源] --> SRC{來源類型}
|
||
SRC -- Facebook --> FB[上傳 FB 匯出檔]
|
||
SRC -- Instagram --> IG[上傳 IG 匯出檔]
|
||
SRC -- Google --> GG[上傳 Google Takeout]
|
||
SRC -- ZIP --> ZIP[上傳 ZIP 檔]
|
||
FB --> PREVIEW
|
||
IG --> PREVIEW
|
||
GG --> PREVIEW
|
||
ZIP --> PREVIEW
|
||
PREVIEW[預覽對應結果] --> MAP{對應正確？}
|
||
MAP -- 是 --> CONFIRM[確認匯入]
|
||
MAP -- 否 --> ADJUST[手動調整對應] --> CONFIRM
|
||
CONFIRM --> PROCESS[背景處理中...]
|
||
PROCESS --> DONE[完成通知]
|
||
style START fill:#a5d8ff
|
||
style DONE fill:#b2f2bb
|
||
style PROCESS fill:#ffd8a8
|
||
```
|
||
|
||
### 4.4 訪客瀏覽與隱私判斷流程
|
||
|
||
```mermaid
|
||
flowchart TD
|
||
ENTRY[輸入網址/點擊連結] --> AUTH{訪客身份}
|
||
AUTH -- 未登入 --> PUB{內容隱私？}
|
||
AUTH -- 已登入 --> FRIEND{是朋友？}
|
||
PUB -- 公開 --> SHOW1[顯示首頁]
|
||
PUB -- 非公開 --> DENY1[無法存取]
|
||
FRIEND -- 是 --> SHOW2[顯示完整內容]
|
||
FRIEND -- 否 --> CHECK{在指定名單？}
|
||
CHECK -- 是 --> SHOW3[顯示指定內容]
|
||
CHECK -- 否 --> PUB2{內容隱私？}
|
||
PUB2 -- 公開/連結可見 --> SHOW4[顯示對應內容]
|
||
PUB2 -- 朋友/指定名單 --> DENY2[無法存取]
|
||
SHOW1 --> BROWSE[瀏覽相簿/網誌]
|
||
SHOW2 --> BROWSE
|
||
SHOW3 --> BROWSE
|
||
SHOW4 --> BROWSE
|
||
BROWSE --> GUEST[留言/互動]
|
||
BROWSE --> LOG[被記錄為訪客]
|
||
GUEST --> LOG
|
||
style ENTRY fill:#a5d8ff
|
||
style DENY1 fill:#ffc9c9
|
||
style DENY2 fill:#ffc9c9
|
||
style LOG fill:#d0bfff
|
||
```
|
||
|
||
### 4.5 隱私層級決策流程
|
||
|
||
```mermaid
|
||
flowchart LR
|
||
CONTENT[建立/編輯內容] --> Q1{要讓誰看到？}
|
||
Q1 -- 所有人 --> L1[公開]
|
||
Q1 -- 知道連結的人 --> L2[連結可見]
|
||
Q1 -- 只有朋友 --> L3[朋友]
|
||
Q1 -- 特定人 --> L4[指定名單 → 勾選朋友]
|
||
L1 --> SAVE[儲存]
|
||
L2 --> SAVE
|
||
L3 --> SAVE
|
||
L4 --> SAVE
|
||
style CONTENT fill:#a5d8ff
|
||
style L1 fill:#b2f2bb
|
||
style L2 fill:#ffd8a8
|
||
style L3 fill:#d0bfff
|
||
style L4 fill:#fff3bf
|
||
```
|
||
|
||
（詳細流程圖另見 `flow_overview.excalidraw`）
|
||
|
||
---
|
||
|
||
## 5. 功能結構
|
||
|
||
```mermaid
|
||
graph TD
|
||
ROOT[還有誰來我家]
|
||
|
||
ROOT --> HOME[個人首頁]
|
||
ROOT --> ALBUM[相簿]
|
||
ROOT --> BLOG[網誌]
|
||
ROOT --> GUEST[留言板]
|
||
ROOT --> MOOD[心情]
|
||
ROOT --> FRIEND[朋友]
|
||
ROOT --> PRIV[隱私設定]
|
||
ROOT --> IMPTEXP[匯入/匯出]
|
||
ROOT --> NOTIF[通知]
|
||
|
||
HOME --> H1[封面照片 + 大頭照 + 自介]
|
||
HOME --> H2[四區塊卡片]
|
||
HOME --> H3[時間軸]
|
||
HOME --> H4[最近來訪]
|
||
HOME --> H5[訪客紀錄]
|
||
|
||
ALBUM --> A1[相簿列表]
|
||
ALBUM --> A2[相簿內頁：照片瀏覽]
|
||
ALBUM --> A3[相簿設定：名稱/封面/隱私]
|
||
ALBUM --> A4[上傳]
|
||
|
||
BLOG --> B1[貼文列表]
|
||
BLOG --> B2[貼文編輯器]
|
||
BLOG --> B3[貼文內頁]
|
||
BLOG --> B4[貼文設定：隱私]
|
||
|
||
GUEST --> G1[留言列表]
|
||
GUEST --> G2[留言輸入]
|
||
GUEST --> G3[留言管理：回覆/刪除]
|
||
|
||
MOOD --> M1[當前心情狀態]
|
||
MOOD --> M2[心情歷史]
|
||
|
||
FRIEND --> F1[朋友名單]
|
||
FRIEND --> F2[朋友分組：標籤]
|
||
FRIEND --> F3[朋友申請]
|
||
FRIEND --> F4[封鎖管理]
|
||
|
||
PRIV --> P1[內容隱私總覽]
|
||
PRIV --> P2[個別內容隱私]
|
||
PRIV --> P3[留言板權限]
|
||
|
||
IMPTEXP --> IE1[匯入：來源選擇]
|
||
IMPTEXP --> IE2[匯入：預覽與對應]
|
||
IMPTEXP --> IE3[匯入：進度]
|
||
IMPTEXP --> IE4[匯出：範圍選擇]
|
||
IMPTEXP --> IE5[匯出：下載]
|
||
|
||
NOTIF --> N1[新留言通知]
|
||
NOTIF --> N2[朋友更新通知]
|
||
NOTIF --> N3[回訪提醒]
|
||
|
||
style ROOT fill:#d0bfff
|
||
style HOME fill:#a5d8ff
|
||
style ALBUM fill:#a5d8ff
|
||
style BLOG fill:#b2f2bb
|
||
style GUEST fill:#fff3bf
|
||
style MOOD fill:#ffd8a8
|
||
style FRIEND fill:#d0bfff
|
||
style PRIV fill:#ffd8a8
|
||
style IMPTEXP fill:#b2f2bb
|
||
style NOTIF fill:#ffd8a8
|
||
```
|
||
|
||
（結構圖另見 `structure.excalidraw`）
|
||
|
||
---
|
||
|
||
## 6. 頁面設計（Wireframe）
|
||
|
||
### 6.1 個人首頁
|
||
|
||
見 `wireframe_homepage.excalidraw`
|
||
|
||
**重點設計原則**：
|
||
- 手機優先，桌面端適度展開
|
||
- 四區塊以卡片排列，相簿佔最大面積
|
||
- 留言板在頁面下方，模擬「家門口的留言條」感
|
||
- 最近來訪以小頭像列呈現，帶「還有誰來我家」標題
|
||
|
||
### 6.2 相簿頁
|
||
|
||
見 `wireframe_album.excalidraw`
|
||
|
||
**重點設計原則**：
|
||
- 格狀縮圖排列，3 欄（手機 2 欄）
|
||
- 點擊進入全螢幕滑動瀏覽
|
||
- 相簿封面大圖 + 標題 + 照片數量
|
||
|
||
### 6.3 貼文/時間軸頁
|
||
|
||
見 `wireframe_timeline.excalidraw`
|
||
|
||
**重點設計原則**：
|
||
- 時間軸左側時間線，右側內容卡
|
||
- 依月分組，可折疊
|
||
- 不同類型內容用圖示區分
|
||
|
||
### 6.4 留言板頁
|
||
|
||
見 `wireframe_guestbook.excalidraw`
|
||
|
||
**重點設計原則**：
|
||
- 留言卡式排列，含頭像、暱稱、時間、內容
|
||
- 板主回覆縮排在原留言下方
|
||
- 底部固定留言輸入框
|
||
|
||
### 6.5 隱私設定 & 匯入匯出頁
|
||
|
||
見 `wireframe_settings.excalidraw`
|
||
|
||
**重點設計原則**：
|
||
- 隱私設定以列表呈現，每行一內容+目前層級+修改按鈕
|
||
- 匯入以步驟式引導，大面積拖放區
|
||
- 匯出一鍵按鈕 + 進度條
|
||
|
||
---
|
||
|
||
## 附錄：早期驗證指標
|
||
|
||
| 指標 | 門檻 |
|
||
|------|------|
|
||
| 新註冊 24h 內完成「首頁+首篇貼文+首本相簿」 | > 40% |
|
||
| 首月 ≥ 2 次回訪並新增內容 | > 25% |
|
||
| 首次分享後被訪客留言 | > 15% |
|
||
| 匯入流程完成率 | > 70% |
|
||
| 使用分層隱私（非全公開）比例 | > 50% |
|
||
|
||
---
|
||
|
||
## 附錄：商業模式（Freemium）
|
||
|
||
| 免費版 | 付費版 |
|
||
|--------|--------|
|
||
| 5GB 相簿容量 | 50GB+ 相簿容量 |
|
||
| 1 種版型 | 多種主題與版型 |
|
||
| 還有誰來我家.com/username | 自訂網域 |
|
||
| 基本隱私名單 | 進階隱私名單（無限分組） |
|
||
| — | 家庭方案 |
|
||
| — | 紀念頁與列印/輸出服務 |
|