如果你經(jīng)歷過在項(xiàng)目中后期推翻方案、修改設(shè)計(jì)、頻繁返工的痛苦，你一定會(huì)明白原型設(shè)計(jì)的重要性。多年產(chǎn)品職業(yè)生涯告訴我，每一個(gè)成功項(xiàng)目的背后，都離不開一個(gè)扎實(shí)的原型設(shè)計(jì)。
通過原型，我們可以盡早發(fā)現(xiàn)問題，節(jié)省時(shí)間和金錢，讓設(shè)計(jì)師和開發(fā)更輕松。接下來，我將從多年的實(shí)踐經(jīng)驗(yàn)出發(fā)，分享一些關(guān)于原型設(shè)計(jì)的核心原則，希望能對(duì)你有所啟發(fā)。
以下是想要設(shè)計(jì)出一個(gè)優(yōu)秀原型的八大原則：
原則 2：明確原型設(shè)計(jì)的重點(diǎn)。
原則 3：選擇合適的原型設(shè)計(jì)工具。
原則 5：放輕松！第一個(gè)原型總是比較粗糙。
原則 6：多和設(shè)計(jì)師、開發(fā)交流
設(shè)計(jì)并不是單向的輸出，而是與用戶的對(duì)話。原型設(shè)計(jì)的起點(diǎn)就是深入了解目標(biāo)用戶，挖掘他們的需求、痛點(diǎn)、行為模式和使用場(chǎng)景。只有這樣，當(dāng)產(chǎn)品創(chuàng)意通過原型呈現(xiàn)出來，才能夠真正解決用戶的問題。
這就要求我們?cè)谶M(jìn)行原型設(shè)計(jì)時(shí)要做到：
1）做好用戶研究，包括問卷訪談、調(diào)查等各種方式，以收集用戶數(shù)據(jù)。
2）從用戶的角度出發(fā)，思考他們?nèi)绾闻c產(chǎn)品互動(dòng)。
3）設(shè)計(jì)原型時(shí)，確保它符合用戶的使用習(xí)慣。
可以說，原型設(shè)計(jì)的成功與否，很大程度上取決于我們對(duì)用戶理解的深度，因此在研究用戶方面，做多少工作都不為過。
在設(shè)計(jì)原型之前，首先要明確它的核心目標(biāo)：是簡(jiǎn)單繪制下線框，討論出產(chǎn)品大致框架？還是精細(xì)繪制出某個(gè)功能模塊的交互？亦或是做高保真原型，以便產(chǎn)品演示？
每一次畫原型都應(yīng)該聚焦于核心目標(biāo)，而不是試圖一次性解決所有問題。不要擔(dān)心一次原型無法涵蓋所有細(xì)節(jié)——產(chǎn)品設(shè)計(jì)是一個(gè)不斷迭代的過程，我們可以通過多個(gè)階段的原型逐步驗(yàn)證假設(shè)，先明確產(chǎn)品的核心框架與基礎(chǔ)功能，再逐步細(xì)化到實(shí)際體驗(yàn)和產(chǎn)品完成度。這樣，我們便能在每一次原型設(shè)計(jì)迭代中，對(duì)不同方面加以優(yōu)化完善，推動(dòng)原型逐步趨近于理想的產(chǎn)品形態(tài)。
想要高效地完成原型設(shè)計(jì)，選擇合適的工具至關(guān)重要。每種工具都有自己的特點(diǎn)，選擇時(shí)，首先要評(píng)估項(xiàng)目的需求和復(fù)雜度。如果處于早期概念驗(yàn)證階段，簡(jiǎn)單的繪圖工具或低保真原型工具足夠用了；而到了產(chǎn)品細(xì)化階段，建議使用交互功能強(qiáng)大、更專業(yè)的原型設(shè)計(jì)工具。以下是我都用過且體驗(yàn)不錯(cuò)的產(chǎn)品：
1）摹客RP - 在線快速原型設(shè)計(jì)
摹客RP有大量的預(yù)設(shè)組件、豐富的原型模板，拖曳即用，大大提高了工作效率。它的交互能力也很強(qiáng)大，是少有的能完美繼承Axure使用習(xí)慣和資源的原型設(shè)計(jì)工具。同時(shí)，它還支持強(qiáng)大的多人實(shí)時(shí)編輯能力，非常適合新手和對(duì)協(xié)作要求較高的團(tuán)隊(duì)。
2）Axure - 全面交互設(shè)計(jì)
使用地址：https://www.axure.com/
知名度最高的原型工具，優(yōu)點(diǎn)也確實(shí)突出，交互功能非常強(qiáng)大，擁有豐富的交互組件庫，幾乎能制作任何交互效果，完美模擬出真實(shí)的應(yīng)用場(chǎng)景和用戶操作體驗(yàn)。不過需要說明的是，Axure上手難度大，協(xié)作功能很弱，并且近年來產(chǎn)品迭代的速度已經(jīng)放緩，更推薦有復(fù)雜交互項(xiàng)目制作需求的團(tuán)隊(duì)使用。
3）Figma - 高保真原型設(shè)計(jì)
使用地址：https://www.figma.com/
在UI設(shè)計(jì)領(lǐng)域，F(xiàn)igma可謂大名鼎鼎，考慮到它在分享和協(xié)作上的優(yōu)勢(shì)，以及團(tuán)隊(duì)的設(shè)計(jì)師一般比產(chǎn)品經(jīng)理多，有部分產(chǎn)品經(jīng)理也直接用Figma繪制原型了。它的交互能力比較弱，更適合交互功能簡(jiǎn)單且需要高保真原型設(shè)計(jì)的團(tuán)隊(duì)。另外，F(xiàn)igma定價(jià)昂貴，更適合預(yù)算較高的團(tuán)隊(duì)使用。
原型設(shè)計(jì)中常見的顧慮之一，是擔(dān)心設(shè)計(jì)達(dá)不到我們腦海中的理想，容易陷入“還沒完成”的心態(tài)。其實(shí)，畫起來就好！不要過于執(zhí)著規(guī)劃“該做什么”，因?yàn)樵谠O(shè)計(jì)過程中，我們會(huì)遇到新的問題，而具象化的原型圖也會(huì)讓我們的思維更清楚。
在這個(gè)階段，通過設(shè)計(jì)倒逼思考，反倒是幫助我們深入思考產(chǎn)品的最佳途徑。
“文章的初稿，都是狗屎。”這是文學(xué)大家海明威說的，雖然看起來有點(diǎn)粗俗，但確實(shí)是他的經(jīng)驗(yàn)之談。
其實(shí)原型也一樣，第一個(gè)原型注定會(huì)有瑕疵，所以請(qǐng)放輕松。正因如此，我們才需要循序漸進(jìn)地去完善原型。最好從低保真線框圖開始，一步步迭代優(yōu)化，在這個(gè)過程中，越早失敗、反復(fù)嘗試，并迅速調(diào)整方向、減少資源投入，才是正確路徑，也是原型設(shè)計(jì)的意義所在。
有人說，新手產(chǎn)品經(jīng)理畫原型就是單純畫原型，而資深產(chǎn)品經(jīng)理畫原型前就擔(dān)心產(chǎn)品能不能實(shí)現(xiàn)了。原型設(shè)計(jì)不是屠龍，而是要開發(fā)出切實(shí)可用的產(chǎn)品。因此，產(chǎn)品經(jīng)理在進(jìn)行原型設(shè)計(jì)時(shí)，不應(yīng)該完全以自己的想法進(jìn)行設(shè)計(jì)。
我們需要和設(shè)計(jì)師、開發(fā)一起協(xié)作，最好在原型設(shè)計(jì)階段就確定好功能的可實(shí)現(xiàn)性，這樣做能大大規(guī)避后續(xù)流程中的反復(fù)與延誤，顯著提升團(tuán)隊(duì)的工作效率與產(chǎn)出質(zhì)量，為項(xiàng)目的順利推進(jìn)奠定堅(jiān)實(shí)基礎(chǔ)。
原型并非一次性產(chǎn)物，在設(shè)計(jì)時(shí)就要考慮后續(xù)的維護(hù)與更新。這就要求產(chǎn)品經(jīng)理畫原型時(shí)，一定要使用規(guī)范的命名、清晰的圖層管理以及合理的組件復(fù)用，讓原型在需求變更或功能拓展時(shí)更易于修改。
比如，當(dāng)項(xiàng)目中某個(gè)通用模塊的設(shè)計(jì)需要調(diào)整，如果之前構(gòu)建原型時(shí)做好了組件復(fù)用，只需修改對(duì)應(yīng)的組件，相關(guān)頁面組件就會(huì)一鍵同步更新，大大節(jié)省了時(shí)間與精力，原型就能靈活適應(yīng)項(xiàng)目發(fā)展的各種變化。
在原型設(shè)計(jì)的整個(gè)過程中，記錄復(fù)盤每一次收獲至關(guān)重要。比如：記錄好大家提出的各種備選方案、不同觀點(diǎn)，以及從中獲得的經(jīng)驗(yàn)和見解。
這個(gè)小小的習(xí)慣極有可能幫了你大忙，因?yàn)楫a(chǎn)品設(shè)計(jì)流程復(fù)雜且多變，你無法預(yù)知何時(shí)需要回溯之前被忽略的內(nèi)容。如果你做好了記錄，后面需要改變時(shí)，就能快速定位問題根源并進(jìn)行針對(duì)性迭代。
以上8條原則為原型設(shè)計(jì)提供了全面且實(shí)用的指導(dǎo)，有助于我們少走彎路。請(qǐng)記住，這8條原則并非孤立的存在，而是一個(gè)有機(jī)整體，我們?cè)趯?shí)際工作中，應(yīng)不斷嘗試與調(diào)整，將它們靈活融入到工作流程。只要認(rèn)真遵循了這些原則，離打造出一個(gè)成功的產(chǎn)品就不遠(yuǎn)啦！
作者：摹客設(shè)計(jì)云鏈接：https://www.zcool.com.cn/article/ZMTY0Nzk0MA==.html來源：站酷著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
