產(chǎn)品原型在工作推動中的重要作用

面對與前端/后端/測試等開發(fā)人員進行需求傳遞時，不僅要在結(jié)構(gòu)層確定各種功能特性還要考慮功能的范圍邊界，數(shù)據(jù)的流轉(zhuǎn)形式如何體現(xiàn)，所以產(chǎn)品在設(shè)計構(gòu)思時，不僅要表達出來的頁面信息，而且其中抽象化的業(yè)務邏輯，需求可視化更加具體生動的表現(xiàn)出來，所以我覺得原型是PM，將文字化的需求轉(zhuǎn)換成圖形稿，其內(nèi)在的數(shù)據(jù)流轉(zhuǎn)、邏輯說明是原型方案的表達，不單是單產(chǎn)品功能與內(nèi)容的示意圖，為最終產(chǎn)品創(chuàng)建感知體驗提前感知到最終產(chǎn)品的立體雛形，是團隊的主線參考及評估的重要依據(jù)。  

所以清晰易懂的產(chǎn)品原型不僅方便產(chǎn)品經(jīng)理與UI設(shè)計師和開發(fā)人員在前期溝通產(chǎn)品思路，也可以更好地幫助美工和開發(fā)人員理解產(chǎn)品特性，使后續(xù)的開發(fā)設(shè)計更為順暢。

二、產(chǎn)品原型對產(chǎn)品經(jīng)理工作的幫助

（1）產(chǎn)品原型是為最終產(chǎn)品形態(tài)提前創(chuàng)建感知

我們的項目在0–1階段時，產(chǎn)品最小版本MVP是我們用最快、最簡明的方式建立一個最小化可用的中低保真產(chǎn)品原型，測試產(chǎn)品是否符合市場預期，并通過快速迭代的方法來完善產(chǎn)品，看看用戶對我們提供的產(chǎn)品價值的認可程度，以此最終適應匹配市場需求，所以此時我們的原型不僅是對產(chǎn)品的進行立項，更是整個產(chǎn)品戰(zhàn)略的落地執(zhí)行，從產(chǎn)品的界面樣式，每個按鈕的功能和效果，也可以看到產(chǎn)品的基本框架和運作機制，獲得比較真實的感受、團隊從而能捋清要做的事情和目標及最終要實現(xiàn)的結(jié)果有清晰的認知，通過完整的原型需求演示才能對受眾目標的用戶/客戶需求加以理解，把他們的真實地反應、反饋收集起來，最終來得到市場上的驗證結(jié)果，因此原型的目的使得需求的價值是讓團隊目標清晰，可制定合理計劃，達到落地執(zhí)行動作。

 （2）產(chǎn)品原型可減少多方溝通成本

產(chǎn)品原型面對需求的傳遞要做到嚴謹性，與UI的溝通是一種體現(xiàn)產(chǎn)品設(shè)計想法的可視頁面，就和建筑設(shè)計圖類似，看著建筑設(shè)計圖，才明白你的想法，產(chǎn)品原型以用戶界面為基礎(chǔ)，所有布局基本已經(jīng)到位，缺少的只是色彩的搭配、icon的設(shè)計、視覺效果的設(shè)計，原型此時可以為ui設(shè)計師、視覺設(shè)計師創(chuàng)造良好的設(shè)計條件，設(shè)計師們根據(jù)原型圖就能夠更快地設(shè)計出適合用戶瀏覽和使用的版本，避免了設(shè)計師去想像布局結(jié)構(gòu)，節(jié)省了大量時間。

與開發(fā)人員需求溝通也一樣，其中發(fā)現(xiàn)往往很難有耐心仔細看需求文檔的人很少，他們會更喜歡“動態(tài)”的原型圖；

對于PM來說，為了理順自己的思路，思考需求的合理性，最好的校驗工具就是畫原型圖，無論是靜態(tài)還是可點擊的交互，視覺效果和內(nèi)容上更接近真實用戶使用場景，才能減少雙方的認知理解偏差，提前根據(jù)頁面邏輯搭建表結(jié)構(gòu)，節(jié)省開發(fā)成本一個好產(chǎn)品需要團隊成員們都在順暢的溝通交流下，才能得到好結(jié)果。

