Skip to content

Instantly share code, notes, and snippets.

@hlb
Last active January 9, 2025 12:25
Show Gist options
  • Save hlb/c4e2f73e3018ada2fcf7e324c1dbd750 to your computer and use it in GitHub Desktop.
Save hlb/c4e2f73e3018ada2fcf7e324c1dbd750 to your computer and use it in GitHub Desktop.
User Journey Generator

AI 網站生成器使用者旅程地圖

情境描述

開發者希望建立一個智能網站生成系統,只要輸入描述和目標,就能自動產生完整的產品規劃文件。

使用者目標

建立一個直觀的網站,讓使用者透過輸入需求描述和目標,即可獲得詳細的產品規劃文件。

Step 1: 觸發事件

使用者行為

開發者發現許多人在規劃網站時常常不知從何開始,決定開發一個 AI 輔助工具。

描述

收集市場上現有的網站規劃工具資訊,了解使用者痛點和需求缺口。

系統/產品回應

提供市場調查問卷和使用者訪談表單,收集潛在用戶意見。

痛點或機會

現有工具過於複雜或過於簡單,缺乏智能化的規劃建議功能。

情緒指數

4/5

情緒

充滿熱情和期待,相信能開發出有價值的解決方案。

Step 2: 初始互動

使用者行為

開始設計系統架構,規劃使用者介面和後端 AI 模型。

描述

繪製系統流程圖,設計直觀的輸入表單和結果呈現方式。

系統/產品回應

建立原型設計,包含主要功能頁面和使用流程模擬。

痛點或機會

需要平衡 AI 模型的複雜度和響應速度,確保用戶體驗。

情緒指數

3/5

情緒

專注但略感壓力,希望能做出易用性高的設計。

Step 3: 建立信任

使用者行為

開發第一個版本的系統,進行內部測試和優化。

描述

實作核心功能,包括需求輸入介面和 AI 規劃生成引擎。

系統/產品回應

提供測試環境,收集初步使用回饋,即時調整功能。

痛點或機會

AI 模型需要大量訓練數據來提升規劃建議的準確性。

情緒指數

4/5

情緒

看到系統逐漸成形而感到欣慰,對成果有信心。

Step 4: 轉折點

使用者行為

邀請目標用戶進行封閉測試,收集實際使用反饋。

描述

觀察使用者如何操作系統,記錄遇到的問題和改善建議。

系統/產品回應

根據用戶反饋即時調整界面設計和功能細節。

痛點或機會

需要優化 AI 建議的呈現方式,讓結果更容易理解和採納。

情緒指數

3/5

情緒

面對各種反饋感到些許挑戰,但認為這對產品改進很有幫助。

Step 5: 結論

使用者行為

完成系統優化,準備正式發布第一個版本。

描述

整理測試反饋,實施必要的改進,準備上線文件。

系統/產品回應

提供完整的使用指南和範例,確保用戶能順利上手。

痛點或機會

需要建立有效的問題回報和支援機制。

情緒指數

5/5

情緒

對即將推出的成果感到興奮和自信。

Step 6: 後續影響

使用者行為

監控系統使用情況,收集用戶使用數據和回饋。

描述

分析使用者行為數據,規劃後續功能擴充方向。

系統/產品回應

持續更新 AI 模型,優化規劃建議的質量。

痛點或機會

希望能擴展更多專業領域的網站規劃建議。

情緒指數

5/5

情緒

看到系統被實際採用而感到滿足,對未來發展充滿期待。

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

幫我思考使用者旅程地圖。先完整規劃每一個步驟的內容並輸出成 markdown 檔案,再用 mermaid 繪製出 user journey。使用者旅程地圖包含: Step 1: 觸發事件 Step 2: 初始互動 Step 3: 建立信任 Step 4: 轉折點 Step 5: 結論 Step 6: 後續影響

使用者需求:

  • 情境描述:一個開發者想要做一個網站,讓用戶輸入描述跟目標,就會產生產品規劃
  • 使用者目標:做出這個網站

以下是一個範例:

輸入:

  • 情境描述:產品經理使用 AI 產出 PRD
  • 使用者目標:只要上傳老闆的需求錄音檔,AI 系統就會產出 PRD

輸出 markdown 檔案:

# AI PRD Generator 使用者旅程地圖

