系統開發與應用
使用者故事對照
專案實際上是如何運作的？
一個專案 各自表述！
專案產出許多文件，但分享文件不是「分享共識」
❶看了文件之後
❶❷❸❹
❷圖文表述之後
❸經過對話討論
❹真正達成共識
三種專案規劃常用的地圖工具
步驟、心情、痛點、期待
big picture
little picture
產品、功能、規格、需求
顧客旅程地圖範例
顧客旅程 （繪圖者：曾琦心）
資料來源：Lemon, Katherine N. & Peter C. Verhoef (2016), “Understanding Customer Experience Throughout the Customer Journey,” Vol. 80 (November 2016), 69–96, Journal of Marketing: AMA/MSI Special Issue. DOI: 10.1509/jm.15.0420.
顧客旅程地圖範例
顧客旅程圖 （繪圖者：彭煖蘋）
資料來源：Lemon, Katherine N. & Peter C. Verhoef (2016), “Understanding Customer Experience Throughout the Customer Journey,” Vol. 80 (November 2016), 69–96, Journal of Marketing: AMA/MSI Special Issue. DOI: 10.1509/jm.15.0420.
什麼是使用者故事對照User story mapping
使用者故事的基本格式：
身為支票存款帳戶的持有人
我想要在「我的手機上存入支票」
這樣「我就不必去銀行了」
Who it is for?
它是給誰用的？
What it expects from the system?
它對系統有何期望？
Why it is important (optional?)?
為什麼它很重要（可選？）？
需求描述
使用者故事
Impact mapping架構圖
練習
從起床到出門的使用者故事
1. 一次一個步驟寫下起床之後，到出門的所做的事情（任務）
任務是建構故事的基本單元，但任務該多細？
出處：Jeff Patton「使用者故事對照：User Story Mapping」一書第69頁
海平面任務：特意停下來，做其他事之前必須完成的任務
摘要層任務：聚集一些海平面任務與子任務
海平面任務通常可分解為一些「子任務」
A good user story should be - INVEST:
- Independent: 獨立、不依賴彼此
- Negotiable: 抓住使用者需求
- Valuable: 提供價值
- Estimable:可以正確估算、並確定優先順序以適合衝刺
- Small: 是一個小任務、大約可在3-4天內完成
- Testable: 可透過預先編寫的驗收標準進行確認。
從起床到出門的使用者故事
2. 組織你的使用者故事
大約同時間發生的事情放置在一起
由左至右依序組織你的任務
佈置過程中，檢視是否有遺漏？補充之
填補被遺漏的細節
敘事流
從起床到出門的使用者故事
3. 探索替代故事
- 花一分鐘想想昨天早上, 想想那個有出錯的早晨, 想想什麼樣的早晨是完美的...
- 將新任務寫下，放到適當的地方，如有必要可改變敘事流
從起床到出門的使用者故事
4. 萃取故事精華以產生骨幹
- 在每一群類似的便利貼之上，加上不同顏色的便利貼，另外寫上動詞短語（活動）
- 「活動」通常沒有共通的用法
任務
活動
從起床到出門的使用者故事
5. 切割出幫助你達成特定成果的任務
想要的成果
達成想要的成果所需的最少任務
其他不相干的任務
利用地圖，想像沒有發生的事情
- 起床後，在10分鐘內出門
- 學校突然宣佈放假
個案
王小明是居住在淡水的土豪，對淡水有割捨不下的感情，希望可以開發一個 「淡水通 app」 來介紹淡水，讓更多人可以認識淡水愛上淡水。
淡水通App
情境
目標
- 引導遊客了解淡水
- 提供當地居民豐富生活資訊
- 促進淡水商家發展
- 深化對淡水的熱愛與認同
淡水通App
- 引導遊客了解淡水： 透過「淡水通 app」，引導遊客了解淡水的歷史文化、美食特色、景點導覽等，幫助他們更全面地了解淡水並深入感受當地的魅力。
-
提供當地居民豐富生活資訊： 「淡水通 app」也致力於為當地居民提供豐富多彩的生活資訊，包括最新的活動資訊、社區動態、文化藝術活動等，讓居民更好地融入當地社區。
-
促進淡水商家發展： 「淡水通 app」提供了商家專屬功能，能夠幫助商家宣傳促銷、管理客戶、提升銷售等，從而促進淡水商家的發展，繁榮當地經濟。
-
深化對淡水的熱愛與認同： 透過「淡水通 app」，人們可以更加深入地了解淡水的文化、歷史和生活，從而加深對淡水的熱愛與認同，進一步推動淡水的發展和繁榮。
淡水通App
更具體的目標
- 作為一位遊客，我想透過淡水通 app 找到淡水的熱門景點和美食，以便在旅行中更好地了解這個地方。
- 作為一位當地居民，我想透過淡水通 app 掌握當地的最新活動和事件，以便參與當地社區生活。
-
作為一家淡水的商家，我希望在「淡水通 app」上宣傳我的店鋪和促銷活動，以吸引更多的遊客和當地居民光顧。
淡水通App
使用者故事
- 作為一位對淡水歷史感興趣的人，我希望在「淡水通 app」上找到深入的歷史介紹和古蹟導覽，以滿足我的好奇心並增進對淡水的了解。
- 作為一位喜歡參加文化藝術活動的人，我希望在「淡水通 app」上找到當地的藝術展覽、表演和工作坊等活動資訊，以豐富我的文化生活。
-
作為一位關心淡水環境保護的志願者，我希望在「淡水通 app」上找到有關當地環保活動和志願服務的資訊，以參與社區的環保行動。
淡水通App
使用者故事 cont'
淡水通App
敘事流
- 作為一位遊客，我想透過淡水通 app 找到淡水的熱門景點和美食，以便在旅行中更好地了解這個地方。
瀏覽景點地圖
閱讀景點介紹
收藏喜愛景點
導航前往景點
為景點評論/評分
查詢景點
查看推薦景點
大約同時發生的事情
搜尋評論/評分
- 從使用故事中找出任務
- 根據時間組織任務
- 思考、填補可能遺漏的內容
淡水通App
敘事流: 聚焦寬度(活動與任務)
瀏覽景點地圖
尋找景點/美食
導航前往景點
為景點評論/評分
查詢景點
查看推薦景點
搜尋評論/評分
註冊
觀看收藏景點
觀看收藏美食
任務
活動
淡水通App
敘事流: 探索細節
瀏覽景點地圖
尋找景點/美食
導航前往景點
為景點評論/評分
查詢景點
查看推薦景點
搜尋評論/評分
註冊
觀看收藏景點
觀看收藏美食
填寫個人資訊
電子郵件驗證
選擇註冊類型
同意條款
完成註冊的步驟
觀看收藏景點的步驟？
淡水通App
探索替代故事
瀏覽景點地圖
閱讀景點介紹
收藏喜愛景點
導航前往景點
為景點評論/評分
查詢景點
- 可以用什麼替代方案？
- 萬一事情出錯會如何？
出處：使用者故事對照, Jeff Patton, 楊仁和譯, 碁峰資訊2016
練習1
參考使用者故事2，構思與撰寫敘事流
- 作為一位當地居民，我想透過淡水通 app 掌握當地的最新活動和事件，以便參與當地社區生活。
提示：活動日曆、訂閱、報名、分享、紀錄...
練習2
參考使用者故事3，構思與撰寫敘事流
提示：創建店家資料、產品、促銷、分享、回應顧客查詢...
- 作為一家淡水的商家，我希望在「淡水通 app」上宣傳我的店鋪和促銷活動，以吸引更多的遊客和當地居民光顧。
【構思想法】
-
(What)他是什麼？
-
他是一個可以為考生進行模擬面試的軟體
-
一個生成式AI的聊天機器人
-
-
(Why)為什麼要建造這個軟體
-
幫助考生適應面試，消除緊張、提高錄取的機率
-
增加收入
-
組成社群、讓社群成員就面試進行交流
-
-
(What Benefits)他為使用者與你解決什麼問題？
-
得到模擬面試的機會
-
和其他成員進行交流
-
我可以得到很多客戶，與客戶的資料
-
得到建立AI軟體、與fine-tune模型的實戰經驗
-
【描述客戶、使用者】
-
購買這個軟體的客戶、使用這個軟體的使用者（描述你的客戶和使用者）
-
私立高中、升學補習班
-
要升學的學生
-
-
這些客戶會得到什麼好處？
-
軟體的使用者為什麼要用？會用他來做什麼？
【聚焦】時間資源有限
-
當使用者有很多類型，誰會是第一個使用者？他會想用這個軟體做什麼?
人物誌 (Persona)
【描述使用者故事】【寬度】
- 假設產品已經問世，想像一下相關功能、探討某個使用者的一天，講述故事
- 另一個重點在於組員一起討論故事、重組卡片：逐漸達成「共同的理解」
【探索細節與選項】【深度發展】
- 他們會做什麼具體的事情？
- 能夠做什麼替代的事情？
- 什麼會讓它變得很棒？
- 萬一事情出錯的話會如何？
開發流程
| 規劃期 | 製作前期 | 製作期 | 上架期 |
|---|---|---|---|
| 規格書 | Wireframe | 後端 | 測試 |
| UI flow | 前端 | 上架 | |
| Mockup | 設計 | 維運 | |
| Prototype |
開發流程
製作前期：Wireframe
製作前期：UI flow
製作前期：Mockup
製作前期：Prototype
