在將抽象的產(chǎn)品需求具體化的環(huán)節(jié)中，制作產(chǎn)品原型是關(guān)鍵的一個(gè)環(huán)節(jié)，因?yàn)樗獙⒋罅康男畔⑥D(zhuǎn)化為可視化的圖形。

產(chǎn)品原型是用于表達(dá)產(chǎn)品功能和內(nèi)容的示意圖。一份完整的產(chǎn)品原型要能夠清楚地交代：產(chǎn)品包括哪些功能、哪些內(nèi)容；產(chǎn)品分為幾個(gè)界面，功能和內(nèi)容在界面中如何布局；包括用戶流程在內(nèi)的所有用戶與產(chǎn)品的交互細(xì)節(jié)如何設(shè)計(jì)。概括來說，產(chǎn)品原型要涵蓋三個(gè)要素：元素、界面、交互。

通常情況下，產(chǎn)品原型是由產(chǎn)品經(jīng)理和交互設(shè)計(jì)師一起完成的。那么為什么不是由產(chǎn)品經(jīng)理確定產(chǎn)品原型的功能和內(nèi)容，然后將產(chǎn)品原型的制作工作全權(quán)交給交互設(shè)計(jì)師呢？因?yàn)閺哪撤N意義上來說，制作產(chǎn)品原型仍然屬于規(guī)劃產(chǎn)品功能的工作范疇，產(chǎn)品經(jīng)理規(guī)劃產(chǎn)品功能并不是對產(chǎn)品功能進(jìn)行簡單的羅列，而是要在產(chǎn)品策略的指導(dǎo)下，在產(chǎn)品價(jià)值、產(chǎn)品可用性和技術(shù)成本之間尋找最佳的平衡點(diǎn)，而產(chǎn)品原型正好是完成這項(xiàng)工作的最佳工具。相對來說，交互設(shè)計(jì)師雖然在交互設(shè)計(jì)上更加專業(yè)，能夠確保產(chǎn)品的可用性，但是在對產(chǎn)品價(jià)值（主要是用戶需求）和技術(shù)可行性的把握上，以及對產(chǎn)品策略的理解上，遠(yuǎn)遠(yuǎn)不如產(chǎn)品經(jīng)理。因此，通常的做法是：產(chǎn)品經(jīng)理負(fù)責(zé)制作最原始版本的產(chǎn)品原型，在產(chǎn)品原始的功能、內(nèi)容相對確定的情況下，再由交互設(shè)計(jì)師對產(chǎn)品原型進(jìn)行優(yōu)化，進(jìn)一步提升產(chǎn)品的可用性。

一、產(chǎn)品原型的重要性

1.有助于完善、優(yōu)化產(chǎn)品需求方案

在此之前，產(chǎn)品需求還停留在抽象、模糊的概念階段，產(chǎn)品經(jīng)理對它的思考可能沒法做到足夠的深入，而制作好的產(chǎn)品原型已經(jīng)非常接近最終的產(chǎn)品成品了，所以通過制作產(chǎn)品原型，可以幫助產(chǎn)品經(jīng)理把產(chǎn)品需求考慮得更加清楚。

在制作產(chǎn)品原型的過程中，一方面，可以模擬不同的用戶場景，試用規(guī)劃的“產(chǎn)品功能”，這樣就能夠輕松發(fā)現(xiàn)遺漏的功能模塊、邏輯分支，以及其他一些細(xì)節(jié)；另一方面，還可以分別以用戶、UI設(shè)計(jì)師、開發(fā)工程師的視角審視產(chǎn)品原型，發(fā)現(xiàn)其中的不足并加以改進(jìn)。這樣，通過不斷地修改產(chǎn)品原型，對產(chǎn)品需求的思考越深入，產(chǎn)品需求方案也就越完善、越合理。

2.方便對產(chǎn)品需求進(jìn)行評估

一旦產(chǎn)品需求進(jìn)入開發(fā)環(huán)節(jié)，再進(jìn)行需求變更所要付出的代價(jià)往往是巨大的——視覺設(shè)計(jì)師要重新設(shè)計(jì)視覺DEMO，開發(fā)工程師要重新進(jìn)行系統(tǒng)設(shè)計(jì)并修改代碼，這樣不僅有大量的時(shí)間和資源被浪費(fèi)，項(xiàng)目進(jìn)度也無法按原計(jì)劃推進(jìn)。因此，在我們投入大量資源進(jìn)行實(shí)際設(shè)計(jì)和開發(fā)之前，對規(guī)劃的產(chǎn)品功能進(jìn)行評估，確保產(chǎn)品需求是正確的、合理的就非常有必要了。