## 情境描述
產品經理需要快速產出 PRD 文件,透過 AI 系統將老闆的需求錄音轉換成標準格式的 PRD。

## 使用者目標
只要上傳老闆的需求錄音檔,AI 系統就會自動產出符合規範的 PRD 文件。

## Step 1: 觸發事件
### 使用者行為
產品經理在與老闆開會時錄製需求討論內容,並準備上傳到 AI 系統。

### 描述
在會議中記錄老闆提出的產品願景、目標市場、核心功能等關鍵資訊,確保錄音品質清晰。

### 系統/產品回應
提供簡單直觀的檔案上傳介面,支援多種音訊格式,顯示上傳進度。

### 痛點或機會
錄音可能存在背景噪音或多人交談重疊的情況,影響識別準確度。

### 情緒指數
3/5

### 情緒
期待但略帶擔憂,不確定 AI 是否能準確理解錄音內容。

## Step 2: 初始互動
### 使用者行為
上傳錄音檔後,觀察系統處理進度,等待初步的文字轉換結果。

### 描述
系統開始處理音檔,即時顯示轉換進度,讓使用者了解預計完成時間。

### 系統/產品回應
展示處理進度條,提供預估完成時間,同時開始進行語音轉文字的處理。

### 痛點或機會
處理時間可能較長,使用者需要等待,可以考慮加入背景處理功能。

### 情緒指數
2/5

### 情緒
耐心等待但希望能加快處理速度。

## Step 3: 建立信任
### 使用者行為
檢視系統生成的會議文字記錄,確認轉換的準確性。

### 描述
仔細閱讀文字稿,確保重要的討論內容都被正確記錄下來。

### 系統/產品回應
提供文字編輯界面,允許使用者修正任何辨識錯誤,並標記重要段落。

### 痛點或機會
需要手動校正一些專業術語或特定名詞的辨識結果。

### 情緒指數
4/5

### 情緒
看到準確的文字轉換結果而感到驚喜,對後續步驟充滿信心。

## Step 4: 轉折點
### 使用者行為
開始審查 AI 生成的 PRD 初稿,評估文件結構和內容完整性。

### 描述
系統根據文字記錄自動組織架構,生成包含產品願景、功能規格、技術需求等章節的 PRD。

### 系統/產品回應
呈現結構化的 PRD 文件,並提供修改建議和參考範例。

### 痛點或機會
AI 生成的內容可能需要調整語氣和專業度,確保符合公司風格。

### 情緒指數
4/5

### 情緒
對 AI 的產出品質感到滿意,但認為仍需要一些優化。

## Step 5: 結論
### 使用者行為
進行最後的內容審查和格式調整,確保 PRD 符合所有要求。

### 描述
仔細檢查每個章節,確保邏輯性和完整性,必要時進行微調。

### 系統/產品回應
提供文件預覽功能,支援多種導出格式,並自動進行格式檢查。

### 痛點或機會
希望系統能記住個人的修改偏好,用於優化未來的文件生成。

### 情緒指數
5/5

### 情緒
對最終成果感到滿意,認為大大提升了工作效率。

## Step 6: 後續影響
### 使用者行為
與團隊分享使用經驗,並開始規劃更多 AI 輔助文件生成的應用場景。

### 描述
將成功經驗分享給其他產品經理,討論如何將此流程應用到其他類型的文件生成中。

### 系統/產品回應
收集使用者反饋,持續優化模型,增加新的文件模板和功能。

### 痛點或機會
期待系統能支援更多類型的文件生成,如產品路標、競品分析等。

### 情緒指數
5/5

### 情緒
充滿成就感,期待系統未來的發展和更多可能性。

輸出 mermaid 檔案

journey
title AI PRD Generator User Journey
section 觸發事件
  錄製需求音檔: 3: PM
  準備上傳檔案: 3: PM, System
section 初始互動
  上傳並處理音檔: 2: PM
  觀察處理進度: 2: PM, System
section 建立信任
  檢視文字轉換: 4: PM
  校正轉換結果: 4: PM, System
section 轉折點
  審查PRD初稿: 4: PM
  評估內容完整性: 4: PM, System
section 結論
  最終審查及調整: 5: PM
  確認文件品質: 5: PM, System
section 後續影響
  分享使用經驗: 5: PM
  規劃更多應用: 5: PM, System
Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment