# 產品開發與工作流程概念

###### tags: `程式導師`

## 工作流程

1. Stakeholder 提出需求
2. PM 寫 spec (規格書)
3. 畫 wireframe
4. 交給 designer 產出 mockup
5. 交給工程師開工

## Product Spec

規格與實作要同步， 建議工程師提出需要的額外功能後，要更新需求書。

**spec 要有**

1. 頁面的 wireframe
2. 頁面元件的細部功能與運作邏輯
3. 使用流程圖（文字版或圖畫版皆可）
4. edge case
5. 資料數據規格，database

> 文字版流程圖建議以「視角」做步驟劃分，常見視角是：使用者、系統

**參考文章**

- [【SOP不藏私】系列＃EP1「連猴子也會的PRD指南」](https://medium.com/as-a-product-designer/sop-ep01-prd-3c6d33880c34)
- [PRD到底该怎么写？更全面的文档范例来了](http://www.woshipm.com/pmd/3327770.html)
- [【產品經理 PM｜需求文檔 PRD】優惠券發放的產品設計，需求文檔怎麼寫？](https://medium.com/y-pointer/product-prd-ca0ea9b75b85)

## User Story

目的在拆解需求，把需求寫的更詳細、具體，協助開發者對需求有跟明確的瞭解。而每個 user story 會是將來的 ticket/task/card/issue，方便工程師分配工作。

起手式：As a user, I want to ......so that ....

**參考文章**

- [什麼是 User Story?](https://ihower.tw/blog/archives/2090)
- [Agile User Stories](https://www.youtube.com/watch?v=apOvF9NVguA)
- [Splitting User Stories - Agile Practices](https://www.youtube.com/watch?v=EDT0HMtDwYI)

## 開發方法論

### Waterfall

### Agile

**參考文章**

- [What is Agile?](https://www.youtube.com/watch?v=Z9QbYZh1YXY)
- [【敏捷系列 - 1】什麼是敏捷？敏捷實例分享](https://www.youtube.com/watch?v=HDmO7Ev7Mlc)
- [【文思不藏私】@敏捷宣言 12 原則](https://medium.com/文思不藏私/文思不藏私-敏捷宣言-12-原則-64ad7d592087)

### 實作 Agile

**1. Kanban**

是 Trello，通常區分為 To-Do, Doing, Done

**2. Scrum**

- [Introduction to Scrum - 7 Minutes](https://www.youtube.com/watch?v=9TycLR0TqFA)
- [【敏捷系列 - 3】Scrum中的短衝 (Sprint)](https://www.youtube.com/watch?v=CQp0nGY4noo)

## 參考文章

- [What's the Difference? Agile vs Scrum vs Waterfall vs Kanban](https://www.smartsheet.com/agile-vs-scrum-vs-waterfall-vs-kanban)
- [【Podcast EP03】敏捷或瀑布開發哪個好？流程用哪種重要嗎？](https://medium.com/3pm-lab/pm-podcast-ep03-waterfall-vs-agile-82b214853112)
- [做產品真是哭夭難！ — Marty Cagan 演講 70 分鐘中文逐字翻譯（附贈 YouTube 錄影）](https://medium.com/3pm-lab/marty-cagan-producttank-taipei-speech-933e7dfc13af)