互聯網產品研發流程概論（上）| 專家干貨
1、提高研發計劃性
產品開發流程每個環節都涉及時間排期，這些時間管理要素可以有效控制項目時間表。
2、提高研發效率
通過明確開發團隊每個角色的職責和協作方式，讓每個成員只需嚴格按照規范做好自己的工作即可高效協作，降低溝通成本。
3、保證產品質量
通過確保每個環節的輸入輸出結果，讓最終產出的產品得到有效保證。
4、及時發現問題
通過各環節過程數據，方便管理人員深入了解問題。
1、明確團隊角色責權利
每個角色都有明確分工和職責，以及業績和晉升規則，從根本上保障團隊執行力。
2、明確項目管理工具
通過項目管理工具將分解每個角色的工作任務，并形成高效信息流轉。除了產品經理和項目經理需要通觀全局外，其他每個角色只需及時關注自己負責的部分即可。
3、明確研發流程
最重要的是針對每個環節明確該環節的上下游關系，以及該環節作業的輸入和輸出內容。
研發團隊是產品研發管理的核心，建立強有力的產品研發核心團隊是成功的關鍵步驟。
1、組建團隊
產品研發核心團隊通常由產品經理（1名）、研發經理（1名）、研發人員（5-10名）組成。產品開發涉及的職責分配到各位成員身上。
2、角色與分工
（1）產品經理
產品經理是產品管理職位，負責市場調查并根據用戶的需求，確定開發何種產品，選擇何種技術、商業模式等。并推動相應產品的開發組織，他還要根據產品的生命周期，協調研發、營銷、運營等，確定和組織實施相應的產品策略，以及其他一系列相關的產品管理活動。
（2）研發經理
研發經理是技術研發管理職位，負責了解項目的需求，系統分析，做相關的技術選型，制定開發計劃與開發規范。
（3）產品設計師
產品設計師是產品策劃職位，負責將客戶需求轉換為具體的產品形態。
（4）架構師
架構師是軟件系統和網絡系統的設計師，負責確認和評估產品需求、搭建軟件研發和網絡系統的核心構架、并掃清主要難點。架構師著眼于“技術實現”，能對常見場景快速給出最恰當的技術解決方案，并能評估團隊實現功能需求的代價。
架構師分為軟件架構師和系統架構師兩類，分別專注于軟件開發和系統運維兩個階段的系統設計。
（5）交互設計師
交互設計師是功能設計職位，負責根據需求文檔設計交互原型。
（6）視覺設計師
視覺設計師是界面設計職位，負責根據需求文檔和交互設計文檔設計出產品視覺界面。
（7）Web前端工程師
Web前端工程師是界面研發職位，負責根據架構設計文檔和界面設計稿，使用Web技術（HTML/CSS/JavaScript等）進行Web產品界面開發，并調用Server端接口實現Web應用。
（8）APP開發工程師
APP開發工程師是APP界面研發職位，負責根據需求文檔和界面設計稿開發出APP客戶端界面，并調用Server端接口實現APP應用。
（9）測試工程師
測試工程師是軟件質量的把關者，負責根據需求文檔編寫測試用例、執行測試任務、提交測試Bug、跟進Bug修正等。
（10）運維工程師
運維工程師是產品發布職位，負責維護并確保整個服務的高可用性，同時不斷優化系統架構、提升部署效率、優化資源利用率提高整體ROI。
推薦騰訊敏捷開發平臺TAPD，這是騰訊內部正在使用的敏捷產品研發平臺，微信、QQ、騰訊視頻等產品，都是通過TAPD進行產品技術項目研發管理。
1、打開TAPD平臺首頁
2、注冊系統帳號
3、借助企業微信配置權限
4、支持需求研發全流程管理
貫穿敏捷研發生命周期，幫助團隊敏捷迭代，小步快跑。
通過迭代進行目標制定與計劃評審，完成工作分配，使用故事墻與燃盡圖進行研發過程跟蹤。迭代全程目標清晰，進度可控，研發過程敏捷迭代，小步快跑。
支持Web版本、PAD版、手機版。
產品研發流程分為以下階段：立項階段、設計階段、開發階段、測試階段、上線階段、磨合階段、運營階段、總結階段。
1、立項階段
立項階段從公司戰略分解開始，然后通過市場調研獲取客戶需求，然后梳理產品方向形成產品提案給產品委員會審批，審批通過后正式進入產品研發階段。
（1）市場調研
需求調研就是通過調研篩選典型客戶，并對這些客戶的需求細節進行匯總和梳理。
典型客戶一般都通過用戶畫像的形式進行描述。對已有產品，可以直接通過數據統計部門拿到用戶畫像數據。用戶畫像一般都是通過抽樣方法，隨機抽取一批客戶（例如1%或者1萬個以下）進行問卷調查。
QQ早期用戶畫像數據
對新產品則需要先約定大致客戶群特征，然后針對這個群體做抽樣問卷調查。問卷設計一般都需要產品經理完成，然后可以找專業調研公司去實施。
新華信協助QQ音樂產品團隊進行用戶調研
（2）客戶需求分析
客戶需求分析就是將調研過程中涉及的需求信息，根據需求重要程度分級，優先滿足客戶基礎需求，也就是我們常說的客戶痛點。
騰訊視頻的需求層次分析V1.0
（3）編寫產品提案
立項階段主要是要輸出產品提案，提交給公司產品委員會決策。產品提案也就是“商業需求文檔”，簡稱BRD（Business Requirement Document），是基于商業目標或價值所描述的商業需求。其核心用途是用于在投入研發之前，為企業高管層提供決策評估依據。其內容涉及產品概述、市場需求、競爭環境、重要性、成功要素、營銷策略、盈利預測等內容，一般比較短小精煉，不包含產品細節。
支付寶用戶事業部產品提案模板
（4）提交產品決策委員會評審
提案評審主要是判斷以下要點：與戰略關聯關系是否緊密？產品價值有多大？資源投入有多大？
公司產品決策委員會根據提交的產品提案進行評估，評估流程如下圖所示：
產品決策委員會決策流程
2、產品設計
產品設計分為輸出概念設計、輸出功能清單、輸出需求概要文檔、輸出需求詳情文檔等步驟。
（1）產品概念設計
概念設計是非常關鍵的產品環節，簡單明確的概念不僅讓客戶更容易理解，也讓產品研發過程思路清晰、少走彎路。而且，概念設計也是軟件架構師將產品概念轉化為技術對象化模型的關鍵環節。
以支付寶產品為例，就是采用了“錢包”概念模型。錢包里有現金、銀行卡，也可以放身份證、名片、照片、小票、發票等。區分好需求層級，產品交互體驗的層次和用力程度自然就出來了。
支付寶錢包用戶產品模型
（2）確定產品功能組合
根據產品概念模型和需求優先級，確認關鍵性的功能要點。
QQ音樂關鍵功能要點
（3）確定功能清單
然后對功能進行樹狀化梳理，把所有功能點都整理到一個列表里。
QQ影音產品功能清單V1.0
這些功能點后續都作為需求點加入項目管理系統TAP中，方便團隊所有成員溝通和完善這個功能清單。形成功能清單初稿后，產品經理需要先在產品團隊中組織討論完善，然后再找運營團隊溝通完善，然后是找交互視覺團隊補充完善，最后再找研發項目經理、研發、測試、運維等角色溝通完善。
這個過程既是幫產品經理完善的過程，也是形成團隊共識、激發團隊熱情的過程。
（4）輸出需求概要文檔
概要文檔明確某個功能模塊下的功能介紹，一般是多個功能點的描述。需求概要一般由產品經理負責撰寫，不包含功能細節描述。為了方便與產品設計師們溝通需求，可以將主要功能界面草稿加入該文檔中，用原型草圖能更好地描述主要功能。
騰訊視頻PC版播放模塊的需求概要文檔
有了某個模塊的需求概要文檔后，研發項目經理組織團隊溝通需求概要。產品經理首先介紹需求概要然后由其他團隊成員提出自己關心的專業問題。會前產品經理提前分享文檔，并收集準備大家的問題點。
會后主架構師根據需求概要做架構設計框架，研發工程師也可以針對自己負責的模塊做技術預研。有經驗的工程師，往往在這個階段就開始試著做個Demo，把主體功能流程跑通，這樣在正式進入研發時就會比較輕松，專注于細節完善和產品質量。
（5）輸出需求詳情文檔
需求詳情文檔由產品設計師負責編寫。需求概要中的需求點，每個都需要單獨編寫需求詳情文檔，而不是把所有的需求詳情都寫在一個文檔里。這樣會導致需求詳情文檔非常長，內容龐雜，這個會導致后續很多問題。需求點最好都能拆分到1周內能完成研發測試比較好，這樣才能有效實現敏捷開發。
騰訊視頻PC版自動登錄需求文檔
需求文檔并不是產品設計師一個人閉門造車就能寫出來的。產品設計師需要頻繁與交互、運營、視覺、用戶研究（UER）、架構師、測試經理、開發、運維等人員溝通。溝通的過程更多是產品設計師學習和融合各個角色思考的過程，同時也讓各個角色的工作更加明確。
一般需求文檔的編寫分成以下步驟：
第1步：根據需求概要設計用戶操作流程圖。
第2步：根據用戶操作流程拆分各個界面，繪制主界面草圖加入文檔，再分別描述每個界面的主要元素和功能點，再描述界面之間交互的邏輯，最后加上交互背后涉及的業務邏輯。
第3步：找運營溝通需求，根據運營人員的建議補充營銷位、運營后臺工具等內容。
第4步：找交互設計師溝通交互細節，根據交互設計師的疑問補充界面中的交互邏輯。交互設計師完成交互設計稿后，將交互稿截圖并加入文檔，并完善交互邏輯說明。
第5步：找視覺設計師溝通視覺細節，提醒視覺設計師突出重點。視覺設計師完成設計稿后，將設計稿截圖并加入文檔，并完善視覺界面說明。
第6步：找架構師溝通算法和技術邏輯，根據架構師提出的疑問完善業務邏輯。
第7步：找測試經理溝通測試用例，根據測試經理提出的疑問完善功能細節。因為測試經理需要寫測試用例，測試用例是以需求文檔為藍本，如果需求文檔不清楚必然會導致測試用例不完善，因此測試經理往往對產品設計師的幫助很大，甚至會比產品設計師更了解產品細節。
第8步：找UER做功能調研。UER將需求文檔轉化為調研文檔，然后通過產品體驗群、邀請客戶當面體驗等方式找出產品設計中的問題。然后UER反饋給產品經理，產品設計師合并優化成產品需求詳情文檔。有的公司UER調研也是由產品設計師承擔，但是專業性上有可能難以保障。
第9步：找產品經理、研發項目經理、運維確認需求文檔，并初步確定排期。
（6）需求評審
如果之前編寫過程與每個角色都有了充分的溝通，需求評審就會變得很輕松愉快。否則，產品經理和產品設計師將會陷入無止境的辯論中，往往動輒就讓整個團隊消耗了幾個小時還無法形成結論。
因此，需求評審的關鍵就是產品設計師事先做好評審會的一切準備。提前準備好所有資料并提前發給團隊所有成員，并事先與所有角色都逐一確認過關鍵問題，而且得到了產品經理和研發項目經理的確認。在評審會上，先講總體，再講重要細節，再講次重要細節，并層層確認。
對于會議上爭議較大的問題點，5分鐘后還沒結論的馬上記錄下來，會后再單獨討論。如果問題點太多，就說明產品設計師還沒考慮清楚，那就盡早結束會議，重新修改后再召開評審。這種情況會嚴重影響產品團隊的聲譽，因為耽誤的是所有人的時間。為了減少這種風險，需求評審一定要提前1-2周召開，而不要等到開發前夕才進行評審。
3、交互設計
交互設計主要是將產品經理的功能設計，用原型圖和交互流程的形式展現出來，方便與用戶及團隊進行溝通。交互設計原型將產品經理提供的產品原型草圖具象化，減少了需求不確定性，保證產品功能可用性。
騰訊設計完整流程圖
（1）交互設計需求分析
交互設計需求分析主要是要回答以下問題：
A）重點是給哪些角色看？
涉及交互稿的角色很多，幾乎每個角色都需要，但是只要有專業細致的交互稿，也就能滿足所有角色的需求了，無需針對每個人提供不同的交互稿版本。
產品經理：產品經理需要將交互稿截圖合并到需求文檔，提供給各個角色作為需求源。
視覺設計師：需要以交互設計稿為基礎，設計出每個界面的PSD文檔。
研發經理：需要通過交互設計稿，判斷需要調配哪些角色參與，大概需要多少時間。
架構師：需要通過交互設計稿，梳理出軟件架構設計，特別是功能流程設計與軟件架構和網絡架構設計緊密相關。
Web前端開發：需要通過交互設計稿，確認網頁界面是如何串聯起來的。這里不僅涉及功能流程設計，也包括交互細節。
APP客戶端開發：需要通過交互設計稿，確認APP軟件界面是如何串聯起來的。這里不僅涉及功能流程設計，也包括交互細節。
后臺開發：需要通過交互設計稿，確認采用哪種后臺調用方式，以及如何通過交互設計讓用戶在面對網絡延遲等情況時體驗更佳。
測試：需要通過交互設計稿，編寫功能測試用例，以及每個交互體驗細節的測試用例。
用戶研究：需要通過交互設計稿，訪談客戶，讓客戶更容易理解產品功能，從而獲得更有效的反饋。
B）用戶場景是什么？
確定是要做什么場景下的交互設計。具體包括用戶畫像、主要功能流程等。
C）采用什么樣的形式？
交互文檔大多都采用Axture進行設計，一般都采用線框稿的形式。
使用Axture創建交互設計文檔
D）要達到什么標準？
一般衡量交互水平的指標，是整個功能操作流程的流量轉化率。
以注冊登錄為例，可以通過抽樣監測從進入注冊到登錄完成每個步驟進行數據跟蹤，然后得出轉化率數據值，然后再跟競品或類似產品進行對比，不斷提升這個轉化率。
（2）功能交互設計
功能交互設計主要是將軟件界面之間的跳轉關聯關系表達清楚。
（3）交互細節設計
交互細節涉及點非常多，不同公司、不同類型的產品都會有自己不同的交互設計風格和細節處理方式。為了保證產品交互細節上的統一和規范，互聯網公司一般都會制定自己的交互設計規范，以便指導設計師完成交互設計。
騰訊網站產品交互設計規范V1.0
交互細節設計，一般涉及交互控件元素、交互文案、裝飾圖形等內容。
每個看似很小的功能細節，都往往需要花費大量精力去做細。為了節省成本，在這樣的功能開發出來后，都最好對象化模塊化，其他場景只需調用這個模塊即可快速創建類似的功能。
網頁翻頁功能細節交互設計
產品上線后運維工作才剛開始，具體包括升級版本上線工作、服務監控、應用狀態統計、日常服務狀態巡檢、突發故障處理、服務日常變更調整、集群管理、服務性能評估優化、數據庫管理優化、隨著應用PV增減進行應用架構的伸縮、安全、運維開發等工作。
4、視覺設計
（1）視覺設計需求分析
視覺設計需求分析主要是明確視覺設計需要達到的目的。
以Logo設計為例，最常見的需求要點是兩個：明確表義、吸引視線。因此在設計過程中，通過把競品和不同設計方案可以放到一起，從而找到最優的設計方案。
百度輸入法Logo設計需求調研
（2）視覺概念設計
視覺概念設計建立在視覺風格推導基礎上，用以描繪出產品視覺風格的基本方向。
該步驟需要確定產品風格，為后續確定設計元素、明度、色調、質感等設計細節奠定基礎。
（3）主界面設計
主視覺設計師拿到交互稿后，針對主要功能界面設計風格定位稿。
百度影音播放器主界面
（4）視覺細節設計
然后針對界面中的每個控件，都按照像素級標準進行繪制。
每個空間的分層素材都需要通過PSD文檔進行保留，色塊區域的顏色值需要標注，按鈕的每個狀態都需要單獨設計，每個控件的尺寸也需要明確標注。交互設計中的每個細節設計狀態，也都應該有對應的設計稿。
騰訊視頻播放器內容庫視覺細節設計
（5）視覺設計規范
與交互設計類似，視覺設計涉及點也非常多。為了保證產品視覺細節上的統一和規范，互聯網公司一般都會制定自己的產品視覺設計規范，以便指導設計師完成視覺設計。
QQ音樂視覺設計規范
本文經授權發布；如若轉載請聯系作者
#相關閱讀#
專家介紹：
