帶你梳理原型設(shè)計的優(yōu)勢和不足，不再盲目畫原型。現(xiàn)如今，幾乎沒有任何一家產(chǎn)品公司能夠完全不采用原型設(shè)計。原型設(shè)計的必要性已無可非議，如何充分利用原型設(shè)計的優(yōu)勢，才是我們應(yīng)該深思熟慮的問題。 一、原型設(shè)計的簡單回顧 首先，看一下基本的產(chǎn)品階段： 產(chǎn)品階段的流程，在很大程度上說明了原型設(shè)計在整個生產(chǎn)過程中的作用和地位。產(chǎn)品經(jīng)理在整理了足夠豐富的思路、數(shù)據(jù)、信息、需求、評估等相關(guān)信息后，往往會將這些抽象的思維以原型的方式具體呈現(xiàn)出來。
我們最常見的原型包括：
二、原型設(shè)計的優(yōu)勢
想要他人對你的原型設(shè)計為之驚嘆嗎？先了解原型設(shè)計的優(yōu)勢是很有必要的。
1、僅僅依靠靜態(tài)的高保真模型圖和線框圖，無法傳達(dá)充足的功能和交互效果。但原型設(shè)計可以實現(xiàn)動態(tài)交互，能更直觀的傳達(dá)產(chǎn)品功能和動畫。
2、與老板和用戶進(jìn)行有效溝通。他們了解您的設(shè)計越深入，你說服他們的幾率就越大。
3、更早地檢測錯誤，降低時間和金錢成本。相信我，你寧愿在原型設(shè)計階段發(fā)現(xiàn)100個錯誤，也不愿在開發(fā)階段發(fā)現(xiàn)1個錯誤讓你止步不前。
4、加強團(tuán)隊成員內(nèi)部的協(xié)作。
5、收集用戶反饋和進(jìn)行多重測試。
三、原型設(shè)計的不足
洞悉原型設(shè)計的缺點，可以最大限度避免陷入做原型設(shè)計不當(dāng)時的陷阱。
1、原型設(shè)計初期就一味追求做高保真原型
高保原型的組成：線框圖、交互設(shè)計、邏輯判斷以及UI。不難看出，高保真原型必將消耗設(shè)計師更多的時間和精力。然而，除去時間等成本，高保真原型還將大大限制后期UI的發(fā)揮。
2、原型設(shè)計演示錯誤，易導(dǎo)致設(shè)計想法的表述大打折扣
設(shè)計師100%的想法也許會因為不恰當(dāng)?shù)难菔舅p到50%。
3、用戶對原型和成品系統(tǒng)的誤解
用戶等非專業(yè)人員往往會有這樣誤解，尤其是針對高保真原型。會讓用戶產(chǎn)生這就是某個APP 的運作方式，被設(shè)計者的思維模式所牽引，難以提出有效反饋。
4、忽略可行性
很多邏輯和交互可能會在后期的開發(fā)階段不可實施。
四、如何充分利用原型設(shè)計的優(yōu)勢？
這里我使用一個實例來說明。首先，如下圖所示，看看這個原型是如何工作的：
Gogobot是一款旅游APP，共有28個互動頁面和28張圖片。我曾經(jīng)邀請過一些朋友來體驗這個原型，大多數(shù)人都誤以為他們正在使用一個真正的APP。現(xiàn)在，具體講解一下我如何在此原型設(shè)計中最大限度的發(fā)揮了原型設(shè)計的優(yōu)勢：
1、實用功能性和合理的交互
從頭開始吧，看一下Start Page，頁面下有3個按鈕，為用戶提供了三種方式進(jìn)入到Welcome Page。用戶可以自由選擇使用Facebook帳戶登錄，注冊一個新帳戶，或者只是作為訪客跳過注冊直接瀏覽。每個選項都鏈接到相應(yīng)的目標(biāo)頁面。
如果用戶對Gogobot感興趣并愿意注冊，只需點擊Sign Up按鈕，就可以到達(dá)注冊頁面。注冊頁面仍然為用戶提供了實際的選項。用戶可以填寫必要的信息來創(chuàng)建一個新的帳號，但也許該用戶意識到他已經(jīng)有了一個帳號，那么他就可以點擊已有賬戶按鈕在注冊頁面就能完成登錄，而不用先返回到登錄頁面再進(jìn)行登錄。這樣的設(shè)置是完全符合實用性的，并且用戶在體驗交互時不會有困擾。
2、與您的老板、用戶和團(tuán)隊成員即時有效溝通
3、避免高保真原型，采用統(tǒng)一風(fēng)格
看看Hotel頁面。它使用Scroll Box組件進(jìn)行水平滾動，并使用圖片組件作為占位符。這里是沒有必要選擇華麗的圖片告訴用戶這里表示的是一個酒店，但需要注意的是，保持整體的風(fēng)格一致。也就是說，在其他頁面上也無需使用高像素的圖片，使用圖片組占位即可。保持你的所有界面是一個整體。
4、做快速原型跟進(jìn)產(chǎn)品進(jìn)度
看看Profile頁面，它包含了超過15個圖標(biāo)和1個觸發(fā)交互。時間成本在原型設(shè)計上至關(guān)重要，如果沒有這15個圖標(biāo)可供選擇，你將花費更多的時間。這一點也是原型設(shè)計相較于手繪原型的優(yōu)勢，元素都是現(xiàn)成的，拖拽點擊比手繪更快更逼真。
5、獲取用戶反饋并進(jìn)行多重測試
這是一個充滿吸引力和挑戰(zhàn)性的需求。我迫切想要知道我的設(shè)計是否符合需求?？焖贉y試是我檢驗可行性問題的一大幫手。通過可用性測試，我可以知曉設(shè)計中的哪一部分存在錯誤，哪一部分產(chǎn)生不良用戶體驗，以及哪一部分需要改進(jìn)和反思。為產(chǎn)品策略的調(diào)整及時導(dǎo)航。
在線查看該原型：http://run.mockplus.cn/demo/index.html
小結(jié)：
好的原型設(shè)計可以說是產(chǎn)品成功的一半。充分發(fā)揮原型設(shè)計的優(yōu)勢，物盡其用，必將有助于創(chuàng)造出優(yōu)秀的產(chǎn)品。另外，我在這里展示的Gogobot是由原型工具M(jìn)ockplus制作的。
文/trista，微信號：Mockplus
愛盈利（aiyingli.com）移動互聯(lián)網(wǎng)最具影響力的盈利指導(dǎo)網(wǎng)站。定位于服務(wù)移動互聯(lián)網(wǎng)創(chuàng)業(yè)者，移動盈利指導(dǎo)。我們的目標(biāo)是讓盈利目標(biāo)清晰可見！降低門檻，讓缺乏經(jīng)驗、資金有限的個人和團(tuán)隊獲得經(jīng)驗和機會，提高熱情，激發(fā)產(chǎn)品。【轉(zhuǎn)載說明】 若上述素材出現(xiàn)侵權(quán)，請及時聯(lián)系我們刪除及進(jìn)行處理：[email protected]