相對于使用文檔，使用產(chǎn)品原型進(jìn)行產(chǎn)品需求評估更加具有可操作性。一方面，產(chǎn)品原型的制作成本并不是很高，多數(shù)時(shí)候比用文字描述功能方便得多，修改也非常容易；另一方面，產(chǎn)品原型將產(chǎn)品需求形象具體地展示在我們的面前，這種可視化的方式能夠大幅提升產(chǎn)品需求評估的準(zhǔn)確性。

產(chǎn)品需求的評估包括三個(gè)層面：

首先是產(chǎn)品價(jià)值的評估。

產(chǎn)品價(jià)值包括產(chǎn)品對用戶的價(jià)值和產(chǎn)品對公司的價(jià)值。產(chǎn)品對用戶的價(jià)值，即產(chǎn)品給用戶帶來的利益，產(chǎn)品滿足了用戶哪些需求，幫助用戶解決了哪些問題；產(chǎn)品對公司的價(jià)值，即產(chǎn)品給公司帶來的利益，如產(chǎn)品市場占有率的提升，產(chǎn)品利潤的增加等。

首先要保證產(chǎn)品對于用戶來說是有價(jià)值的。如果條件允許，交互設(shè)計(jì)師應(yīng)該向目標(biāo)用戶演示產(chǎn)品原型，從用戶那里獲取寶貴意見，確保規(guī)劃的產(chǎn)品功能是用戶所需要的。

產(chǎn)品對用戶的價(jià)值和產(chǎn)品對公司的價(jià)值在多數(shù)時(shí)候是統(tǒng)一的，產(chǎn)品給用戶帶去價(jià)值的同時(shí)也會促進(jìn)公司價(jià)值的增長。但有時(shí)候兩者也會有沖突。比如，通過部分產(chǎn)品功能對用戶進(jìn)行收費(fèi)，可以促進(jìn)公司收入的增長，但勢必就會損害到用戶的利益。當(dāng)兩者沖突的時(shí)候，產(chǎn)品需求要對它們進(jìn)行平衡，體現(xiàn)產(chǎn)品整體價(jià)值的最大化。

除此之外，對于產(chǎn)品需求如何更好地體現(xiàn)產(chǎn)品價(jià)值，不同的人從不同的角度考慮，也會有不同的看法。因此，在產(chǎn)品需求進(jìn)入實(shí)際設(shè)計(jì)和開發(fā)之前，務(wù)必進(jìn)行產(chǎn)品需求確認(rèn)，即召集所有產(chǎn)品相關(guān)方（老板、其他相關(guān)產(chǎn)品的產(chǎn)品經(jīng)理、客服代表等），在產(chǎn)品原型的基礎(chǔ)上對產(chǎn)品需求進(jìn)行討論，消除分歧并達(dá)成意見統(tǒng)一，以杜絕產(chǎn)品需求進(jìn)入實(shí)際設(shè)計(jì)和開發(fā)之后因產(chǎn)品相關(guān)方提出新的要求而導(dǎo)致需求變更。

其次是產(chǎn)品可用性的評估。

產(chǎn)品對于用戶僅僅是有用的，這還遠(yuǎn)遠(yuǎn)不夠，它還必須足夠好用。產(chǎn)品經(jīng)理要和交互設(shè)計(jì)師一起不斷地提升產(chǎn)品的可用性，讓不同類型的用戶都能夠很好地使用產(chǎn)品。

產(chǎn)品原型讓產(chǎn)品可用性評估變得更加容易，產(chǎn)品的界面設(shè)計(jì)和交互設(shè)計(jì)是否足 夠友好在圖紙上變得一目了然，而且我們還可以通過不同的產(chǎn)品原型來對比不同的想法。當(dāng)然，如果這樣還不能確保實(shí)現(xiàn)最佳的用戶體驗(yàn)效果，那么我們還可以用產(chǎn)品原型進(jìn)行產(chǎn)品可用性測試，通過邀請目標(biāo)用戶試用產(chǎn)品原型，來確定產(chǎn)品功能的實(shí)現(xiàn)方式是不是符合用戶的期望。

最后是產(chǎn)品技術(shù)可行性的評估。

