有人嘲笑產(chǎn)品經(jīng)理的工作就是畫原型，寫文檔，沒(méi)有核心競(jìng)爭(zhēng)力。但是這兩項(xiàng)工作難道真就這么簡(jiǎn)單嗎？本文從三個(gè)角度分析如何提高畫原型，寫文檔的能力，從而提高核心競(jìng)爭(zhēng)力。

面試造航母，入職擰螺絲。

這是互聯(lián)網(wǎng)人常用來(lái)自黑的笑談。

而產(chǎn)品經(jīng)理的擰螺絲，落到實(shí)在的產(chǎn)出物上，就是畫原型、寫文檔。乃至于網(wǎng)上有很多聲音認(rèn)為，只會(huì)畫原型、寫文檔的產(chǎn)品經(jīng)理是沒(méi)有核心競(jìng)爭(zhēng)力的。

可產(chǎn)品經(jīng)理的核心競(jìng)爭(zhēng)力是什么呢？有人說(shuō)是決策能力，有人說(shuō)是商業(yè)敏感度，還有人說(shuō)是業(yè)務(wù)能力……

總之，產(chǎn)品經(jīng)理的核心競(jìng)爭(zhēng)力有很多，反正不是畫原型、寫文檔這么簡(jiǎn)單的事情。

那么畫原型、寫文檔真的很簡(jiǎn)單嗎？如果答案為否的話，能不能反過(guò)來(lái)問(wèn)，如何在畫原型、寫文檔的時(shí)候體現(xiàn)產(chǎn)品經(jīng)理的核心競(jìng)爭(zhēng)力呢？

不妨，先從畫原型這件事開始看看吧。

一、原型圖是信息的表達(dá)

原型圖是什么？簡(jiǎn)單的說(shuō)，原型圖就是將想法落地轉(zhuǎn)化成其他人可以感知和理解的具體形式。這個(gè)其他人，可以是設(shè)計(jì)師、工程師、也可以是用戶。

所以，原型圖很像是草稿，最后上線的那個(gè)產(chǎn)品就是草稿的終極版本。

為什么又說(shuō)原型圖是信息的表達(dá)呢？

信息架構(gòu)、交互設(shè)計(jì)、UI設(shè)計(jì)構(gòu)成了原型圖的三大要素。它們交叉組合向用戶展示內(nèi)容信息、傳遞交互反饋、接收信息錄入，并努力為用戶提供盡可能流暢而尖叫的體驗(yàn)。

因此，原型圖的設(shè)計(jì)目的就是為了準(zhǔn)確的向用戶表達(dá)信息。

為了達(dá)到這個(gè)目的，有三個(gè)問(wèn)題是躲不開的：通過(guò)什么表達(dá)信息？如何表達(dá)信息？表達(dá)什么信息？

1. 通過(guò)什么表達(dá)信息

打開任意一款手機(jī)APP，界面元素都脫不開色彩、布局、文字、圖標(biāo)、按鈕、間距，每一種元素自身也有著復(fù)雜的內(nèi)在邏輯。

就拿按鈕來(lái)說(shuō)。

在抖音，關(guān)注按鈕被設(shè)計(jì)成用戶點(diǎn)擊后符號(hào)“+”通過(guò)動(dòng)畫效果漸變成符號(hào)“勾”的樣式，它是通過(guò)按鈕自身狀態(tài)的改變來(lái)向用戶傳遞關(guān)注成功這個(gè)信息反饋的。

而在微博，關(guān)注按鈕是符號(hào)“+關(guān)注”，用戶點(diǎn)擊后屏幕中心會(huì)有toast彈框彈出，以此來(lái)提示用戶關(guān)注成功的。

哪種方式更好呢？抖音在不打擾用戶瀏覽短視頻的前提下，完成信息反饋；微博則是直接遮擋屏幕內(nèi)容，完成信息反饋。他們背后的產(chǎn)品邏輯是什么呢？

再來(lái)說(shuō)說(shuō)文字。

文字的大小、顏色、樣式都可以影響信息表達(dá)的準(zhǔn)確性。

在微信聊天列表頁(yè)，聊天對(duì)象的用戶名文字是深色放大的，而最新的一條消息內(nèi)容則是淺色縮小的；而到了聊天詳情頁(yè)，則正好反過(guò)來(lái)。

一大一小，一深一淺的對(duì)比，體現(xiàn)的是聊天列表頁(yè)用戶更關(guān)注聊天對(duì)象是誰(shuí)這個(gè)信息，在聊天詳情頁(yè)用戶更關(guān)注聊天對(duì)象說(shuō)了什么這個(gè)信息。

通過(guò)這些界面元素及其自身的組合變化，就可以形成功能體系。注冊(cè)登錄、導(dǎo)航體系、搜索系統(tǒng)、我的主頁(yè)，這些都是常見(jiàn)的功能體系。它們就像一個(gè)個(gè)容器，有節(jié)奏的幫助用戶完成體驗(yàn)地圖。

導(dǎo)航體系幫助用戶更合理的組織頁(yè)面、呈現(xiàn)信息，搜索系統(tǒng)也借助語(yǔ)音錄入、二維碼等手段快速的完成信息錄入、檢索和匹配。

2. 如何表達(dá)信息

有了這些基礎(chǔ)的界面元素、功能體系，就可以遞進(jìn)的使用不同保真度的原型圖來(lái)表達(dá)信息。

更具體的說(shuō)，是低保真、中保真和高保真的原型圖。

低保真原型圖關(guān)注信息架構(gòu)和功能模塊，重點(diǎn)是信息的展示。它可以是個(gè)基礎(chǔ)的線框圖，甚至也可以是畫在紙上的草圖。

