畫原型是產(chǎn)品經(jīng)理們的工作日常之一，不過每個行業(yè)每個公司關于輸出原型的要求都不一樣，如何結合場景具體輸出就成了考驗產(chǎn)品經(jīng)理的一點，而要想輸出好看的原型就更考驗產(chǎn)品經(jīng)理的能力了。

繪制產(chǎn)品原型是互聯(lián)網(wǎng)產(chǎn)品經(jīng)理的基本功，也是從業(yè)者的必備基礎能力之一。但由于每個公司對產(chǎn)品的原型要求都不同，因此業(yè)界也沒有一個標準，去衡量一個絕對統(tǒng)一的原型模板。于是當一些產(chǎn)品新人在入職、跳槽到別家公司后，經(jīng)常會被吐槽原型畫的太“粗獷”，或者又過于“精美”導致浪費時間…

原型策劃時，具體的產(chǎn)出物雖然無法用統(tǒng)一的標準去衡量，也無法一概而論規(guī)定使用何種規(guī)格，但是產(chǎn)品經(jīng)理們還是可以具體場景具體輸出。

01 原型繪制的三種場景和形態(tài)

業(yè)內(nèi)通識，畫原型是產(chǎn)品經(jīng)理的基本功，但是又有多少人思考過，產(chǎn)品經(jīng)理為什么需要畫原型。同時也正是很多人因為意識不到畫原型的目的，所以往往就會忽略這個基本功的積累。

根據(jù)產(chǎn)品經(jīng)理的工作內(nèi)容和崗位職責，先說說需要畫原型的三種場景：

1. 描述需求：產(chǎn)品經(jīng)理通過客戶調(diào)研或發(fā)掘，又或者是老板or領導直接向下傳達的需求，此時需要產(chǎn)品經(jīng)理將對方口中所說、心中所想的需求概述可視化，需要形象地描繪出來，以便對方可直觀理解、快速達成共識；
2. 設計協(xié)作：在產(chǎn)品開發(fā)流程中，對于確定的需求和功能策劃，需要在進入UI設計階段之前將原型稿確認，便于在正式投入精美的設計之前可以先把產(chǎn)品的方向以及功能結構確定下來，避免因為設計返工造成的內(nèi)耗；
3. 客戶展示：對于一些外包服務型公司，在跟甲方或者客戶爸爸確定需求后，需要第一時間將雙方理解的內(nèi)容快速展示出來，以便快速發(fā)現(xiàn)問題然后溝通調(diào)整，為之后交付正確的解決方案做準備，也同時盡量避免因前期客戶信息不同步造成的項目風險；

針對以上三個場景，就誕生了三種典型的原型稿繪制形態(tài)：草繪線框圖、低保真原型、高保真原型；

• 草繪線框圖：三種形態(tài)中最為“簡陋”的一種，只展示大概的原型界面框架、關鍵內(nèi)容和核心的頁面流，可以是手繪或使用軟件工具。該種形態(tài)多用于上述第一種場景，更多是內(nèi)部協(xié)作時需要，快速繪制快速調(diào)整，以便盡快得到正確的反饋；
• 低保真原型：相較于草繪線框圖要完整一些，屬于工作中常見的一種，尤其是在產(chǎn)品職責分工較細的公司，也是經(jīng)常使用的一種方式?？烧故就暾慕缑婵蚣?、頁面內(nèi)容和頁面流，繪制時多采用黑白灰的視覺風格。該種形態(tài)多用于上述第二種場景，多用于在工作流程中的交互、設計協(xié)作，在保證原型基礎的規(guī)范性基礎上，還可以讓專業(yè)的交互、視覺設計師有一定的發(fā)揮空間；
• 高保真原型：顧名思義，原型的保真度較高，要求原型頁面細節(jié)、交互完整且原型視覺飽和，近乎于已開發(fā)完成的線上界面，可以親自示范點擊，就像在瀏覽線上產(chǎn)品一樣，只是里面大多為靜態(tài)數(shù)據(jù)而非真實的線上實時動態(tài)交互。該種形態(tài)多用于上述第三種場景，即在向客戶交付方案前的成果展示，為了便于趨近真實的產(chǎn)品，方便客戶可以快速理解和決策是否要直接投入開發(fā)成本，甚至有時會為了更加逼真，會快速開發(fā)一個產(chǎn)品demo以供測試和體驗。

