1、 HYPERLINK /linco_zhang/article/details/6948019 o 標準的產品設計工作流程 標準的產產品設計計工作流流程 HYPERLINK /linco_zhang/article/details/6948019 httpp:/bloog.ccsdnn.neet/llincco_zzhanng/aartiiclee/deetaiils/694480119每個產品品團隊都都會有自自己的工工作流程程，無論論這個工工作流程程是否最最高效、是否體體現最大大價值，但是我我認為只只要這個個流程能能夠為實實現工作作目標提提供過程程的保障障就可以以算是好好的流程程。對于流程程

2、本身而而言，可可以因團團隊不同同或工作作任務不不同而有有差異。一個成成熟度的的產品團團隊可以以在保證證工作質質量的前前提下輕輕松適應應任務的的變化，也就是是說能夠夠依據不不同的工工作要求求調整對對應工作作的流程程。也只只有這種種團隊才才能正真真體現最最大的價價值，稱稱得上是是一個敏敏捷的、能快速速響應變變化的團團隊。那么，我我們先來來看看以以前做產產品設計計時的團團隊工作作流程。我總結結為是一一個相對對norrmall的流程程。大多多時候，一個PPM，一一個美工工，一兩兩個寫HHtmll的工程程師就足足夠了。如下圖所所示：工作流程程包括： 當當產品經經理做好好了產品品的需求求分析和和功能實實現

3、批次次計劃后后，開始始計劃產產品迭代代過程。 PPM做好好產品的的線框設設計，交交給前端端工程師師（Frrontt-Ennd）； 前前端工程程師開始始依照產產品經理理的線框框做HTTML開開發，同同時要肩肩負一些些交互設設計工作作，比如如，導航航，搜索索，查詢詢，彈出出頁面或或層設計計，meenu等等； 同同時，美美工開始始依照線線框，做做頁面的的視覺設設計，比比如，色色彩，按按鈕，llogoo，iccon等等； 當當HTMML和美美工設計計都okk了，就就可以交交給Jaavaeer、PHPPer等等做前后后臺整合合了； 然然后是產產品的一一系列測測試，包包括可用用性測試試，功能能性測試試，性

4、能能壓力測測試，產產品集成成測試，發布測測試等。然而，隨隨著產品品精細化化設計的的要求，特別是是webb2.00的一些些標準逐逐步引入入到產品品設計范范疇。以以注重用用戶體驗驗，注重重以人與與系統的的交互為為設計重重點，崇崇尚簡約約和適度度的設計計理念被被提出來來，并逐逐漸引領領了產品品設計的的主流思思想。在新的產產品設計計過程中中，為了了體現wweb22.0的的UE設設計元素素，實現現產品設設計的工工作精細細化，我我們逐步步優化了了新的產產品標準準工作流流程，并并定義了了產品工工作流程程的標準準輸出成成果。如下圖所所示：新的產品品設計團團隊標準準工作流流程被劃劃分為兩兩個領域域：1、 產產品

5、功能能設計領領域；2、 產產品視覺覺交互設設計領域域；這種劃分分的意義義在于把把產品不不再僅僅僅看作一一個由代代碼構成成的系統統，而更更是一組組由用戶戶行為構構成的服服務集合合。從系系統角度度來看設設計更看看重的是是功能，而從服服務角度度來看設設計更看看重的是是體驗，所以，我們在在產品設設計的過過程中，一條線線去關注注產品的的功能設設計，一一條線去去關注產產品的體體驗設計計。只有兩個個領域都都做到了了精致，做到了了極致，一個產產品才稱稱得上是是好產品品，才有有機會幫幫助投資資人獲得得盈利的的可能。產品功能能設計領領域包括括以下一一些環節節： 制制定工作作計劃 用用戶需求求調研 產產品功能能分析

6、 信信息架構構設計 原原型制作作 內內部評審審 出出資方評評審產品視覺覺交互設設計領域域包括的的環節是是： 交交互呈現現調研 視視覺風格格調研 視視覺設計計 視視覺內部部評審 資資方評審審 裁裁圖及前前端實現現從UE的的五層要要素設計計思路來來看，用用戶需求求調研過過程是對對應的SStraateggy和SScoppe層；產品功功能分析析過程對對應了SStruuctuure層層；交互互呈現調調研、原原型制作作對應了了Skeeletton層層；視覺覺風格調調研和設設計對應應了Suurfaace層層。信息息架構設設計則對對應了SStruuctuure層層的信息息架構和和Skeeletton層層的信息