（3）清晰的認知和驗證

     工作中我們大多數(shù)接收到一個個不同需求方分散的需求點，我們需要考慮多方角色的使用場景，什么樣的場景下，帶著什么樣的目標、采取什么樣的動作、和某些介質(zhì)交互來完成什么任務，梳理清楚場景，才能基于同理心把以用戶為中心的理念貫穿在整個產(chǎn)品思考的過程，這樣才能形成業(yè)務閉環(huán)，這時就可以通過原型圖來展示頁面的流程，直觀的看到成品清晰完整的形態(tài)，達到業(yè)務閉環(huán)類價值或體驗類價值。

同時接收到需求后，針對沒有了解需求的真實性，從不確定的需求來進行深挖背后業(yè)務方的痛點，而通過原型圖展示完整的業(yè)務閉環(huán)，梳理清楚業(yè)務方使用場景及需求能帶來的價值和解決的問題，才能對需求挖掘和分析產(chǎn)生結(jié)果，也恰恰是制作原型的目的來進行驗證該需求的可行性。

三、如何運用好原型工具

首先在運用工具時，如果我們面對的是B端客戶，更注重的是業(yè)務流程、清晰的數(shù)據(jù)邏輯流轉(zhuǎn)，頁面的交互更注重細節(jié)，需要中高保真的原型，時常去與客戶演示。

如果是是C端產(chǎn)品，大部分團隊中都會有專門UI同學，我們產(chǎn)出的原型就不需要太過于高保真，完成一份比較完善的線框圖即可。

（1）合理的進行元素布局

當我們在設(shè)計一個頁面的時候，必然具備大量的元素在頁面呈現(xiàn)，我們要認真的去檢查細節(jié)、梳理頁面的元素布局 內(nèi)容展示、框架細節(jié)等

 頁面頂部：搜索框、定位、掃碼登陸

頁面中上方：全部tab名稱

頁面中下方：商品名稱、購物車、商品價格、更多、商品圖片 、描述、更多等

大部分元素都是可點擊的狀態(tài)，我們要考慮所有元素的交互效果比如：

• 點擊是否可以跳轉(zhuǎn)，跳轉(zhuǎn)到什么頁面
• 點擊后是彈框展示還是新頁面。
• 點擊后元素樣式狀態(tài)是否改變。
• 什么狀態(tài)下的元素不可點擊
• 元素是否需要配置埋點，方便日后統(tǒng)計埋點數(shù)據(jù)。

（2）組件運用要規(guī)范

a.原型圖模塊背景或元素盡量采用黑白灰色值，避免給UI設(shè)計師造成用色干擾。

b.當多人協(xié)作時定義好統(tǒng)一的協(xié)作原型內(nèi)容樣式

c.頁面中重點凸顯的內(nèi)容，按鈕或某個模塊采用深色塊填充

   網(wǎng)易云和波點音樂我們從中可以看到，只有在頁面上保證界面元素的統(tǒng)一性、視覺風格及交互樣式的統(tǒng)一性，才能為用戶提供連貫一致的用戶體驗，突出產(chǎn)品品牌為用戶帶來的歸屬感、也可讓客戶其操作有可預見性。

 最后，我們反向思考下如果沒有原型工具，沒有完整的表達語言的工具，我們作為一個個鮮活產(chǎn)品的思考者，沒有輸出完整的產(chǎn)品思考，那么這些都是空中樓閣沒有落地的痕跡，對于執(zhí)行者都是忘記性很強的動物，和開發(fā)人員評審后過了一段間再去看需求的細節(jié)都會變得模糊，所以中間產(chǎn)物的價值不高且很容易被忘記。

產(chǎn)品原型只有合理的利用好才能發(fā)揮它的價值，他就像我們產(chǎn)品人行走江湖的兵器，好好打磨兵器，對我們來說有一件的稱心如意的且鋒利兵器一定可以事半功倍。

其次產(chǎn)品原型不僅作為一種交流工具，可以彌補設(shè)計師與受眾之間的鴻溝，同時也驗證概念是否與最終客戶和企業(yè)發(fā)展中是匹配的是可以經(jīng)得起考驗的，所以對于產(chǎn)品經(jīng)理不僅僅是畫原型這樣的簡單事情，它是產(chǎn)品經(jīng)理工作量和工作成果的唯一證明，是我們的建立團隊認知、需求傳遞的溝通橋梁、成果目標的導向，運用好我們的利器才能更好的推動我們的工作從而產(chǎn)生重要的成果。

原型只是成功的途徑之一，要始終牢記目標、受眾群體和使用場景及提供的價值。