產(chǎn)品開(kāi)發(fā)流程詳解

　　從事互聯(lián)網(wǎng)行業(yè)3年多來(lái)，工作涉及面比較廣，從SEO、WEB2.0網(wǎng)絡(luò )推廣、網(wǎng)站策劃、用戶(hù)體驗、企業(yè)整體網(wǎng)絡(luò )營(yíng)銷(xiāo)服務(wù)、企業(yè)電子商務(wù)應用等各個(gè)方面均有所接觸和積累一定項目經(jīng)驗，雖然隨著(zhù)不同項目和項目不同階段進(jìn)展所接觸領(lǐng)域有所差異，但在這幾年中始終貫穿這一條主線(xiàn)：“網(wǎng)站產(chǎn)品設計開(kāi)發(fā)和運營(yíng)推廣”。

　　從自身項目經(jīng)歷來(lái)看，我所做的工作基本完整貫穿整個(gè)網(wǎng)站產(chǎn)品開(kāi)發(fā)流程，并且很多項目都是兼顧不同開(kāi)發(fā)階段的角色，從產(chǎn)品定位、產(chǎn)品概念成型、功能規劃、架構搭建、界面設計(原型demo)均有涉及，甚至還有少量的視覺(jué)和前端，當然重點(diǎn)工作還是前面幾個(gè)階段，至于視覺(jué)和前端可以說(shuō)是在項目資源極度匱乏情況下，不得已勉強應付之舉?；谟H歷這些項目，深切的體驗到“用戶(hù)體驗”始終貫穿產(chǎn)品開(kāi)發(fā)項目的過(guò)程，可以說(shuō)用戶(hù)體驗已經(jīng)成為產(chǎn)品開(kāi)發(fā)項目不得不遵守的“潛規則”，也是影響產(chǎn)品開(kāi)發(fā)完成后能否得到用戶(hù)認可、市場(chǎng)認可的重要因素，結合最近拜讀Jesse James Garrett的《用戶(hù)體驗的要素》，從不同層面對網(wǎng)站產(chǎn)品開(kāi)發(fā)流程做一個(gè)總結和分析。

　　(一)網(wǎng)站產(chǎn)品開(kāi)發(fā)階段(網(wǎng)站前臺部分)主要經(jīng)歷：用戶(hù)需求和網(wǎng)站目標確定、概念設計、原型設計、界面設計與信息設計、視覺(jué)設計、前端開(kāi)發(fā)、用戶(hù)體驗測試、產(chǎn)品交付等過(guò)程，當然這些階段劃分有時(shí)是模糊的，并且根據具體項目有可能增加貨刪減階段，或修改階段名稱(chēng)及工作內容。

　　(二)用戶(hù)體驗層次主要結合《用戶(hù)體驗的要素》5層劃分標準，從項目開(kāi)發(fā)中用戶(hù)體驗方面工作的遞進(jìn)和重點(diǎn)劃分，即戰略層、范圍層、結構層、框架層、表現層。

　　? ?其中各層主要工作重點(diǎn)如下：

　　? ?1.戰略層：從用戶(hù)體驗方面，確定用戶(hù)需求和網(wǎng)站目標(這個(gè)階段的用戶(hù)需求可以通過(guò)分析數據或進(jìn)行調研得出);

　　? ?2.范圍層：在戰略層基礎上，根據用戶(hù)需求和網(wǎng)站目標，確定網(wǎng)站的功能規格和內容需求，也就是把項目范圍做定義，避免項目范圍不明確造成無(wú)休止的重復返工;

　　? ?3.結構層：根據范圍層定義下來(lái)的系統規劃，對系統各個(gè)模塊以及各個(gè)模塊之間交互流程進(jìn)行描述和設計，也屬于交互設計中的總體設計。

　　? ?4.框架層：在結構層總體設計基礎上進(jìn)行詳細設計，制作各個(gè)界面和交互響應DEMO則是框架層的主要工作，也是交互設計中的詳細設計階段，此階段的交付物即是設計設計的最終依據。

　　? ?5.表現層：根據框架層設計的DEMO進(jìn)行視覺(jué)設計，視覺(jué)設計既要把握戰略層意圖，突出界面要表達的意思，還要根據框架層DEMO注重提升用戶(hù)體驗和處理視覺(jué)效果與用戶(hù)體驗的沖突，因此在表現層視覺(jué)設計師既要按照DEMO制作效果圖，還必須把握界面用戶(hù)體驗準則和戰略意圖。