7、息設計。下面對每每一個流流程進行行簡要的的介紹和和描述：l11制定工工作計劃劃主要參與與角色是是PM-產品經經理；主主要的標標準成果果物是工作計計劃。第一步非非常重要要，可以以理解為為是產品品路線圖圖上最為為關鍵的的一個階階段計劃劃。熟話話說萬事事開頭難難，好的的開頭是是確保成成功的第第一步。一個成成功的產產品在其其生命歷歷程上，會包括括：創意階段段-設計階階段-實現現階段-運運行階段段-更新升升級-消亡亡這里制定定的工作作計劃是是設計階階段的工工作計劃劃，這個個階段計計劃的目目標是把把產品的的創意變變成可實實現的產產品設計計語言，確保產產品的創創意和目目標得以以在實現現過程中中完美體體現出來

8、來。同樣，在在計劃的的過程中中，PMM也要考考慮工作作任務的的特性，結合工工作流程程做出適適應和改改變。我在制定定工作計計劃時使使用的工工具一般般是MSS的Prrojeect或或者Exxcell，計劃劃內容要要明確至至少四大大要素：1、 任任務：要要完成的的任務最最好能做做合理的的細分，可以參參考WBBS的定定義。2、 時時間：任任務開始始和結束束時間；3、 資資源：投投入到任任務的資資源，要要責任到到人；4、 產產出：標標準的產產出物是是什么，這是檢檢驗其工工作成果果的最好好載體。l22用戶需需求調研研主要參與與角色是是PM-產品經經理；主主要的標標準成果果物是調研問問卷和和調研研分析報報告

9、。對于有特特定目標標用戶的的研發型型產品，往往都都需要PPM在產產品設計計之初對對用戶做做詳盡的的調研，調研的的內容包包括： 總總體性調調研產品價值值目標，用戶的的業務目目標，用用戶的組組織架構構，與產產品相關關的流程程，規章章制度，出資人人對于產產品認定定的成功功標準等等。 功功能和非非功能性性調研產品用戶戶角色，產品功功能需求求，用戶戶對于產產品功能能的需求求優先級級，產品品內容需需求，產產品約束束，運營營需要，性能要要求，其其他特性性等。在進行調調研的時時候，調調研問卷卷是必不不可少的的一份文文檔。在在準備調調研問卷卷時，PPM可以以通過問問卷明確確調研的的方向和和把控范范圍；被被調研者

10、者可以了了解調研研重點，并準確確的給予予響應，明確提提供有價價值的信信息范圍圍（深度度和廣度度等）。需求調研研完成后后，PMM要及時時完成調調研分析析報告，并與用用戶進行行確認。調研分析析報告是是將調研研過程中中形成結結論的內內容按照照一定的的邏輯格格式規整整成文后后，方便便用戶進進行逐條條確認。調研分析析報告一一般著重重體現五五點內容容：1、 產產品的戰戰略目標標和價值值體現2、 產產品的核核心業務務形態3、 產產品的功功能分布布和描述述4、 產產品的非非功能需需求（不不包含交交互和視視覺部分分內容，這部分分將單獨獨調研）5、 產產品的內內容需求求（作為為信息架架構設計計的基礎礎）如果調研研

11、報告能能將上述述的五方方面內容容說清楚楚了、說說準確了了，我們們會認為為調研工工作是成成功的。l33產品功功能分析析主要參與與角色是是PM-產品經經理；主主要的標標準成果果物是產品需需求文檔檔，有有個洋名名字為PPRD。產品需求求文檔是是對產品品的需求求分析后后，以設設計語言言進行描描述，將將作為開開發階段段的主要要輸入物物之一。如果是通通用型產產品，在在PRDD的分析析過程中中還可以以借鑒MMRD。在這類類項目中中，PRRD在產產品項目目中是一一個承上上啟下的的作用，對上是是基于MMRD內內容的深深化和落落地，對對下是要要把MRRD中的的內容設設計語言言化和技技術化，向研發發人員說說明產品品

