一般情況下，一個互聯(lián)網(wǎng)產(chǎn)品經(jīng)過以下的步驟：

1. 產(chǎn)品。產(chǎn)品來自于兩個渠道：第一種是從公司外部而來，通過和甲方簽訂合同，進(jìn)行項目的外包。第二種是公司內(nèi)部的產(chǎn)品經(jīng)理，進(jìn)行互聯(lián)網(wǎng)產(chǎn)品的需求分析和設(shè)計。這個過程一般從用戶研究開始，找出目標(biāo)用戶的需求，并進(jìn)行需求的過濾，產(chǎn)品經(jīng)理的產(chǎn)出物是BRD（商業(yè)需求文檔）和PRD（產(chǎn)品需求文檔）。
2. 交互設(shè)計。對于一個產(chǎn)品，接下來是進(jìn)行交互設(shè)計，所謂交互設(shè)計就是產(chǎn)品的行為設(shè)計，一般涉及產(chǎn)品布局的合理性問題。交互設(shè)計的產(chǎn)出物是產(chǎn)品的交互原型，如果有一定的實力，可以進(jìn)行產(chǎn)品原型的可用性測試，邀請典型用戶對設(shè)計流程的效率、可學(xué)習(xí)性等問題進(jìn)行專項的測試。
3. 視覺設(shè)計。一般視覺設(shè)計是前端的上游，前端是視覺設(shè)計的下游。設(shè)計的工作目的是把產(chǎn)品宏觀的思維結(jié)果進(jìn)行專業(yè)的處理，設(shè)計師對產(chǎn)品原型進(jìn)行專業(yè)的處理，比如布局、配色等，視覺設(shè)計師的產(chǎn)出物是設(shè)計圖。如果不進(jìn)行視覺設(shè)計直接進(jìn)行前端頁面實現(xiàn)是否可以呢？這里就會涉及到成本的因素，在前期，尤其是設(shè)計，主觀感受大于理性的思考，所以每天的結(jié)果都不一樣，所以需要設(shè)計師去消化掉這部分主觀感受帶來的誤區(qū)，而且從成本上來講，有些場景設(shè)計師改圖比改代碼要容易控制一些。
4. 前端開發(fā)。設(shè)計師的結(jié)果是PSD格式的設(shè)計圖，保留原始的設(shè)計圖層。前端的工作結(jié)果是html頁面，是把很多圖層上的效果，有機的用html組織起來的過程。
5. 后臺開發(fā)。前端是把html文件交給服務(wù)端開發(fā)工程師，或叫后臺開發(fā)，這個html里邊包括一些交互的JavaScript文件等?？偟膩碚f前端是一個承前啟后的崗位。

更加緊湊的表述方式是，領(lǐng)導(dǎo)或甲方提出需求，然后產(chǎn)品分析需求，并且根據(jù)需求畫出原型圖，然后根據(jù)原型圖出設(shè)計稿。出完設(shè)計稿經(jīng)過團(tuán)隊評審，通過之后由前端來制作靜態(tài)頁面，靜態(tài)頁面交給設(shè)計審核，通過之后交給后臺人員，進(jìn)行動態(tài)數(shù)據(jù)的添加。添加完之后，發(fā)布測試環(huán)境，產(chǎn)品測試領(lǐng)導(dǎo)審核，成功后，直接發(fā)布產(chǎn)品環(huán)境?；蜻M(jìn)行版本迭代。這是整個的一個設(shè)計，開發(fā)，部署的流程。

在整個流程中，伴隨著多個不同職位和多份文檔。

• 產(chǎn)品經(jīng)理是整個流程中需求文檔的編寫者，因為產(chǎn)品最能接觸最原始的需求，對需求的理解更深刻或?qū)I(yè)，產(chǎn)品經(jīng)理會編寫B(tài)RD（英文全稱Business Requirement Document，BRD）、MRD（英文全稱Market Requirement Document，MRD）和PRD (Product Requirement Document，PRD)。
• 交互設(shè)計師的產(chǎn)出是交互原型，有的交互不是非常復(fù)雜，就沒有文檔，只是郵件。有時候說，不要這個郵件行不行，那怕是最簡單的原始東西，沒有文件或郵件是不能做一個后期測試回溯的依據(jù)。交互文檔描述頁面復(fù)雜的交互或各個用戶表單與用戶發(fā)生的各種互動。
• 架構(gòu)師或項目經(jīng)理的產(chǎn)出是需求文檔。需求文檔是對整個項目的歷史背景，系統(tǒng)開發(fā)軟硬件要求，或版本信息，等等。
• 后臺工程師提供的接口文檔，這里邊包括一些請求類型，傳參的數(shù)目與鍵名，還有服務(wù)端返回的參數(shù)名約定等等的，這些文檔是開發(fā)中的靈魂，也是以后測試回溯的標(biāo)準(zhǔn)或依據(jù)。

用一張圖來表示產(chǎn)品從確定需求到開發(fā)出來的整個流程：