原型設(shè)計(jì)，有哪些高段位的“潛規(guī)則”？產(chǎn)品經(jīng)理是強(qiáng)設(shè)計(jì)崗位，這體現(xiàn)在其工作的方方面面。

前兩天，我們老板早上6點(diǎn)多突然在經(jīng)營(yíng)群里發(fā)條信息，說(shuō)是拋出一個(gè)觀點(diǎn)供大家爭(zhēng)論：產(chǎn)品設(shè)計(jì)環(huán)節(jié)很重要，關(guān)乎產(chǎn)品開(kāi)發(fā)效率、業(yè)務(wù)支撐水平和經(jīng)營(yíng)成本，因此要高度重視，不怕投入、不怕時(shí)間長(zhǎng)，要反復(fù)論證，只要產(chǎn)品設(shè)計(jì)到位，技術(shù)開(kāi)發(fā)就更快、效率更高、質(zhì)量更好、成本更低。

鏡同學(xué)感動(dòng)的差點(diǎn)叩謝天恩，有一說(shuō)一，傳統(tǒng)企業(yè)轉(zhuǎn)型互聯(lián)網(wǎng)公司的老板能有這個(gè)認(rèn)知其實(shí)并不簡(jiǎn)單，尤其是規(guī)模做的很大之后，基于閱歷和習(xí)慣做事，往往是中年老板經(jīng)營(yíng)企業(yè)的動(dòng)身點(diǎn)，所以勸說(shuō)老板也不簡(jiǎn)單，江湖甚至有言，不少公司倒閉往往都是老板不聽(tīng)指揮。

我也不止一次的提到過(guò)，產(chǎn)品經(jīng)理是個(gè)設(shè)計(jì)崗位，需要更多的設(shè)計(jì)思維，所以我們的日常工作都帶有“設(shè)計(jì)”兩字：產(chǎn)品設(shè)計(jì)、架構(gòu)設(shè)計(jì)、流程設(shè)計(jì)、功能設(shè)計(jì)、原型設(shè)計(jì)等等。

但在實(shí)際工作中，仍有不少同學(xué)對(duì)設(shè)計(jì)的理解不夠深化，肯定程度上成了需求的傳話筒，過(guò)多依靠業(yè)務(wù)或運(yùn)營(yíng)的需求描述，缺少設(shè)計(jì)的思索深度，長(zhǎng)此以往，設(shè)計(jì)意識(shí)愈加淡薄，職業(yè)進(jìn)展嚴(yán)峻受限。

因此，有人說(shuō)，產(chǎn)品設(shè)計(jì)思維，既是初階產(chǎn)品經(jīng)理快速發(fā)育的打野刀，更是高級(jí)產(chǎn)品經(jīng)理的反傷刺甲。

在現(xiàn)實(shí)中呢，許多產(chǎn)品經(jīng)理對(duì)崗位的熟悉不夠深化，甚至有些粗放的小團(tuán)隊(duì)在基礎(chǔ)認(rèn)知上會(huì)把產(chǎn)品經(jīng)理等同于畫原型的，這實(shí)在是劣幣環(huán)境對(duì)產(chǎn)品德業(yè)的物理?yè)p害，令人唏噓。

但破圈往往需要由內(nèi)向外，作為產(chǎn)品經(jīng)理，我們培育設(shè)計(jì)的意識(shí)習(xí)慣也可以從原型設(shè)計(jì)起步，刻意練習(xí)、百煉成鋼。

上周我評(píng)審團(tuán)隊(duì)成員的一個(gè)原型設(shè)計(jì)，該同學(xué)剛?cè)胄胁痪茫?guī)律基礎(chǔ)不錯(cuò)但設(shè)計(jì)意識(shí)不足，本文復(fù)盤總結(jié)幾個(gè)典型的設(shè)計(jì)思維的缺失，有些雖未明確被定義為原型設(shè)計(jì)的規(guī)范，但卻稱得上是高級(jí)段位設(shè)計(jì)的“潛規(guī)章”。