12、的功能能特性和和性能指指標。在這里，我們拋拋開市場場元素，只從產產品本身身的功能能特性來來看，我我們約束束PRDD要體現現以下的的一些內內容： 產產品生命命周期模模型 實實現進度度安排規規劃 產產品技術術路線 對對產品ffeatturee詳細描描述 ffeatturee優先級級 產產品reeleaase計計劃 用用例（uuse casses）設計 產產品部署署設計 產產品性能能設計至于產品品的需求求分析方方法，可可以參考考我前面面的文章章探討討APPP的分析析過程。l44信息架架構設計計主要參與與角色是是PM-產品經經理或IIA-信信息架構構師；主主要的標標準成果果物是信息架架構設計計。產品的

13、信信息架構構設計文文檔主要要包括： 信信息架構構策略 信信息架構構藍圖 內內容映射射 內內容模型型 原原型（著著重體現現四大體體系：導導航，搜搜索，標標簽和組組織）具體可以以參考我我前面的的文章信息架架構的設設計思路路。這里需要要說明的的是：特特別對于于互聯網網產品而而言，信信息架構構不是一一個簡單單的工作作，不能能把它作作為產品品需求設設計的一一個附屬屬任務來來完成，而是要要將其作作為一個個獨立的的工作任任務，安安排有經經驗的專專家來負負責把控控。因為為，我見見過很多多因沒有有重視產產品的信信息架構構設計，而到后后來不得得不推翻翻重做的的產品，這種勞勞命傷財財的過程程希望不不要再發發生了。l

14、55原型制制作主要參與與角色是是PM-產品經經理和UUE交互互設計師師；主要要的標準準成果物物是低低保真原原型和和高保保真原型型。很多產品品經理都都是十項項全能，畫線框框，畫原原型，做做分析，做設計計.但是真真正檢驗驗一個產產品經理理的業務務能力和和設計素素養的就就是他做做的prrotootyppe。為什么這這么說？因為，軟軟件行業業的產品品經理，往往身身上都背背負著產產品創新新和設計計的重任任，這種種能力最最好的體體現方式式就是通通過原型型來展現現，一個個有想法法并能將將想法快快速展現現出來的的PM，具備成成為一個個合格PPM的基基礎。在不同的的團隊，PM的的工作略略有不同同。有的的產品經經

15、理只畫畫線框，然后把把線框交交給UEE，由UUE完成成prootottypee的制作作，因為為在UEE的工作作中還包包括了交交互的設設計。有的產品品經理則則需要一一把抓，從功能能設計到到交互設設計全部部搞定，當然這這樣的產產品經理理雖然累累，但綜綜合能力力將會更更為突出出一些。再來說說說線框和和prootottypee的區別別： 線線框是靜靜態的；prootottypee可以是是有交互互能力的的； 線線框是思思路；pprottotyype是是思路的的具體實實現； 線線框包括括靜態頁頁面和說說明；pprottotyype是是頁面和和行為展展現； 線線框更多多體現框框架、組組織、結結構、功功能劃分

16、分及布局局等；pprottotyype更更多體現現：邏輯輯，細節節，元素素，整體體，色彩彩，交互互，內容容等。Prottotyype又又分為低低保真和和高保真真兩種： 低低保真原原型反應應頁面的的框架邏邏輯，導導航邏輯輯，交互互邏輯，標簽邏邏輯，內內容組織織邏輯等等。 而而高保真真原型在在低保真真原型的的基礎上上，還加加入了信信息內容容，視覺覺元素，交互細細節等。兩種原型型的用法法也略有有不同：一般在產產品團隊隊中，內內部更看看重的是是低保證證原型。因為，在設計計之初，最怕的的是偏離離設計方方向而浪浪費資源源，所以以通過低低保真原原型可以以快速的的發現問問題，通通過不斷斷的迭代代設計完完善產品

17、品框架和和主體構構造。一般在與與外部進進行產品品工作成成果說明明和演示示時，用用高保真真原型更更好。因因為，ssponnsorr或用戶戶更喜歡歡關注產產品的實實際模樣樣，因為為他們骨骨子里是是代表未未來實際際使用者者的利益益，如果果他們覺覺得色彩彩不好，交互細細節有問問題，那那么他們們會堅持持要求團團隊做出出響應，直至他他們滿意意為止，既然如如此，我我們最好好將這個個過程安安排的越越早越好好，至少少不要因因為他們們的意見見而導致致后期的的開發工工作重復復。l66內部評評審主要參與與角色是是Prooducct OOwneer；主主要的過過程產物物是評評審報告告。在一個以以自有產產品銷售售為主的的