信息架構(gòu)是使用真實(shí)數(shù)據(jù)以人類更可讀的形式組合排列信息。而功能模塊，可以細(xì)分為功能的廣度和深度，廣度是指覆蓋了多少功能點(diǎn)，深度是指每個(gè)功能點(diǎn)的詳細(xì)程度。

中保真原型關(guān)注信息的交互性，重點(diǎn)是信息的交互反饋。他可以是線框圖的可點(diǎn)擊版本。

高保真原型關(guān)注信息的視覺(jué)效果，重點(diǎn)是信息的接受體驗(yàn)。他可能是投入開發(fā)前的最后一步。

3. 表達(dá)什么信息

需要表達(dá)的信息只有兩種：用戶信息和企業(yè)信息。

用戶信息很好理解，做產(chǎn)品，基本都是圍繞如何讓用戶在產(chǎn)品這張信息地圖上產(chǎn)生可用、易用、好用的感受，進(jìn)而更好的拉新、留存、促活，達(dá)成產(chǎn)品的長(zhǎng)期價(jià)值。

怎么理解企業(yè)信息呢？產(chǎn)品大神俞軍在他的書里提到，產(chǎn)品是企業(yè)和用戶進(jìn)行價(jià)值交換的媒介。企業(yè)需要什么價(jià)值呢？最常見(jiàn)的顯然是利潤(rùn)。因此如何合理而不失優(yōu)雅的加入廣告信息、運(yùn)營(yíng)信息、產(chǎn)品銷售信息，也很重要。

抖音是怎么表達(dá)企業(yè)信息的呢？在短視頻信息流中以短視頻的形式加入廣告，將廣告和短視頻信息流完整的融合在一起，用戶幾乎感知不到廣告的存在。

二、PRD是數(shù)據(jù)的調(diào)度

談了那么多表達(dá)信息，有一個(gè)關(guān)鍵問(wèn)題始終懸而未決，信息從何而來(lái)？這其實(shí)是數(shù)據(jù)調(diào)度問(wèn)題。它既包括數(shù)據(jù)的產(chǎn)生，也包括數(shù)據(jù)的聚合。

信息是結(jié)構(gòu)化的數(shù)據(jù)，知識(shí)是邏輯化的信息。

從這個(gè)維度看，作用在前端的原型圖目的是表達(dá)信息，而作用在后端的PRD文檔目的就是指導(dǎo)數(shù)據(jù)調(diào)度。后端調(diào)度數(shù)據(jù)，聚合之后傳遞到前端，最終展現(xiàn)出來(lái)的才是被表達(dá)的信息。

那怎么調(diào)度數(shù)據(jù)呢？這就要看一段程序最簡(jiǎn)潔的工作模型是怎樣的。

程序接受數(shù)據(jù)，然后處理數(shù)據(jù)，最后返回新數(shù)據(jù)。比如，小胖到樓下小賣部買零食，告訴收銀員要小布丁雪糕(接收數(shù)據(jù))，收銀員轉(zhuǎn)身在零食擺放區(qū)域拿出冰箱中的小布丁雪糕(處理數(shù)據(jù))，然后交給小胖(返回新數(shù)據(jù))。

這個(gè)簡(jiǎn)易模型中有兩個(gè)核心：小布丁和對(duì)小布丁的操作。它們就是PRD文檔規(guī)范中的信息結(jié)構(gòu)和功能流程。

1. 信息結(jié)構(gòu)

打開網(wǎng)易云音樂(lè)的一首歌，有歌手、時(shí)長(zhǎng)、所屬專輯這些屬性；打開公眾號(hào)的一篇文章，有標(biāo)題、作者、內(nèi)容、發(fā)布時(shí)間這些屬性。

一言以蔽之，后端工程師依賴信息結(jié)構(gòu)進(jìn)行數(shù)據(jù)建模，它呈現(xiàn)概念間的關(guān)系和屬性。放到具體的工作場(chǎng)景中，信息結(jié)構(gòu)是對(duì)業(yè)務(wù)的深刻理解。

比如，這篇公眾號(hào)文章，有作者這個(gè)屬性；而作者自身作為一個(gè)概念，也有性別、年齡、發(fā)布文章這些屬性。因此文章和作者之間既有關(guān)系，又有各自的屬性。在一個(gè)APP中，可能有成百上千個(gè)這樣的概念關(guān)聯(lián)作用，組成了一個(gè)結(jié)實(shí)的數(shù)據(jù)網(wǎng)絡(luò)。

2. 功能流程

功能流程則是通過(guò)對(duì)信息結(jié)構(gòu)這張數(shù)據(jù)網(wǎng)絡(luò)的操作，來(lái)完成一個(gè)又一個(gè)的功能點(diǎn)。比如，轉(zhuǎn)發(fā)、評(píng)論、刪除等等。

因此，清楚的定義一個(gè)需求需要哪些信息結(jié)構(gòu)以及如何操作這些信息結(jié)構(gòu)，幫助程序員完成數(shù)據(jù)的調(diào)度，才能稱得上是一篇程序員能夠看得懂PRD文檔，而不是排版是否漂亮、文案是否精致。

三、原型圖+PRD文檔

原型圖和PRD文檔當(dāng)然不是割裂的，他們放在一起就能指導(dǎo)前端和后端工程師調(diào)度數(shù)據(jù)，表達(dá)信息。這是一個(gè)完整的閉環(huán)。

所以，畫原型圖、寫文檔并不簡(jiǎn)單。漂亮不是評(píng)價(jià)原型圖的首要標(biāo)準(zhǔn)，排版也不是評(píng)價(jià)PRD文檔的首要標(biāo)準(zhǔn)。

作者：Lcarusd，公眾號(hào)：Lcarusd

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

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