產(chǎn)品不僅是有用的，而且是好用的，但是如果實(shí)現(xiàn)不了，那也是枉然。經(jīng)驗(yàn)豐富的產(chǎn)品經(jīng)理能夠準(zhǔn)確地判斷出產(chǎn)品功能是否具有可行性，不過找開發(fā)人員來進(jìn)行深入評估，依然十分有必要。

產(chǎn)品的技術(shù)可行性評估要明確：產(chǎn)品的技術(shù)實(shí)現(xiàn)方案是否全面，有沒有遺漏了哪些分支；在現(xiàn)有的條件下，能否實(shí)現(xiàn)所有的功能，存在哪些難以克服的障礙；產(chǎn)品的技術(shù)方案是否存在風(fēng)險(xiǎn)，我們可以有哪些預(yù)防方案。

總而言之，產(chǎn)品需求在進(jìn)入實(shí)際設(shè)計(jì)和開發(fā)之前，要進(jìn)行詳細(xì)的評估，確保產(chǎn)品功能符合用戶的需求，對于用戶來說是足夠好用的，并且能夠通過技術(shù)手段實(shí)現(xiàn)。這些評估工作的開展通常是基于產(chǎn)品原型進(jìn)行的。隨著評估工作的進(jìn)行，產(chǎn)品原型也會被不斷優(yōu)化，所以一份產(chǎn)品原型從剛開始的初稿到最終的定稿通常要經(jīng)過多次反復(fù)的版本修改。

3.有效降低與團(tuán)隊(duì)成員間的溝通成本

產(chǎn)品原型的重要性還體現(xiàn)在它能夠有效降低與團(tuán)隊(duì)成員間的溝通成本。

在實(shí)際工作中，產(chǎn)品經(jīng)理需要向很多人描述產(chǎn)品需求，如高層、業(yè)務(wù)相關(guān)方、開發(fā)工程師、設(shè)計(jì)師、測試人員等。而產(chǎn)品需求往往信息量非常大，寫成文檔動輒幾頁、幾十頁，不僅產(chǎn)品經(jīng)理描述起來難度非常大，而且他人要在短時(shí)間內(nèi)深入理解也非常困難。而產(chǎn)品原型最大的優(yōu)勢就是能夠?qū)a(chǎn)品需求以圖形化的方式進(jìn)行演示，使產(chǎn)品需求一目了然，大幅提升溝通效率。例如，有經(jīng)驗(yàn)的開發(fā)人員對著幾張?jiān)蛨D，不用過多的解釋，就能夠馬上明白需要編寫哪些功 能模塊，以及這些功能模塊間是怎樣的邏輯關(guān)系。

二、如何制作產(chǎn)品原型

制作產(chǎn)品原型不用拘泥于工具，用原型制作軟件（Axure、Balsamiq）、流程圖軟件（Visio）、圖像處理軟件（Photoshop）、辦公軟件（Word、Excel、PowerPoint）、HTML編輯器（Dreamweaver），抑或是直接在紙張上手繪，都是可以的，關(guān)鍵就在于哪個(gè)工具對于你來說操作最方便，且能夠清晰地表達(dá)產(chǎn)品原型的所有要素。

在這些工具中，Axure由于操作簡單、功能強(qiáng)大，受到多數(shù)人的推崇。大部分時(shí)候，我們可以借助Axure來快速地完成產(chǎn)品原型的制作；遇到Axure較難制作的部分，則可以輔以其他工具來配合完成，比如，復(fù)雜的表格可以在Excel中制作好后再截圖到Axure的產(chǎn)品原型主體中。

在所有產(chǎn)品原型的交付件中，最常見的就是線框圖。

那么制作產(chǎn)品原型時(shí)，我們需要重點(diǎn)注意哪幾點(diǎn)呢？

1.元素（產(chǎn)品功能和內(nèi)容）要完整且細(xì)節(jié)明確

產(chǎn)品原型是用于表達(dá)產(chǎn)品功能和內(nèi)容的示意圖，因此，產(chǎn)品原型首先要保證產(chǎn)品功能和內(nèi)容是完整的。在制作產(chǎn)品原型時(shí)，要盡可能考慮周全，尤其要注意不要遺漏一些特殊或極端情況下的功能或內(nèi)容。

比如，搜索結(jié)果頁面的原型不僅要考慮搜索有結(jié)果的情況下應(yīng)該顯示什么內(nèi)容，而且要考慮搜索無結(jié)果的情況下應(yīng)該顯示什么內(nèi)容。

另外，對每個(gè)元素的描述要落實(shí)到具體細(xì)節(jié)上，避免過于空泛。

