1. 開發主題與需求確認(Topic Confirmation)
了解網路服務想要帶給使用者的價值,設計時更能夠遵照同樣的價值進行。
2. 使用者經驗與流程設計(User flow & UX design)
產出操作流程圖(Flow Diagram, Storyboard),強調各種行為產生的動線。流程圖有利於大型團隊溝通,透過流程圖可快速理解動作之間的關聯。
3. 前端介面架構規劃(Wireframe)
架構規劃的好處:
- 培養對產品的認同感
- 釐清後端服務接口
- 職責分工
4. 需求條列化(Specification)
對於前端工程師來說,此階段最重要的應該是「確認使用者視覺及操作需求」。
5. 前後端分工(Division of Work)
- 前端列出需要後端傳送的資料
- 後端列出資料的接口,像是前端需傳送給後端的參數、後端回傳的資料、api 網址等等
6. 前端開發(Front-End development)
7. 追蹤開發進度(Function & Issue Tracking)
可利用專案進度追蹤工具,如「Trello」
8. 開發測試與驗收(Testing & Check of work)
若有 Bug,將 Bug 紀錄進開發進度追蹤系統(issue tracking system);若使用經驗不如預期,負責修改的人需要將之前的操作流程圖升級成下一個版本,再依據修改的內容進行工作分派。
──摘自彭其捷《成為一流的前端工程師:打造專業的 UX 網站》(博碩文化,2014 年 11 月)