Prototype原型制作是用戶體驗設(shè)計師的常見職責(zé)之一，從Axure到現(xiàn)在百花齊放的各種設(shè)計工具，可交互動態(tài)原型制作技能受到設(shè)計師群體的關(guān)注程度不能說低。不過我今天的文章無意探討各種工具的學(xué)習(xí)與使用，更想聊聊制作原型的最終目標(biāo)和價值，也就是標(biāo)題所說的——快速驗證與有效溝通。

為什么制作原型？

作為目標(biāo)導(dǎo)向的設(shè)計師，我們在接到需求設(shè)計產(chǎn)品之前，都會習(xí)慣性地問一句：“做這個設(shè)計的目標(biāo)是什么？要解決什么樣的問題？”，清楚產(chǎn)品設(shè)計目標(biāo)之后再開展具體的設(shè)計工作。應(yīng)用到原型制作上也是同理，我們必須思考清楚：為什么要做原型而不是全部使用靜態(tài)設(shè)計稿？為什么設(shè)計師要做原型？做原型能解決什么問題？

原型相比靜態(tài)設(shè)計稿最大的優(yōu)勢，在于它可以模擬實際的交互與動態(tài)過渡效果，在使用體驗上更接近真實的產(chǎn)品。通過對交互與動效的還原，可以發(fā)現(xiàn)一些在靜態(tài)設(shè)計稿上不容易看出來的問題，更好地驗證設(shè)計方案的合理性。

制作完原型后，設(shè)計師除了可以用來自審方案，也可以很方便地拿給部門、項目組、產(chǎn)品目標(biāo)用戶去使用，調(diào)研他們的使用反饋，發(fā)現(xiàn)自己沒有意識到的問題，遇到問題后修改原型重新驗證也很快速方便。而如果用靜態(tài)設(shè)計稿去驗證，往往需要描述一堆點擊跳轉(zhuǎn)之類的流程，設(shè)計師解釋得累，用戶理解得也累，還容易被設(shè)計師的思路帶著走，導(dǎo)致真正的問題被掩蓋。

原型制作基本不需要什么代碼基礎(chǔ)，稍微熟悉工具后就能在短短的時間內(nèi)模擬得接近真實產(chǎn)品，如果需要同時產(chǎn)出多個方案對比也不會占用過多的時間精力。雖然在有些團隊里，原型制作主要由工程師用代碼實現(xiàn)，離最終上線的版本差異較小，但是這樣做的成本較高，一旦有修改無論大小都需要設(shè)計師和工程師溝通，而當(dāng)設(shè)計師在多種方案中舉棋不定的時候，讓工程師同時產(chǎn)出多個版本的原型顯然也不大現(xiàn)實。如果由設(shè)計師去完成這一環(huán)，則可以更好地提升工作效率，也讓工程師將精力放到更有意義的事情上去。

短期內(nèi)低成本快速多次驗證設(shè)計方案，發(fā)現(xiàn)更多接近真實使用場景下的問題，是原型這一工具的獨特優(yōu)勢，也是我們制作原型最終要解決的重要問題之一。

制作原型給誰看？

除了目標(biāo)導(dǎo)向，用戶中心也是我們設(shè)計師常掛在嘴邊的一句話，這句話在制作原型的時候同樣應(yīng)該思考。我們的原型拿給誰用？他們的需求和痛點是什么？

原型一方面如前文所說，可以拿給部門里其他設(shè)計師、項目組里其他成員、以及條件允許下真實的產(chǎn)品目標(biāo)用戶使用，獲取他們的反饋與建議，進而改進設(shè)計方案，在這個角度上，需要模擬還原真實的體驗，原型盡可能接近高保真，就算是交互稿也不能粗糙敷衍，而應(yīng)對文案、布局等精致考究。

原型的另一個重要價值，就是和前端工程師溝通。工程師作為原型的重要目標(biāo)用戶，他們并不會太關(guān)心你的原型有多精美和炫目，而更關(guān)注用代碼實現(xiàn)效果的可行性與成本，在各種原型工具動效工具亂花漸欲迷人眼的今天，我覺得這一點是選擇工具的一個重要參考。

可行性上，我仍習(xí)慣用Axure來制作各種交互與動效，用Axure做出來的效果也許不夠酷炫和強大，但基本沒有什么實現(xiàn)上的問題。而之前組內(nèi)邀請了前端的同學(xué)來做分享時，對方提到我們能用Hype3做出來的效果，前端就一定能實現(xiàn)，這也讓我對這個新工具產(chǎn)生了興趣，學(xué)習(xí)計劃醞釀中。

其實設(shè)計因為技術(shù)上完全實現(xiàn)不了而被斃的情況很少很少，被否決的原因更多是成本過高。而如果我們選擇一些可以輸出代碼讓前端復(fù)用的工具，則可以降低不少成本，推動設(shè)計方案的實現(xiàn)。我在校的時候喜歡用Dreamweaver直接做原型（雖然這是一個很多專業(yè)前端們看不起的工具），后來也研究過一段時間的Android Studio，不過很慚愧目前對于技術(shù)仍然是蜻蜓點水的純小白認知階段，一段時間不用后就忘得差不多了。不過現(xiàn)在的各種原型工具越來越強大，如Quartz Composer等可以直接輸出讓工程師復(fù)用的代碼，而設(shè)計師本人并不需要寫程序，這樣的工具也值得設(shè)計師花時間去研究。

不要沉迷于炫技

過去我把自己用Axure制作的原型拿給別人演示的時候，常常得到“酷炫！”“這是怎么做的？”之類的回答，但我實際上卻很少花時間專門研究原型制作的技巧，更喜歡等項目有需求了，然后Google一下，自己再摸索搗鼓兩下，幾小時就get了一項新效果的制作竅門。（不過我覺得我算有種快速學(xué)習(xí)的能力吧=_.=不建議所有人都這么模仿）

我覺得原型其實也可以看成是一種MVP（最小化可行性產(chǎn)品），能達到驗證和溝通的效果就好，而不應(yīng)投入太多的時間成本去鉆研。有些溝通能力很強的設(shè)計師，可能三言兩語比劃一下別人就明白了，我這種比較笨嘴拙舌型的，就需要原型的一些輔助了，但原型本質(zhì)上只是一種溝通的工具，而不是用來炫耀自己的技巧，再炫酷的原型，不能落地成實際的產(chǎn)品也沒有什么意義。

如果你對原型也有些自己的想法，歡迎加我的個人公眾號akikodesign（鴻影的設(shè)計思考錄）一起交流！