巴別塔凛澎，原本是全人類齊心協(xié)力建造的，一座通往天堂的高塔估蹄。然而上帝從中作祟塑煎，為了阻止人類的計(jì)劃，上帝讓分散各地的人類說不同的語言元媚，使人類互相之間不能溝通轧叽，巴別塔的建造計(jì)劃因此失敗，人類自此各散東西刊棕。

語言是人和人之間互相溝通的最高效的方式之一。產(chǎn)品原型待逞，就是產(chǎn)品經(jīng)理對(duì)外展示和溝通的語言甥角。一份設(shè)計(jì)優(yōu)良的產(chǎn)品原型，總能夠讓產(chǎn)品團(tuán)隊(duì)的成員识樱，清晰的了解到產(chǎn)品經(jīng)理對(duì)市場(chǎng)問題的分析嗤无，對(duì)用戶的思考，以及最終沉淀下來的產(chǎn)品解決方案怜庸。接下來当犯，我將從以下幾個(gè)方面對(duì)深入說一下。

什么是原型

原型是產(chǎn)品經(jīng)理人員將文字化的需求轉(zhuǎn)換成圖形稿割疾，是設(shè)計(jì)方案的表達(dá)嚎卫，是產(chǎn)品經(jīng)理的重要產(chǎn)出物之一，是項(xiàng)目團(tuán)隊(duì)參考宏榕，評(píng)估的重要依據(jù)拓诸。它是產(chǎn)品功能與內(nèi)容的示意圖，是最終產(chǎn)品的雛形麻昼。

原型的作用

為什么說好的原型設(shè)計(jì)能讓項(xiàng)目事半功倍呢奠支？

原型是產(chǎn)品經(jīng)理對(duì)需求分析是否到位的一個(gè)復(fù)盤，從原型中抚芦，可以清晰看到產(chǎn)品的流程倍谜，檢驗(yàn)自己的設(shè)計(jì)邏輯是否合理迈螟；

原型的使用對(duì)象十分廣，包括需求方尔崔，UI答毫，技術(shù)開發(fā)，測(cè)試您旁，能與項(xiàng)目人員達(dá)成共識(shí)烙常，讓相關(guān)人員熟悉整個(gè)設(shè)計(jì)，順利進(jìn)入到下一個(gè)環(huán)節(jié)鹤盒，UI出圖和技術(shù)搭建框架蚕脏，設(shè)計(jì)數(shù)據(jù)庫等。

原型是產(chǎn)品的模型侦锯，它向我們展示了最終產(chǎn)品的藍(lán)圖驼鞭。

如何做一個(gè)好的原型

原型大家都會(huì)做，幾乎每天都會(huì)去做尺碰，但是如何做好一個(gè)原型呢挣棕？好的原型應(yīng)該具備哪些特征呢？以下是我對(duì)如何做好原型的一些簡(jiǎn)單總結(jié)亲桥。

1洛心、功能框架劃分明確、合理

產(chǎn)品由很多功能組成题篷，如何將這些功能劃分到不同的模塊里面词身，非常考驗(yàn)一個(gè)產(chǎn)品經(jīng)理對(duì)用戶和產(chǎn)品的思考番枚。同時(shí)法严，功能框架劃分明確，也能夠方便產(chǎn)品團(tuán)隊(duì)的成員理解產(chǎn)品經(jīng)理的思路和意圖葫笼，和產(chǎn)品經(jīng)理一起更好的完善產(chǎn)品設(shè)計(jì)深啤。功能框架的劃分可以參考功能結(jié)構(gòu)圖，然后轉(zhuǎn)換成頁面的模塊設(shè)計(jì)路星。如下圖所示：

2溯街、功能流程清晰、結(jié)構(gòu)完整

清晰地產(chǎn)品流程奥额，能夠幫助用戶快速的了解產(chǎn)品希望解決的問題及解決問題的方式苫幢；同時(shí)，也能夠方便梳理產(chǎn)品的功能結(jié)構(gòu)是否完整垫挨，是否有遺漏的環(huán)節(jié)韩肝。簡(jiǎn)單來說九榔，功能流程清晰涡相、結(jié)構(gòu)完整的產(chǎn)品原型，能夠幫組用戶快速的了解到“完整”的產(chǎn)品是什么樣的催蝗，在此基礎(chǔ)上，用戶就能夠更好的理解和思考產(chǎn)品的功能細(xì)節(jié)育特；如下圖所示：

3丙号、合理的色彩運(yùn)用和交互設(shè)計(jì)