了解了繪制原型的場景，就可以知道自己在實際工作中的原型，到底需要畫到什么程度了。

當然有些公司會制定規(guī)則，要求統(tǒng)一使用某個保真度，還有一些比較規(guī)范的公司會有通用的原型規(guī)范，可以直接拿過來稍加改動，變成符合業(yè)務設計的內(nèi)容即可復用。總之，很多時候其實“畫”不是最重要的，而是先搞明白為什么畫、為誰畫才可以輸出匹配任務場景的成果。

02 產(chǎn)品原型如何匹配價值點

產(chǎn)品經(jīng)理在日常工作中輸出產(chǎn)品原型時，也應該時刻清晰一點：畫只是過程，不是目的。

從產(chǎn)品創(chuàng)意誕生到產(chǎn)品開發(fā)上市，原型在其中的作用堪比承上啟下。承上可描述頂層需求，啟下通過繪制的原型，可以幫助在產(chǎn)品開發(fā)流程中下游的設計、技術同事們快速理解、高效開發(fā)。

那么既然想要提高效率，就必須在承上啟下的中間形成標準和規(guī)范，因此就需要思考如何能夠在基于公司規(guī)范下，快速實現(xiàn)目的以及交付。

產(chǎn)品經(jīng)理崗位的天然屬性就是協(xié)作能力，既然要協(xié)作就會有協(xié)作對象，在工作中經(jīng)常需要拿自己的輸出與上下游進行對接，并爭取達成共識。

按照日常的工作內(nèi)容來講，產(chǎn)品經(jīng)理的協(xié)作對象無非就是市場/銷售、設計/開發(fā)，因此產(chǎn)品經(jīng)理畫的原型也應該既要讓市場運營、銷售人員看得明白，也要讓設計、開發(fā)理解的清楚。

通過簡單拆解協(xié)作方的需求，就會明白：

市場/銷售人員：更看重解決方案，需要驗收你畫的原型是否達到他們的需求要求。但因為他們大多屬于非產(chǎn)品相關專業(yè)人士，因此就要求你的原型需要形象、直觀，功能邏輯簡潔明了，直接圖形化表述方案即可；

設計/開發(fā)人員：經(jīng)常和產(chǎn)品經(jīng)理打交道，對產(chǎn)品的日常輸出也比較清晰，甚至不乏有相關從業(yè)經(jīng)歷的同事，因此如果要滿足他們的要求，你的原型還需要經(jīng)得起復雜邏輯的推敲和梳理，除了具備主業(yè)務流程之外，異常場景的邏輯也理應充分表示；

• 對設計來講，可能更關注原型的交互樣式和體驗，專業(yè)的設計會考量你的原型交互是否符合系統(tǒng)、平臺規(guī)范，是否還有其它更加符合用戶體驗的設計方式；
• 對技術來講，可能更關注原型的交互邏輯和性能，會考量功能設計的邏輯性和耦合性，對于正常、異常的邊界閾值是否都定義清晰，甚至還會要求你決定技術方案。

為滿足協(xié)作方的需求，或許可以整理出一個完整的、通用的原型標準：結構可視化、交互高質量、技術可讀性。

與此同時，還可在交付時針對不同交付對象體現(xiàn)對方關注的點，比如前期給市場、銷售驗收時，界面美觀整潔，頁面流轉邏輯清晰，在取得認可的基礎上完善功能設計規(guī)范細節(jié)以及交互說明，便于后續(xù)工作跟進。

如果具備了這些要求，再結合具體的公司規(guī)范，你的原型就可以匹配協(xié)作方的的價值點，也就會是一個“好看”的原型了。

03 畫出“好看”的原型，需要具備哪些基礎能力

