導(dǎo)讀：互聯(lián)網(wǎng)行業(yè)的下半場，產(chǎn)品經(jīng)理的職業(yè)發(fā)展越來越回歸理性，產(chǎn)品經(jīng)理的崗位發(fā)展也經(jīng)歷了功能、策略、增長、平臺、商業(yè)化等類型，滿足不同企業(yè)不同發(fā)展階段的產(chǎn)品需求。?但無論什么類型的產(chǎn)品崗位，多少都離不開畫原型這個(gè)基本操作，因此有很多產(chǎn)品經(jīng)理自認(rèn)為是“畫圖仔”。如何幫助“畫圖仔”們提升個(gè)人競爭力？一起來文中看看吧。

一、原型圖繪制的3個(gè)階段

繪制原型圖是互聯(lián)網(wǎng)產(chǎn)品經(jīng)理的基本功之一，在日常工作中，根據(jù)產(chǎn)品經(jīng)理的工作內(nèi)容和崗位職責(zé)，通常都會(huì)經(jīng)歷一個(gè)需求從0-1落地的過程，在這個(gè)過程中，就會(huì)產(chǎn)生不同程度的原型圖。

1. 需求確認(rèn)

需求的產(chǎn)生，通常是產(chǎn)品經(jīng)理通過競對分析、客戶調(diào)研、老板建議等方式獲取。需求獲取后會(huì)經(jīng)過甄別、篩選，然后進(jìn)行需求策。在大多數(shù)敏捷開發(fā)環(huán)境，聰明的產(chǎn)品經(jīng)理會(huì)先針對那些看起來ROI高、且貌似又不是太清晰的需求進(jìn)行澄清確認(rèn)、策劃落地。

但需求確認(rèn)的方式，如果只是口頭溝通未免有些低效，尤其如果是做B端業(yè)務(wù)系統(tǒng)的話，單純口頭溝通會(huì)導(dǎo)致溝通成本增加。

俗話說，一圖勝千言。所以在需求溝通時(shí)，可以快速繪制一個(gè)框架版原型圖，然后帶著業(yè)務(wù)流程圖、原型圖去跟客戶溝通，就會(huì)事半功倍，既體現(xiàn)效率，還能幫助產(chǎn)品經(jīng)理快速確定后續(xù)需求范圍和策劃方向。

2. 設(shè)計(jì)協(xié)作

經(jīng)過前期需求確認(rèn)，會(huì)進(jìn)入產(chǎn)品策劃設(shè)計(jì)階段。在進(jìn)入U(xiǎn)I設(shè)計(jì)階段之前，需要確認(rèn)原型方案，便于在正式投入精美的視覺設(shè)計(jì)之前，可以先把產(chǎn)品需求方案和設(shè)計(jì)細(xì)節(jié)確定下來，避免因?yàn)樵头桨阜倒ぴ斐蓞f(xié)作內(nèi)耗。

此時(shí)，可能是產(chǎn)品經(jīng)理自己單獨(dú)負(fù)責(zé)策劃，也可能是產(chǎn)品團(tuán)隊(duì)協(xié)作，在這個(gè)過程中，就會(huì)更加考驗(yàn)產(chǎn)品經(jīng)理的原型繪制能力。

3. 評審展示

原型繪制完成后，還會(huì)進(jìn)行原型評審，一個(gè)良好的原型方案，設(shè)計(jì)需要、技術(shù)需要、老板領(lǐng)導(dǎo)更加需要。

對于一些外包服務(wù)型公司，在跟客戶甲方爸爸確定需求后，還會(huì)需要第一時(shí)間將雙方理解的內(nèi)容直觀展示出來，以便快速發(fā)現(xiàn)問題然后溝通調(diào)整。

為之后項(xiàng)目交付打好基礎(chǔ)，盡量避免因前期客戶信息不同步造成的項(xiàng)目風(fēng)險(xiǎn)。

針對以上三個(gè)場景，就會(huì)產(chǎn)生三種原型圖繪制形態(tài)：草繪線框圖、低保真原型、高保真原型；

4. 草繪線框圖

三種形態(tài)中最為“簡陋”的一種，只展示大概的原型界面框架、關(guān)鍵內(nèi)容和核心的頁面流，可以是手繪或使用軟件工具。