18、企業里里面，產產品的研研發和銷銷售往往往是兩個個體系。我們將將產品的的研發負負責人稱稱為PMM，而將將銷售的的負責人人稱為PProdductt Owwnerr。PO熟悉悉客戶，知道客客戶為何何需要這這個產品品，也知知道市場場的很多多方方面面面，所所以，他他們參與與產品的的內部評評審是非非常有必必要的。在內部評評審過程程中，我我們要做做好評審審報告的的記錄。對于評評審過程程，我認認為有以以下幾點點要特別別記錄：1、 一一致認同同的問題題。在會會上就要要給予明明確的響響應措施施，誰負負責響應應，多長長時間響響應，誰誰來檢查查等；2、 不不能落實實的問題題。在會會上要形形成跟進進方案，誰來跟跟進，找

19、找誰獲取取資源，爭取什什么時候候獲得結結論等；3、 形形成的結結論。會會議上形形成了什什么結論論，后續續有何安安排等，都需要要詳細記記錄。4、 這這份會議議紀要將將發送給給誰，抄抄送給誰誰。有時候，產品團團隊和銷銷售團隊隊不總是一一團和氣氣，一碰面總總容易擦擦出火來來。這是是因為，一旦爭爭論到產產品的細細節，產產品團隊隊總認為為銷售方方面不懂懂產品，不懂技技術；而而反過來來，銷售售團隊又又會責備備產品團團隊不懂懂用戶，不懂需需求，自自以為是是。說實話，這種情情況不太太好處理理，但一一個有經經驗的產產品經理理如果會會審時度度勢，做做出明智智的決定定，也許許可以化化解一些些矛盾。比如，親自去再再摸

20、一次次需求，而不是是一味的的火拼，甚甚至找到到老板來來協調；做出兩套套方案，待與用用戶參與與的評審審時，確確定最終終的需求求；如果明知知自己是是對的，則冷處處理，將將類似的的問題全全部掛起起，并盡盡快整理理一份書書面澄清清函，由由PO提提交用戶戶逐一回回復。l77出資方方評審主要參與與角色是是Spoonsoor，PProdductt Owwnerr，PMM等；主主要的過過程產物物是評評審報告告。內部研發發型產品品的spponssor一一般是分分管產品品研發的的副總或或CTOO，有時時候CEEO，銷銷售副總總也會作作為干系系人列席席；交付付型產品品的spponssor一一般是用用戶方的的業務負負

21、責人。在這種級級別的評評審會議議，PMM要非常常的細心心準備好好每個細細節，熟熟話說：臺下十十年功，臺上三三分鐘。如果不不能通過過會議讓讓spoonsoor認為為出資是是值得的的，那么么團隊的的日子將將非常難難過，對對整個tteamm的信心心將是沉沉重的打打擊。所以，在在準備過過程中，我認為為有以下下一些要要點是特特別要注注意的：1、要有有P3組組合。PPPT+Prootottypee+Pllan。 PPpt著著重介紹紹產品的的主要設設計細節節，核心心技術方方向，產產品亮點點，有必必要還需需要包括括用戶調調研的數數據分析析成果，外部的的可靠來來源數據據依據等等。 PProttotyype主主要

22、展現現產品的的外觀模模樣，主主要展現現的是功功能性，交互性性，以及及視覺性性。 PPlann主要展展現，截截至目前前階段產產品研發發的過程程到了哪哪個環節節，一共共花費了了投資人人多少錢錢，成本本是否在在可控范范圍內，后續還還要投入入多少資資源等等等。2、要有有問題應應答表。 PPM要準準備好ssponnsorr可能會會問道的的一些問問題，并并做好準準確、真真實的答答復準備備，以隨隨時響應應spoonsoor的提提問。 如如果PMM不能ccoveer所有有的方面面，就一一定要做做好分工工，不同同的人準準備回答答不同的的問題。3、要準準備現場場的一些些記錄工工作。 安安排特定定人做現現場的錄錄音

23、或記記錄工作作。會議中，一般會會形成一一些重要要結論，比如：目前的的工作是是否正常常，是否否可以繼繼續到下下一個階階段；是是否需要要做出修修改和調調整；是是否要停停止下來來，等待待其他條條件滿足足后再繼繼續。不管怎樣樣，PMM要做好好各種應應對的準準備，隨隨時與各各方面做做好溝通通和傳遞遞。l88交互呈呈現調研研主要參與與角色是是視覺設設計師和和交互設設計師；標準成成果物是是交互互呈現調調研報告告。在交互呈呈現調研研過程，主要是是明確用用戶群體體的特性性，包括括了解其其使用習習慣，特特殊偏好好，在用用產品操操作過程程的友好好或缺陷陷之處等等等。在調研過過程中，我們常常常將會會用到一一些可重重用

