當我們逐漸清晰了產(chǎn)品的需求后，并梳理了產(chǎn)品的各個頻道及頁面，那么這一步就要開始驗證這些想法的具體界面表現(xiàn)和方案的可行性了。

原型設(shè)計是幫助我們更細致的思考，并做各項需求的評估，同時也是將自己腦海里的想法進行輸出的一種方式。通過原型設(shè)計后，我們就可以進行產(chǎn)品宣講了，相比較于抽象的文字描述，原型則更加直觀的展現(xiàn)產(chǎn)品的需求，設(shè)計和技術(shù)人員或者老板也能夠更加直觀的了解到產(chǎn)品意圖。

原型設(shè)計是將結(jié)構(gòu)化的需求進行框架化，因此原型也被稱為線框圖，具體的表現(xiàn)手法有很多種，相關(guān)的輔助軟件也有很多，例如：Axure RP、Balsamiq Mockups、UIDesigner 等等。

當?shù)搅嗽驮O(shè)計這一步時，已經(jīng)不僅僅是構(gòu)思了，我們需要更加深入的了解每個頁面上的元素和這些元素的屬性。例如按鈕元素，我們就需要考慮這個按鈕的功能，并且這個功能操作后帶給后端和前端的反饋。例如注冊會員按鈕，用戶操作后，第一步邏輯是驗證用戶輸入的信息是否合法，不合法則給出前端反饋；合法則和后端通信驗證是否已經(jīng)存在同樣信息，已經(jīng)存在則給出前端反饋，不存在則進入下一步，注冊成功；注冊成功后的反饋是跳轉(zhuǎn)頁面，還是彈出層提示用戶完善資料，這些都是需要更詳情的考慮。當然這些更細致的思考是留在需求文檔撰寫時的，而此時我們需要做的就是把這些元素通過原型表現(xiàn)出來。

原型設(shè)計的表現(xiàn)手法主要有三種：手繪原型、灰模原型、交互原型。從工作效率的角度考慮，我非常建議先通過手繪的形式快速在草紙上繪制出產(chǎn)品的原型，推演和討論方案的可行性。當方案的可行性被驗證之后，我們再根據(jù)個人習(xí)慣或團隊要求，通過軟件工具進行更深入的設(shè)計。

手繪原型

因為原型也被稱為線框圖，因此手繪是最簡單直接的方法，也是最快速的表現(xiàn)產(chǎn)品輪廓的手法。

http://wiki.jikexueyuan.com/project/jie-chu-pm/images/ui-line-graph1.jpg" alt="手繪原型" />

手繪原型在初期驗證想法時非常高效，也方便討論和重構(gòu)，同時也適合敏捷開發(fā)時快速出原型。

灰模原型

灰模原型是由圖形設(shè)計軟件制作而成，最常用的軟件是 Photoshop 和 Fireworks ，相對手繪原型，灰模更加清晰和整潔，也適用于正式場合的PPT形式宣講。

http://wiki.jikexueyuan.com/project/jie-chu-pm/images/ui-line-graph2.jpg" alt="灰模原型" />

http://wiki.jikexueyuan.com/project/jie-chu-pm/images/ui-line-graph3.jpg" alt="灰模原型" />

灰模原型也可以稱之為平面原型，所以如果不會使用圖形軟件也可以使用 Axure RP 設(shè)計，相比交互原型，灰模原型只是缺少交互效果，僅僅是將產(chǎn)品需求以線框結(jié)構(gòu)的方式展示出來，讓產(chǎn)品需求更加規(guī)整的直觀展現(xiàn)。

http://wiki.jikexueyuan.com/project/jie-chu-pm/images/ui-line-graph4.jpg" alt="平面原型" />

交互原型

交互原型是使用原型設(shè)計軟件完成的原型，常用軟件是 Axure RP ，通常情況交互原型的設(shè)計要早于產(chǎn)品需求文檔，是產(chǎn)品經(jīng)理想法推演的重要一步。通過 Axure RP 之類的交互原型軟件制作出來的產(chǎn)品原型，在功能需求和交互需求的表現(xiàn)上，幾乎和正式產(chǎn)品是一致的，所以有時交互原型也被稱為產(chǎn)品 Demo 版。

通常情況下交互原型是產(chǎn)品經(jīng)理與交互設(shè)計師共同討論確定，然后由交互設(shè)計師制作，但是絕大多數(shù)的公司是沒有交互設(shè)計師這個職位的，因此這類工作最終是由產(chǎn)品經(jīng)理來負責(zé)的。

以上三種方法并不是漸進的流程，而是三種原型設(shè)計的方法，具體取決于你的產(chǎn)品需求和團隊要求。

對于產(chǎn)品經(jīng)理來說，原型設(shè)計是為了幫助我們細致的考慮方案，并論證方案的可行性，同時也是為了產(chǎn)品宣講時讓聽眾能夠清晰直觀的了解產(chǎn)品，避免抽象的語言描述導(dǎo)致聽眾理解困難和理解偏差。產(chǎn)品原型也是為了確保產(chǎn)品在執(zhí)行過程中，是按產(chǎn)品經(jīng)理最初設(shè)想的需求和期望完成的，因此產(chǎn)品經(jīng)理的原型是沒有很高的要求的，只要對方能夠聽懂看懂就可以了，所以使用手繪原型是最高效率的方法。