該種形態(tài)多用于上述第一種場景，更多是內(nèi)部協(xié)作時(shí)需要，快速繪制快速調(diào)整，以便盡快得到正確的反饋；

5. 低保真原型

相較于草繪線框圖要完整一些，屬于工作中常見的一種，尤其是在產(chǎn)品職責(zé)分工較細(xì)的公司，也是經(jīng)常使用的一種方式?？烧故就暾慕缑婵蚣?、頁面內(nèi)容和頁面流，繪制時(shí)多采用黑白灰的視覺風(fēng)格。

該種形態(tài)多用于上述第二種場景，多用于在工作流程中的交互、設(shè)計(jì)協(xié)作，在保證原型基礎(chǔ)的規(guī)范性基礎(chǔ)上，還可以讓專業(yè)的交互、視覺設(shè)計(jì)師有一定的發(fā)揮空間；

6. 高保真原型

顧名思義，原型的保真度較高，要求原型頁面細(xì)節(jié)、交互完整且原型視覺飽和，近乎于已開發(fā)完成的線上界面，可以親自示范點(diǎn)擊，就像在瀏覽線上產(chǎn)品一樣，只是里面大多為靜態(tài)數(shù)據(jù)而非真實(shí)的線上實(shí)時(shí)動(dòng)態(tài)交互。

該種形態(tài)多用于上述第三種場景，即在向客戶交付方案前的成果展示，為了便于趨近真實(shí)的產(chǎn)品，方便客戶可以快速理解和決策是否要直接投入開發(fā)成本，甚至有時(shí)會(huì)為了更加逼真，會(huì)快速開發(fā)一個(gè)產(chǎn)品Demo以供測試和體驗(yàn)。

當(dāng)然有些公司會(huì)制定規(guī)則，要求統(tǒng)一使用某個(gè)保真度，還有一些比較規(guī)范的公司會(huì)有通用的原型規(guī)范，可以直接拿過來稍加改動(dòng)，變成符合業(yè)務(wù)設(shè)計(jì)的內(nèi)容即可復(fù)用。

總之，很多時(shí)候其實(shí)“畫”不是最重要的，而是先搞明白為什么畫、為誰畫才可以輸出匹配工作場景的成果。

二、畫原型的能力依然重要，但如何體現(xiàn)自身工作價(jià)值？

產(chǎn)品經(jīng)理的工作通常有兩種狀態(tài)：務(wù)虛和務(wù)實(shí)。務(wù)虛是前期的市場、客戶需求判斷，務(wù)實(shí)則是做一些實(shí)際落地產(chǎn)出的工作。不過最終工作結(jié)果和價(jià)值，就需要通過產(chǎn)品方案來體現(xiàn)。

實(shí)際工作中會(huì)有匯報(bào)對象和協(xié)作對象，所以我們的方案既要讓匯報(bào)對象發(fā)現(xiàn)自己的能力，突出自己的工作價(jià)值，也要讓協(xié)作對象快速理解方案，達(dá)到高效、友好協(xié)作的目的。

匯報(bào)對象，更關(guān)注你畫的原型是否達(dá)到他們的需求要求。他們中大多屬于可能是非產(chǎn)品相關(guān)專業(yè)人士，因此就要求你的原型需要形象、直觀，功能邏輯簡潔明了，直接圖形化表述方案即可。

協(xié)作對象，因?yàn)榻?jīng)常和產(chǎn)品經(jīng)理打交道，對產(chǎn)品的日常產(chǎn)出也比較了解，其中不乏有相關(guān)從業(yè)經(jīng)歷的同事，因此如果要滿足他們的要求，你的原型還需要經(jīng)得起復(fù)雜邏輯的推敲和梳理，除了具備主業(yè)務(wù)流程之外，異常場景的邏輯也理應(yīng)充分表示。

總的來講，想要體現(xiàn)產(chǎn)出價(jià)值，原型圖的繪制就需要做到規(guī)范美觀、功能清晰、邏輯完備。對于B端業(yè)務(wù)系統(tǒng)來講，還需要體現(xiàn)優(yōu)秀的產(chǎn)品架構(gòu)能力。

三、培養(yǎng)良好的基本功，我們需要提升哪些能力？

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

1. 高執(zhí)行力依然是所有職場人應(yīng)具備的通用能力和職業(yè)素養(yǎng)