比如，頁面中包含地圖，我們不能僅僅畫一個(gè)方框來表示地圖，而應(yīng)該將地圖中所有的元素（各種控制按鈕等）全表示出來。

如果有必要，我們還可以以注釋的形式對一些難以用簡單圖形表達(dá)的功能或內(nèi)容加以必要的說明。

總而言之，產(chǎn)品原型的元素及其細(xì)節(jié)是產(chǎn)品原型不可或缺的組成部分。元素不完整或是細(xì)節(jié)描述不到位，都會影響基于產(chǎn)品原型的產(chǎn)品需求討論的溝通效率。如果產(chǎn)品需求因此無法得到確定，那么產(chǎn)品原型也就需要返工修改。

2.交互設(shè)計(jì)要同時(shí)體現(xiàn)產(chǎn)品價(jià)值和產(chǎn)品可用性

有了產(chǎn)品原型的元素，就可以在產(chǎn)品原型中對元素進(jìn)行界面設(shè)計(jì)和交互設(shè)計(jì)了。

界面設(shè)計(jì)主要是確定產(chǎn)品分為幾個(gè)界面，功能和內(nèi)容在界面中如何布局；交互設(shè)計(jì)主要是確定產(chǎn)品與用戶如何進(jìn)行交互，產(chǎn)品如何響應(yīng)用戶的每次操作。

一方面，對各元素的交互設(shè)計(jì)要能夠使產(chǎn)品價(jià)值最大化。

比如，在對視頻網(wǎng)站首頁進(jìn)行布局時(shí)，要考慮到各內(nèi)容模塊（一般會有電影、 電視劇、視頻等內(nèi)容模塊）的優(yōu)先級，這樣才有利于將網(wǎng)站的優(yōu)勢資源優(yōu)先推薦給用戶。

比如，注冊流程是要求用戶在一個(gè)界面內(nèi)一次性完成，還是在多個(gè)界面內(nèi)分步驟完成，判斷的依據(jù)應(yīng)該是哪種方案更有利于提升注冊用戶數(shù)。

另一方面，對各元素的交互設(shè)計(jì)要能夠使產(chǎn)品更易用。

比如，用戶的瀏覽習(xí)慣是從上到下、從左到右，因此，用戶最關(guān)注的信息應(yīng)盡量放在頁面頭部的左側(cè)。

總而言之，產(chǎn)品原型的交互設(shè)計(jì)既要有助于凸顯產(chǎn)品的價(jià)值，又要有助于提升產(chǎn)品的可用性。

3.產(chǎn)品原型不應(yīng)該有過多的視覺設(shè)計(jì)元素

最后，需要特別強(qiáng)調(diào)的是，產(chǎn)品原型不應(yīng)該有過多的視覺設(shè)計(jì)元素。

很多人為了讓產(chǎn)品原型更加美觀，或是更加接近最終的產(chǎn)品效果，喜歡在制作產(chǎn)品原型的同時(shí)進(jìn)行局部的視覺設(shè)計(jì)，比如，對界面進(jìn)行配色，添加裝飾性圖片。事實(shí)上，這些工作應(yīng)該是在產(chǎn)品原型確定之后，由視覺設(shè)計(jì)師在設(shè)計(jì)視覺DEMO的時(shí)候進(jìn)行的。

那么我們?yōu)槭裁匆獙a(chǎn)品原型和視覺DEMO這么嚴(yán)格地區(qū)別開來，而不在制作產(chǎn)品原型時(shí)完成部分的視覺設(shè)計(jì)工作呢？制作產(chǎn)品原型的目的是為了更加形象地表達(dá)產(chǎn)品需求，以方便產(chǎn)品需求的評估、確定工作。在這個(gè)環(huán)節(jié)，大家關(guān)注的焦點(diǎn)是“規(guī)劃的產(chǎn)品功能是否合理”，以及“產(chǎn)品功能的交互設(shè)計(jì)是否合理”，而不是“界面是否美觀，吸引人”。如果在產(chǎn)品原型中加入過多的視覺設(shè)計(jì)元素，那么往往會吸引大家去關(guān)注尚不成熟的視覺方案，而沒法將注意力完全集中在本應(yīng)重點(diǎn)討論的產(chǎn)品功能和交互方案上。

因此，產(chǎn)品原型應(yīng)該摒棄視覺元素，務(wù)求原汁原味地展示產(chǎn)品需求，重點(diǎn)體現(xiàn)產(chǎn)品的價(jià)值和可用性。