user story mapping

1. 使用者故事地圖工作坊
David Ko

2. 我是誰?

3. 大綱
使用者故事
使用者故事地圖
如何驗證你的最小可行性產品
Q A

4. 工作坊 – 就是要弄髒雙手

5. 東京巨蛋

6. 如何從後樂園站到東京巨蛋 ?

7. Kent Beck 說話了 …
停止吧
停止只靠文件溝通
告訴我你的故事

8. 原先 user story 的想法很簡單:
是用來幫助對話的
客戶
開發人員
User Story
我把我要的
寫在卡片上面
讓我們聊聊
來探索我要打造
的東西的細節

9. 使用文字和圖片來達成共識和協同合作

10. 所以重點在於我們怎麼使用
而不是怎麼撰寫它們

11. 文件只是在幫助我們回憶當初的對話
但是無法取代對話

12. 但是老闆還是要你交文件
所以我還是聊一下 story 的格式

13. 常見的 user story format (1)
• 格式一
As a [role] I want [what], so that [why]
• 範例
身為背包客
我想要找最便宜的旅館
因為我的經費有限

14. 常見的 user story format (2)
• 格式一
In order to [value], as a [role], I want [what]
• 範例
因為我的經費有限
身為背包客
我想要找最便宜的旅館

15. 有關旅遊網站的範例
As a user, I want to
reserve a hotel room
As a user, I want to
cancel a reservation
As a vacation planner,
I want to see photos of
the hotel
As a frequent flyer, I
want to rebook a past
trip, so that I save time
booking trips I take
often

16. As someone who speak a
Latin-based language, I might
want to run your software
someday
非功能性需求的範例
As a customer, I want to be
able to run your product on all
versions of windows from
Windows 10 on
As the CTO, I want the
system to use our existing
orders database rather than
create a new one
As a customer, I want the site to
be available 99.999% of the
time I try to access it.

17. User Story 細節
• As a user, I can cancel a reservation.
• 可以全額退費, 或是只能退部分?
• 多早之前就必須要取消?
• 所有旅館都一樣嗎?
• 對所有地區的人都一樣嗎? 對於老客戶是否可以比較晚取消?
• 取消地確認是否要提供給使用者?
• 如何做?

18. 細節就是滿足的條件
• 滿足條件可以被加入使用者故事中
As a user, I want to
cancel a reservation
p Verify that a premium member can
cancel the same day without a fee
p Verify that a non-premium member is
Charged 10% for a same-day cancellation
p Verify that an e-mail confirmation is
sent.
p Verify that the hotel is notified of
any cancelation

19. Lab: 高鐵訂票系統
30 個 user story
包含 5 個 non functional
只寫 what/action

20. Lesson Learnt: 你學到什麼 ?

21. 4-21

22. User Story Mapping
以有組織的方式來討論
產品的使用經驗

23. User Story Mapping 簡介
User Goal
- 錢不是最重要考量
- 確定隨時有票
Persona
企業用戶
- 可能會不定時出差, 去
拜訪客戶.
- 客戶大多在中南部
- 通常客戶不見得在高鐵
站旁邊
Epics
工作流程順序
優
先
順
序
訂票
付款
取票
退票
依日
期選
依車
次選
付現
信用
卡
iBon
臨櫃
售票
機
7-11
臨櫃
功能 故事
發佈 1
發佈 2

24. User Story Mapping 範例

25. 怎麼進行 User Story Mapping 討論
• 先描述你要專注的 persona
• 腦力激盪列出其主要的任務
• 將這些任務分群並且命名
• 依照發生的時間順序將群組由左至右排列
• 排列出故事架構
• 繼續找出更細部的任務
• 講故事給使用者和利害關係人聽

26. 你如何知道這是客戶要的 ?
Epics
工作流程順序
優
先
順
序
訂票
付款
取票
退票
依日
期選
依車
次選
付現
信用
卡
iBon
臨櫃
售票
機
7-11
臨櫃
功能 故事
發佈 1
發佈 2

27. 沒人知道

28. 你只能知道你想產生什麼影響
影響
iimpact
產出
output
結果
outcome
對客戶的影響 ?
做出來的系統
產生的價值
這是你的假設

29. 利用 MVP 驗證你的假設
訂票
付款
取票
退票
依日
期選
依車
次選
付現
信用
卡
iBon
臨櫃
售票
機
7-11
臨櫃
發佈 1
發佈 2
想達成目標
驗證的指標
通過的標準
MVP
最小可行性
產品集合

30. 利用多次迭代找出客戶想要的東西

31. 使用者故事地圖的好處
• 解決使用者故事沒有結構的問題
• 幫助瞭解大方向
• 從使用者的角度來看所要的功能
• 可以幫助建構較少的東西
• 可以幫助學習更快

32. 如何設計實驗
• 最小可行性產品
• A/B 測試
• 登錄頁
• 擬真實驗
• 創新遊戲
• 預購
• 仿真門
• 人肉系統

33. 最小可行性產品 (1)
• 單一功能 MVP
• 只針對某一功能來實作
• foursquare 一開始只是在社群活動上簽到

34. 最小可行性產品 (2)
• 貴賓式 MVP
• 向特定客戶提供高度定制化產品
• 收集大量回饋及付費意願

35. A/B 測試
• 瞭解客戶對不同版本間的反應

36. 登錄頁
• 其中一種做法
• 用即將推出吸引註冊
• 開發產品
• 盈利

37. 擬真實驗
• 用無功能實體來模擬產品

38. 創新遊戲
購買一項功能
產品包裝盒
快艇

39. 預售
• 瞭解使用者願意付錢的意願有多強
39

40. 仿真門
• 創造一個假系統
• 藉由數據判斷使用者有沒有這個需求

41. 人肉系統
• 用人工模擬真實的產品或服務
• 讓消費者以為系統已經出來了
• 但是背後都是用人工完成

42. Lab: 高鐵訂票系統
• 用 User Story Mapping 寫出其需求
• 並且列出 MVP
• 寫出 MVP 的名稱
• 想要達成的目標
• 想採取的實驗方法

43. 高鐵線上購票系統範例
4 - 43
訂票
付款
取票
退票
選票
臨櫃
信用卡
促銷
ibon
販賣機
付現
根據時間
付現買票
月票
7-11
販賣機
手機
ＱＲ
車次
臨櫃
現金
臨櫃
信用卡
手機
信用卡
販賣機
信用卡
手機
信用卡
7-11
現金
高
鐵
站
售
票
7-11 整合
手機整合
早鳥
優惠組合
商務
特約
確認架
構可行
確認服
務流程
可行
整合
通路
行動
優先
開始
撈錢

44. Q A