產(chǎn)品經(jīng)理屬于強(qiáng)協(xié)調(diào)性的產(chǎn)品管理崗位，這一點(diǎn)更不例外。

在需求任務(wù)傳達(dá)后，基于對需求的準(zhǔn)確理解，可以快速產(chǎn)出合格的原型，同時(shí)在任務(wù)前期不必執(zhí)著于細(xì)節(jié)，快速將完整的流程、邏輯跑通，然后在完善細(xì)節(jié)內(nèi)容，這樣可以有效減少任務(wù)延遲的風(fēng)險(xiǎn)。

2. 審美能力的提升不可或缺

雖然不需要像設(shè)計(jì)人員那樣經(jīng)常臨摹高質(zhì)量的作品，但是也需要經(jīng)常去體驗(yàn)和拆解行業(yè)標(biāo)桿產(chǎn)品。通過反復(fù)深度地體驗(yàn)“好產(chǎn)品”，并了解為何如此設(shè)計(jì)，然后將思考帶入到工作實(shí)踐。

如蘋果系列的產(chǎn)品，不論是硬件還是軟件界面，都傾注了無數(shù)經(jīng)典的設(shè)計(jì)原則，是值得我們?nèi)ニ伎己蛯W(xué)習(xí)的。

一件廣受用戶歡迎和贊美的產(chǎn)品，一定是在滿足了產(chǎn)品實(shí)用性的同時(shí)，又具備優(yōu)秀的產(chǎn)品設(shè)計(jì)能力，比如符合人體工學(xué)、貼合實(shí)際使用場景。

3. 產(chǎn)品架構(gòu)和邏輯能力

在一套完整的產(chǎn)品方案里，原型需要表現(xiàn)出清晰的產(chǎn)品結(jié)構(gòu)和邏輯交互說明。

猶如一張優(yōu)秀的建筑圖紙，既能體現(xiàn)建筑的整體結(jié)構(gòu)，還能看出樓層與樓層之間、樓層與樓梯之間的聯(lián)通，以及其他細(xì)節(jié)、安全的設(shè)計(jì)原則。

4. 多做用戶感知的事情

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)，無論是ToC還是ToB，都是面向內(nèi)部或外部客戶的，產(chǎn)品設(shè)計(jì)也自然是客戶最容易感知到的。

多做用戶感知的設(shè)計(jì)，從用戶那里獲得反饋，保持產(chǎn)品設(shè)計(jì)的敏感度和用戶場景的積累，久而久之，同類型產(chǎn)品就會(huì)有很大的經(jīng)驗(yàn)提升，產(chǎn)品設(shè)計(jì)就會(huì)越得心應(yīng)手，效率也會(huì)更高。

在日益追求產(chǎn)品業(yè)務(wù)高增長、項(xiàng)目利益最大化的環(huán)境下，市場要求產(chǎn)品經(jīng)理的重要能力逐漸變成了看似更加高級的商業(yè)化能力。

那是不是就說明，隨著個(gè)人產(chǎn)品能力的進(jìn)階，畫圖的能力就越來越不被重視了呢？有一點(diǎn)，我覺得產(chǎn)品經(jīng)理們應(yīng)該明白：

任何職業(yè)的基礎(chǔ)能力，在未來大概率都不會(huì)成為影響自身職場競爭力的重要因素，但是并不代表可以沒有，相反，基礎(chǔ)能力越扎實(shí)，工作表現(xiàn)就會(huì)越高效。

歸根結(jié)底，絕大多數(shù)產(chǎn)品經(jīng)理的工作產(chǎn)出，始終是需要原型圖來體現(xiàn)的，哪怕是一例增長策略調(diào)整涉及到的產(chǎn)品改動(dòng)，如何能快速讓需求方、協(xié)作方理解和執(zhí)行，都非?？简?yàn)產(chǎn)品經(jīng)理原型方案輸出能力。

其實(shí)，畫原型這項(xiàng)看似容易被忽視的基本功，才是幫助產(chǎn)品經(jīng)理提升競爭力的真正利器。

#專欄作家#

王曙，微信公眾號：產(chǎn)品科代表，人人都是產(chǎn)品經(jīng)理專欄作家。通俗產(chǎn)品人，分享獨(dú)樹一幟的產(chǎn)品思維、職業(yè)經(jīng)驗(yàn)。

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

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