24、的資資源來作作為調研研的輔助助，比如如：1、 框框架體系系；2、 設設計模式式；3、 組組件；這些可以以被用來來作為調調研的資資源，為為我們快快速的理理解用戶戶的實際際需要有有很大的的幫助。因為在在調研過過程中，有很多多時候用用戶會告告訴你，他們看看過的某某某網站站，某某某產品的的某些表表現形式式很好，可以借借鑒。但但是，哪哪些表現現元素是是真正可可以被借借鑒的，哪些是是不適合合被借鑒鑒的，都都沒有明明確下來來，包括括如何借借鑒，如如何和用用戶的實實際需求求結合起起來，都都只是一一些非常?？斩春秃透拍畹牡南敕ǘ?。所以，我我們會用用到一些些被我們們沉淀和和積累的的資源來來作為調調研過程程中的

25、案案例標準準來展現現和承載載探討?？蚩蚣荏w系系框架體系系指產品品依據展展現業務務的不同同而設計計的有著著內在聯聯系的各各種頁面面展現框框架集合合。舉個個例子，一個購購物網站站有注冊冊框架，支付框框架，購購物流程程框架，商品展展現框架架。同時時，為了了支撐購購物的良良好體驗驗，一般般還會有有商品的的論壇框框架，評評價框架架，搜索索框架，比較框框架等等等。那么，如如果是個個著重于于信息的的管理產產品呢，則有信信息發布布框架，信息聚聚合展示示框架，信息搜搜索框架架，欄目目展現框框架，詳詳細信息息頁框架架等等。如果我們們能過將將這些框框架示例例按照一一定的邏邏輯組織織和整理理起來，在調研研過程中中，依

26、據據用戶的的不同需需求，有有針對的的展現相相類似的的框架示示例，那那么就可可以方便便直觀的的基于示示例進行行探討，明確用用戶的意意圖，形形成調研研結論。設設計模式式設計模式式是一種種常見問問題的常常用解決決方案。比如，用用戶忘記記了密碼碼怎么辦辦，那么么我們可可以提供供一個密密碼找回回模式，這個模模式是通通過輸入入注冊的的郵箱地地址后，我們將將用戶的的密碼發發到該郵郵箱。相相應的，還有登登錄模式式，各種種搜索模模式，分分頁模式式，日期期輸入模模式，圖圖片切換換模式，評論模模式，留留言模式式有很多企企業都建建立了自自己的模模式資源源庫，也也就是將將各種設設計模式式的文檔檔經過整整理后，分類保保存

27、，在在網上或或企業內內部進行行公開。比如，雅雅虎的設設計模式式庫： HYPERLINK /ypatterns/ hhttpp:/devvelooperr.yaahooo.coom/yypattterrns/。組組件組件是頁頁面最通通用的組組成元素素，比如如，文本本，鏈接接，按鈕鈕，復選選框，圖圖片等。一般模模式可以以在不同同產品中中通用，然而組組件卻往往往只適適用于特特定的產產品，因因為，組組件是確確定了展展現形式式的成品品，可以以直接被被使用。組件資源源庫和模模式資源源庫一樣樣，可以以采用很很多方式式來管理理和收集集，比如如wikki的方方式。也也有很多多公共的的資源提提供網站站，比如如，

28、HYPERLINK / htttp:/wwww.webbdessignn.orrg/，上面就就有很多多最新的的組件資資源l99視覺風風格調研研主要參與與角色是是視覺設設計師和和交互設設計師；標準成成果物是是視覺覺風格調調研報告告。視覺風格格調研工工作在交交互呈現現調研的的基礎上上，調研研產品的的實際用用戶群體體的熟知知的文化化理念，以及現現有在用用產品的的生命原原色，產產品隱喻喻，所在在地方的的政治約約束，社社會元素素等眾多多因素，為后期期設計適適合本產產品的特特有視覺覺風格提提供依據據。調研過程程中要關關注的一一些要點點包括： 企企業CII 企企業內部部的視覺覺設計規規范 現現有系統統的視覺覺設計 企企業文化化 用用戶群體體特性 操操作