一份高質量的原型產(chǎn)出，通常要求產(chǎn)品經(jīng)理們首先要具備相關專業(yè)能力，同時還需要有較高的執(zhí)行力、審美能力、邏輯能力，恰好這些能力也是可以在工作中培養(yǎng)的。

• 較高的執(zhí)行力是職場人應具備的通用能力和職業(yè)素養(yǎng)。在需求任務傳達后，基于對需求的準確理解，可以快速產(chǎn)出合格的原型，同時在任務前期不必執(zhí)著于細節(jié)，快速將完整的流程、邏輯跑通，然后在完善細節(jié)內(nèi)容，這樣可以有效減少任務延遲的風險；
• 審美能力的提升雖然不需要像設計人員那樣經(jīng)常臨摹高質量的作品，但是也需要經(jīng)常體驗行業(yè)標桿產(chǎn)品，通過多次、深度體驗別人的家產(chǎn)品為何如此設計，從而感受產(chǎn)品優(yōu)良體驗的細膩之處。如蘋果系列的產(chǎn)品，不論是硬件還是軟件界面，都傾注了無數(shù)經(jīng)典的設計原則，是值得我們?nèi)ニ伎己腕w驗的。
• 邏輯能力在原型上主要表現(xiàn)在描述交互說明方面，一個是書面化的邏輯能力，另一個是業(yè)務邏輯能力，這兩個缺一不可。書面化的邏輯能力欠缺，產(chǎn)品想法再完美也會因為別人看不懂而來回扯皮；業(yè)務邏輯能力欠缺，書面化能力再強，業(yè)務邏輯跑不通、異常場景缺失，直接導致技術無法開發(fā)也會來回扯皮。因此為了提高協(xié)作效率，減少扯皮內(nèi)耗，就需要產(chǎn)品經(jīng)理們提升自己的綜合能力，同時也體現(xiàn)自己對工作負責任的態(tài)度。

專業(yè)輸出直接體現(xiàn)對當前所從事工作的態(tài)度和能力。如果基本的原型產(chǎn)出不合格，很容易被認為是工作態(tài)度或者能力不行。能力不行，如果有合適的平臺也可以培養(yǎng)，但是態(tài)度不行就說明不適合從事相關工作，無法為工作負責，也就很難讓別人信服你可以為他們設計出人人都喜愛的產(chǎn)品。

04 原型圖繪制的“價值觀”

原型的概念意義和價值不僅體現(xiàn)在互聯(lián)網(wǎng)產(chǎn)品上，最早也體現(xiàn)在硬件產(chǎn)品的建模設計、影視劇的分鏡稿等，此類工作場景都是運用“先粗后細”、不同階段交付不同程度成果的思路，通過及時協(xié)作來達到最終的目的。

上述的三種程度的原型，其實也是在策劃需求時不同階段的產(chǎn)物，隨著需求的確認，原型也會逐步豐富起來，因此在多數(shù)公司也并不是明文規(guī)定只允許輸出某種規(guī)格的原型文件，還是需要產(chǎn)品經(jīng)理們根據(jù)實際需要、任務周期以及交付目標綜合考量，同時秉承著“先完成、再完美”的繪制思路，在正式交付前可以輸出一份高質量的產(chǎn)品原型。

這里所謂的高質量并不是要求原型有多好看、配色多飽滿，而是在具備上述原型標準的基礎上，在交付時體現(xiàn)出來的理想態(tài)，交付時的輸出越貼近理想態(tài)，你的原型就越合格，當然也就越“好看”。

由此思考下來，產(chǎn)品經(jīng)理的原型基本功也就并沒有想象的那么輕松了，自然也不會只是打開axure、墨刀隨便拖幾個矩形、圖標就可以的，而是需要產(chǎn)品經(jīng)理在明確原型的場景、交付對象以及需求業(yè)務后，通過專業(yè)的圖形設計來清晰的表達解決方法的過程。

作者：王曙，公眾號：曙Ouba，分享產(chǎn)品思維、職業(yè)經(jīng)驗，一起知“曙”達理，做自己的產(chǎn)品經(jīng)理。

本文由@王曙 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉載。

題圖來自Unsplash，基于CC0協(xié)議。