盼望能帶給你啟發(fā)。

1、展現(xiàn)的數(shù)據(jù)，缺乏計(jì)算規(guī)律。

信任大家對(duì)數(shù)據(jù)展現(xiàn)類的設(shè)計(jì)肯定不生疏，常見(jiàn)的就是數(shù)據(jù)統(tǒng)計(jì)、可視化報(bào)表等，從業(yè)務(wù)價(jià)值來(lái)看，越是簡(jiǎn)單的業(yè)務(wù)決策越需要強(qiáng)力的數(shù)據(jù)支撐，明顯，數(shù)據(jù)統(tǒng)計(jì)是很重要的產(chǎn)品功能。

在數(shù)據(jù)統(tǒng)計(jì)的設(shè)計(jì)時(shí)，產(chǎn)品經(jīng)理應(yīng)當(dāng)更多地圍繞業(yè)務(wù)本質(zhì)去思索，主動(dòng)考慮哪些數(shù)據(jù)需要匯總統(tǒng)計(jì)，對(duì)業(yè)務(wù)有哪些價(jià)值，如何匯總分析等，而非被動(dòng)的進(jìn)行數(shù)據(jù)求和或運(yùn)算。

原型設(shè)計(jì)的背后是產(chǎn)品思索路徑，在數(shù)據(jù)展現(xiàn)上，產(chǎn)品經(jīng)理簡(jiǎn)單犯兩個(gè)錯(cuò)誤。

①缺乏數(shù)據(jù)統(tǒng)計(jì)的意識(shí)

舉個(gè)簡(jiǎn)潔的例子，我們?cè)谥Ц读魉δ艿脑O(shè)計(jì)時(shí)，許多產(chǎn)品同學(xué)在原型設(shè)計(jì)上展現(xiàn)僅僅是流水列表，并沒(méi)有考慮對(duì)于“支出總計(jì)”、“收入總計(jì)”的考慮，這就是設(shè)計(jì)上需要主動(dòng)邁進(jìn)的一小步。

因此，我們?cè)谠驮O(shè)計(jì)上，完全可以在列表頁(yè)面上面增加兩個(gè)紅色的統(tǒng)計(jì)：收入總計(jì)、支出總計(jì)。

②數(shù)據(jù)值顯示不對(duì)

其次個(gè)錯(cuò)誤是數(shù)據(jù)顯示太隨便，有的同學(xué)干脆復(fù)制每行的數(shù)據(jù)，簡(jiǎn)潔粗暴，在頁(yè)面原型顯示上并沒(méi)有計(jì)算的規(guī)律支撐。

再舉個(gè)超級(jí)簡(jiǎn)潔的例子：

假如在“交易記錄”列表，有四個(gè)字段，分別是“訂單金額”、“活動(dòng)優(yōu)待”、“紅包優(yōu)待”、“實(shí)付金額”，在列表展現(xiàn)時(shí)，高保真的設(shè)計(jì)應(yīng)當(dāng)確保：實(shí)付金額=訂單金額活動(dòng)優(yōu)待紅包優(yōu)待。

這是第一層的高保真。

假如再深化一層，假設(shè)你的交易流水列表有收入、支出和賬戶余額，那么交易記錄要相互關(guān)聯(lián)，依據(jù)不同訂單的交易流水，你的“賬戶余額”要有繼承關(guān)系，即上一次的賬戶余額應(yīng)當(dāng)是你下一次交易的動(dòng)賬前金額。

又或者說(shuō)，你的交易記錄列表頂部有統(tǒng)計(jì)，比如，總支出金額，那個(gè)該字段應(yīng)當(dāng)?shù)扔诹斜碛涗浿汀?/p>

