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

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

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

　　(二)用戶體驗層次主要結(jié)合《用戶體驗的要素》5層劃分標準，從項目開發(fā)中用戶體驗方面工作的遞進和重點劃分，即戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。

　　? ?其中各層主要工作重點如下：

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

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

　　? ?3.結(jié)構(gòu)層：根據(jù)范圍層定義下來的系統(tǒng)規(guī)劃，對系統(tǒng)各個模塊以及各個模塊之間交互流程進行描述和設(shè)計，也屬于交互設(shè)計中的總體設(shè)計。

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

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

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

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

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

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

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

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

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

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