　　(三)主要交付物：即是，各個(gè)網(wǎng)站產(chǎn)品階段工作成果的提現，這里列出的是必須產(chǎn)物，根據項目不同有時(shí)還有其他不同輔助性文檔的產(chǎn)出。

　　? ?1.用戶(hù)需求、網(wǎng)站目標確定階段：(此階段是在項目可行性得到肯定后開(kāi)始，也代表項目正式進(jìn)入開(kāi)發(fā)階段)主要交付物是BRD、MRD(商業(yè)/市場(chǎng)需求描述)，即是整個(gè)項目的綱領(lǐng)性文件，給予項目成員有一個(gè)全局的視角和執行的方向，這項工作主要由開(kāi)發(fā)需求提出方產(chǎn)品經(jīng)理或由項目經(jīng)理來(lái)完成;一般這個(gè)階段的輔助性文檔還有，《項目人員安排、工作進(jìn)度安排》等。

　　? ?2.概念設計階段：給出整個(gè)產(chǎn)品的設計思路，產(chǎn)品整體架構、功能模塊規劃等，也就是從概念上給出一個(gè)完整的產(chǎn)品雛形，可以通過(guò)文字或圖示的方式來(lái)表達所要開(kāi)發(fā)產(chǎn)品的整體構想，主要交付物是有關(guān)《產(chǎn)品架構、功能規劃》類(lèi)文檔。

　　3.原型設計階段：在概念設計基礎上，對產(chǎn)品構思進(jìn)行具體化，將產(chǎn)品構思描述成開(kāi)發(fā)人員能夠看得清楚、便于溝通的表現形式，此階段主要在于描述構成產(chǎn)品各個(gè)模塊的具體規劃、以及模塊之間的信息傳導、交換響應的流程，主要交付物是《功能模塊詳細描述及流程框圖》等。

　　4.界面設計(包括導航設計、信息設計)階段：對原型設計階段的交付物進(jìn)行細化，也就是進(jìn)行詳細設計，此階段將系統原型進(jìn)行直觀(guān)表現，即形成產(chǎn)品DEMO(產(chǎn)品演示)，涉及到真實(shí)產(chǎn)品的各個(gè)界面、各種交互方式、各種響應結果等，交付物即是產(chǎn)品DEMO。

　　5.視覺(jué)設計階段：根據公司或項目視覺(jué)規范，將產(chǎn)品DEMO實(shí)現為產(chǎn)品效果圖，這個(gè)階段的交付物即是效果圖，也是項目之外人員最直觀(guān)、可理解的產(chǎn)品形態(tài)，同時(shí)要根據視覺(jué)規范提供效果圖中各個(gè)元素的定義標準，如按鈕規格、字體、字號、文字顏色等。

　　? ?6.前端開(kāi)發(fā)階段：根據產(chǎn)品效果圖，進(jìn)行圖片分割并制作成網(wǎng)頁(yè)模版，這個(gè)階段工作包括定義CSS、DIV等，同時(shí)還要考慮與后端程序實(shí)現的可行性和高效性，交付物就是移交后端開(kāi)發(fā)的頁(yè)面模版。

　　從《網(wǎng)站產(chǎn)品開(kāi)發(fā)流程剖析》圖中可以看到，項目階段、用戶(hù)體驗層次及責任崗位、這樣就可以從多個(gè)角度來(lái)分析網(wǎng)站產(chǎn)品開(kāi)發(fā)流程中的各個(gè)階段細節，同時(shí)可以看到用戶(hù)體驗貫穿了整個(gè)項目開(kāi)發(fā)過(guò)程，在產(chǎn)品開(kāi)發(fā)之前、開(kāi)發(fā)過(guò)程中、以及開(kāi)發(fā)完成后用戶(hù)體驗都是一個(gè)不間斷的過(guò)程，因此用戶(hù)體驗已經(jīng)不僅僅是某個(gè)崗位、某個(gè)部門(mén)的事情，而是應該上升到企業(yè)產(chǎn)品開(kāi)發(fā)必須注重的戰略性問(wèn)題了。