1 min read

前端工程八大流程

Table of Contents

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 月)