回想下你的原型設(shè)計(jì)，只是單純的復(fù)制列表信息，還是把計(jì)算規(guī)律體現(xiàn)出來(lái)了，鏡同學(xué)認(rèn)為，這樣把計(jì)算規(guī)律正確的表達(dá)設(shè)計(jì)才是高保真，由于這樣不僅展現(xiàn)清楚，更讓你養(yǎng)成設(shè)計(jì)的思維、規(guī)律性的表達(dá)習(xí)慣。

2、列表展現(xiàn)未區(qū)分狀態(tài)。

上面說(shuō)的是數(shù)據(jù)頁(yè)面的原型設(shè)計(jì)，接下來(lái)我們?cè)倏纯础傲斜眄?yè)面”。

產(chǎn)品同學(xué)對(duì)“列表頁(yè)面”的原型設(shè)計(jì)肯定不生疏，尤其是后臺(tái)產(chǎn)品經(jīng)理更是習(xí)以為常，有的同學(xué)可能會(huì)說(shuō)，列表的原型有啥需要設(shè)計(jì)的的呢，根據(jù)梳理好的功能導(dǎo)圖，把相應(yīng)字段填充上去不就行了么，大不了再略微對(duì)齊優(yōu)化下樣式，soeasy呀。

所以許多產(chǎn)品經(jīng)理（尤其是剛?cè)胄胁痪玫男峦瑢W(xué)）的列表原型設(shè)計(jì)類似下圖：

上面這頁(yè)原型設(shè)計(jì)是團(tuán)隊(duì)成員畫的，可能有小伙伴說(shuō)，這個(gè)原型畫的也不錯(cuò)了啊，你看布局整挺協(xié)調(diào)，列表格式也很整齊啊，算得上高保真了吧？

這里鏡同學(xué)想再談下我對(duì)“高保真”原型設(shè)計(jì)的理解，許多人在面試時(shí)也會(huì)被問(wèn)到是否畫高保真原型圖，對(duì)高保真是怎么理解的，關(guān)于這個(gè)話題，我是這么理解的：

我覺(jué)得產(chǎn)品經(jīng)理要學(xué)習(xí)設(shè)計(jì)高保真的原型，但高保真絕不是指顏色豐富、交互多了一些，僅此而已，鏡同學(xué)覺(jué)得，高保真原型要盡可能的將業(yè)務(wù)規(guī)律、交互規(guī)律、頁(yè)面元素表達(dá)到位，要努力把功能背后的設(shè)計(jì)思維體現(xiàn)出來(lái)，盡可能高效地指導(dǎo)開(kāi)發(fā)。

現(xiàn)實(shí)中，不少應(yīng)聘者對(duì)高保真原型的理解比較簡(jiǎn)潔粗暴，認(rèn)為高保真就是顏色更豐富，加上了頁(yè)面跳轉(zhuǎn)，峽谷兄弟們，有一說(shuō)一，膚淺了啊。

我們看看上面的這個(gè)列表原型設(shè)計(jì)圖，可以發(fā)覺(jué)該頁(yè)面有兩個(gè)問(wèn)題：一是，字段展現(xiàn)不規(guī)范，如，“創(chuàng)建時(shí)間”字段用的卻是“日期格式”，其他字段也只是簡(jiǎn)潔復(fù)制，沒(méi)有做區(qū)分，這個(gè)是小問(wèn)題，但也屬于不夠規(guī)范；

二是，列表展現(xiàn)完全體現(xiàn)不出來(lái)業(yè)務(wù)規(guī)律，關(guān)鍵的狀態(tài)并沒(méi)有做區(qū)分，如，“已禁用”的賬號(hào)狀態(tài)缺失、在職狀態(tài)包括“在職”、“離職”也沒(méi)有體現(xiàn)，僅僅是單純的復(fù)制行數(shù)，讓頁(yè)面顯得飽滿而已，背后的業(yè)務(wù)規(guī)律和設(shè)計(jì)思維都沒(méi)有體現(xiàn)。