產(chǎn)品經(jīng)理通常不具備UI / UE設(shè)計(jì)師專業(yè)的設(shè)計(jì)能力缰冤，黑白灰色調(diào)的低保真產(chǎn)品原型，既能夠表達(dá)產(chǎn)品經(jīng)理的想法棉浸，也能最小限度的影響UI / UE設(shè)計(jì)師的工作怀薛。但在一些小規(guī)模團(tuán)隊(duì)中，需要產(chǎn)品經(jīng)理設(shè)計(jì)色彩明確迷郑，圖片豐富枝恋，具備交互效果的高保真原型嗡害。因此，產(chǎn)品經(jīng)理要能夠按照不同的要求霸妹，在原型設(shè)計(jì)中，合理的運(yùn)用色彩和交互設(shè)計(jì)抑堡，和產(chǎn)品團(tuán)隊(duì)一起朗徊，快速的推進(jìn)和落地產(chǎn)品，但是切記直接截圖說明爷恳。

4、簡(jiǎn)單温亲、規(guī)范和統(tǒng)一的文字說明

雖然產(chǎn)品原型中的圖片、功能和交互能夠很好的表達(dá)產(chǎn)品經(jīng)理的思路和觀點(diǎn)袖外，但是一些特殊場(chǎng)景下魂务，簡(jiǎn)單的文字說明曼验，能夠讓產(chǎn)品團(tuán)隊(duì)成員，更快熔酷、更好的理解產(chǎn)品經(jīng)理的想法。

（1）簡(jiǎn)要說明

原型設(shè)計(jì)和需求文檔是一樣的拒秘，我們不可能一步到位臭猜，一般需要經(jīng)過溝通、評(píng)審慢慢確定最終的原型获讳。在這種情況下，我們就需要把每一次的變更都寫入進(jìn)去了丐膝，方便項(xiàng)目成員看到每次更新修改的內(nèi)容，提高工作效率帅矗，節(jié)約溝通成本及后期不必要的麻煩。大家可以采取自己喜歡的方式去記錄累颂，我一般采用變更日記的形式去簡(jiǎn)要說明我每次原型修改的地方及理由凛俱。這是我工作的一個(gè)例子紊馏，如下圖所示：

（2）交互說明

交互說明是對(duì)動(dòng)態(tài)效果的進(jìn)一步補(bǔ)充蒲犬，是原型中不可或缺的內(nèi)容。邏輯嚴(yán)密原叮，內(nèi)容清晰的交互說明會(huì)讓原型看起來更具有可讀性。例如文字過多如何顯示奋隶？不同狀態(tài)下控件會(huì)出現(xiàn)什么效果？……這些都需要產(chǎn)品經(jīng)理在原型中也給出說明嘹吨，不然UI設(shè)計(jì)中，會(huì)出現(xiàn)一大堆問題黍聂。

交互說明可以從以下幾個(gè)類型進(jìn)行說明躺苦，如下表所示：

5、展示頁面流程

頁面流程圖不僅可以看到具體的頁面嘀趟，還可以看到用戶是如何從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面愈诚。方便前端做頁面跳轉(zhuǎn)時(shí)一目了然哪些頁面之間有交換，提高工作效率炕柔，必要時(shí)可以結(jié)合表格進(jìn)行相關(guān)說明。以下是我工作的一個(gè)例子匕累，沒有畫出具體流程：

設(shè)計(jì)原型注意項(xiàng)

原型做出來是給大家項(xiàng)目評(píng)審用的陵刹，方便用戶聯(lián)想最終的產(chǎn)品欢嘿。同時(shí)也讓讓每個(gè)使用者都可以明確自己要做的事情，不至于模棱兩可羡宙。所以在做設(shè)計(jì)時(shí)，產(chǎn)品經(jīng)理要盡可能的去規(guī)范原型狗热。

我們還應(yīng)該盡量使用真實(shí)虑省、符合邏輯的數(shù)據(jù)匿刮，不然給人們看時(shí)探颈，會(huì)造成很大的困惑；

不遺漏特俗狀態(tài)的描述膝擂；

不要為了偷懶隙弛，使用頁面截圖；

不在原型圖上過多的用色彩叉寂，但是要體現(xiàn)明暗對(duì)比；

合理進(jìn)行布局总珠，考慮視覺號(hào)的效果勘纯，提前和UI溝通钓瞭；

一款成功的產(chǎn)品，一定是團(tuán)隊(duì)共同努力的結(jié)果堤结，絕不僅僅是產(chǎn)品經(jīng)理一個(gè)人的功勞鸭丛。在產(chǎn)品的初期竞穷，產(chǎn)品經(jīng)理需要讓團(tuán)隊(duì)成員了解到產(chǎn)品做什么鳞溉，為什么做，以及怎么做看政，而產(chǎn)品原型就是最好的溝通語言科盛。因此帽衙，好的原型設(shè)計(jì)總能夠讓產(chǎn)品進(jìn)程事半功倍贞绵。

最后，我希望和大家一起努力谴垫，為更好地產(chǎn)品母蛛，不斷提升我們的語言能力，讓巴別塔的悲劇彩郊，不再重演。