列表狀態(tài)缺失是產(chǎn)品經(jīng)理常犯得一個(gè)錯(cuò)誤，回想下你的原型設(shè)計(jì)，訂單列表是否根據(jù)訂單狀態(tài)逐一顯示，支付列表又是否根據(jù)支付狀態(tài)全部排列。

事實(shí)上，關(guān)于狀態(tài)的規(guī)律很重要，尤其是對(duì)于B端產(chǎn)品來(lái)說(shuō)，業(yè)務(wù)狀態(tài)有時(shí)甚至能多達(dá)七八個(gè)，我們產(chǎn)品經(jīng)理還需要單獨(dú)設(shè)計(jì)狀態(tài)表來(lái)指導(dǎo)開(kāi)發(fā)，這是很重要的產(chǎn)品設(shè)計(jì)。

但是，鏡同學(xué)還是建議你在原型設(shè)計(jì)時(shí)就養(yǎng)成這樣的規(guī)范習(xí)慣，由于這是訓(xùn)練產(chǎn)品思維，幫你形成良好的習(xí)慣，不斷提升設(shè)計(jì)思維。

圖-↑字段規(guī)范、業(yè)務(wù)狀態(tài)已優(yōu)化，更體現(xiàn)設(shè)計(jì)思維

3、時(shí)刻牢記業(yè)務(wù)規(guī)律。

上周，我們團(tuán)隊(duì)一個(gè)產(chǎn)品同學(xué)在做CRM的數(shù)據(jù)統(tǒng)計(jì)的原型設(shè)計(jì)，其中有個(gè)功能是“客戶健康狀態(tài)”的堆疊條形圖，盼望能直觀展現(xiàn)客戶健康狀況。

業(yè)務(wù)場(chǎng)景是展現(xiàn)不同月份平臺(tái)的客戶狀態(tài)分布狀況，也就是每個(gè)月平臺(tái)有多少A類客戶，有多少B類客戶，有多少C類客戶。

該同學(xué)也參考了一些競(jìng)品，應(yīng)當(dāng)來(lái)說(shuō)該功能對(duì)于用戶把握客戶狀況很有價(jià)值，尤其是用堆疊條形圖展現(xiàn)，統(tǒng)計(jì)數(shù)據(jù)顯示很直觀，他第一版的界面設(shè)計(jì)如下圖示：

我們可以看到上面的“堆疊條形圖”，橫坐標(biāo)是客戶數(shù)量，縱坐標(biāo)是自然月份，這樣的圖形看著是很清楚，對(duì)用戶了解客戶狀況也很直觀。

但是，這個(gè)界面設(shè)計(jì)并不是很合格，看著顏色豐富卻是低保真，由于這里面最重要的業(yè)務(wù)規(guī)律卻沒(méi)有考慮：客戶數(shù)量隨著用戶的使用，只會(huì)越來(lái)越多，也就是該條形圖應(yīng)當(dāng)自下而上，漸漸增加。

并且，A類客戶、B類客戶、C類客戶，每個(gè)單獨(dú)的月度數(shù)據(jù)，也應(yīng)當(dāng)是自下而上逐層增加的。

大家可以看下上圖，條形展現(xiàn)完全沒(méi)有規(guī)律支撐，只是形式上的豐富，在內(nèi)在設(shè)計(jì)上卻是沒(méi)有深度思索。

但原型設(shè)計(jì)肯定是圍圍著背后的業(yè)務(wù)規(guī)律設(shè)計(jì)，所謂高保真不是單指界面的顏色豐富，而是指設(shè)計(jì)思維上的細(xì)膩深刻。

圖-↑優(yōu)化后的原型設(shè)計(jì)，遵循業(yè)務(wù)規(guī)律

鏡同學(xué)說(shuō)到這里，還是想再helight一點(diǎn)，這也是不少產(chǎn)