其實(shí)一直以來(lái)都納悶匆背，產(chǎn)品經(jīng)理要做原型圖呼伸，然后UI設(shè)計(jì)師要畫(huà)UI 圖，這兩個(gè)之間貌似有許多重復(fù)的地方钝尸，而且還是大多時(shí)候還是并行進(jìn)行括享，實(shí)在不知道二者之間的關(guān)系是什么，通過(guò)查閱資料珍促，做一下總結(jié)铃辖。
1、做原型是表達(dá)自己思路的一種方式猪叙，任何崗位都可以制作原型與其他崗位進(jìn)行工作上的溝通澳叉。當(dāng)然，各個(gè)崗位制作的原型的側(cè)重點(diǎn)是不一樣的沐悦。
2成洗、產(chǎn)品經(jīng)理和交互設(shè)計(jì)師所做的原型在銜接的地方難免有一些重復(fù)。但是交互設(shè)計(jì)師所負(fù)責(zé)的原型制作應(yīng)該更加精細(xì)藏否，更加全面瓶殃，更關(guān)注任務(wù)交流和操作這個(gè)層面。而產(chǎn)品經(jīng)理不需要制作出帶有豐富細(xì)節(jié)交互原型副签，產(chǎn)品經(jīng)理還是要把精力集中放在產(chǎn)品的核心上面遥椿。更簡(jiǎn)單的說(shuō)，產(chǎn)品經(jīng)理對(duì)待交互稿淆储，應(yīng)該是快冠场、草；快速模糊地把信息傳遞給交互設(shè)計(jì)師本砰，交互設(shè)計(jì)師根據(jù)模糊的概念形成細(xì)化的方案碴裙。這樣配合，效率很高喲~
3点额、在工作中舔株，會(huì)根據(jù)產(chǎn)品形態(tài)的不同，進(jìn)行合理分工还棱。一般來(lái)講载慈，PM主要負(fù)責(zé)用戶需求整理，規(guī)劃珍手，功能篩減办铡，商業(yè)模式辞做、運(yùn)營(yíng)模式探索，版本迭代時(shí)間規(guī)劃寡具，敏捷開(kāi)發(fā)功能點(diǎn)描述等凭豪；
如果是WEB端的產(chǎn)品，交互相關(guān)的東西會(huì)涉及的比較少晒杈，由于PM洞悉各個(gè)功能點(diǎn)，倘若對(duì)原型設(shè)計(jì)較為精通孔厉，那么由PM親自操刀出來(lái)的原型拯钻，既有利于開(kāi)發(fā)人員了解功能點(diǎn)，又能減少與交互設(shè)計(jì)師溝通的時(shí)間撰豺，如此可以大大提升工作效率粪般。
如果是移動(dòng)端的產(chǎn)品，交互相關(guān)的東西會(huì)涉及的比較多污桦，由于PM需要規(guī)劃每個(gè)功能點(diǎn)亩歹，倘若操刀交互細(xì)節(jié)，將會(huì)非常費(fèi)力凡橱，這個(gè)時(shí)候可以考慮將交互的細(xì)節(jié)分給交互設(shè)計(jì)師來(lái)做小作，自己全心全意規(guī)劃功能，此為上策稼钩。雖然花費(fèi)了一些溝通成本顾稀，但優(yōu)化后的交互細(xì)節(jié)，在用戶體驗(yàn)上會(huì)達(dá)到一個(gè)更加專(zhuān)業(yè)的程度坝撑。
綜上所述静秆，PM的demo和 Interaction designer的demo，最大的區(qū)別在于對(duì)交互細(xì)節(jié)的描述上巡李，亦需根據(jù)產(chǎn)品的交互復(fù)雜度來(lái)定抚笔。
題外話：作為PM，需要不斷提升自己的能力侨拦，不管是交互還是技術(shù)甚至是UI審美方面殊橙，都要保持進(jìn)步，這樣才能應(yīng)對(duì)更多的復(fù)雜急性事件狱从。
4蛀柴、a. 產(chǎn)品經(jīng)理的原型
梳理出所有的產(chǎn)品功能以及流程邏輯，比如使用axure的站點(diǎn)地圖這種樹(shù)狀分支的表達(dá)要清晰完整矫夯。
每個(gè)功能頁(yè)面鸽疾，上需要哪些功能和數(shù)據(jù)需要呈獻(xiàn)，要表達(dá)出來(lái)训貌。
一定要在最短的時(shí)間內(nèi)制作出人能看懂的原型制肮，反復(fù)討論冒窍，反復(fù)修改，留給設(shè)計(jì)師足夠的時(shí)間豺鼻。一定不要糾結(jié)畫(huà)的好不好看综液，這一點(diǎn)也不重要，快速是第一位的儒飒。甚至功能好不好用可能都不重要谬莹，表現(xiàn)出來(lái)我們有什么，可以做什么就夠了桩了。
b.交互設(shè)計(jì)師的原型
拿到產(chǎn)品經(jīng)理的原型附帽，協(xié)助細(xì)化功能點(diǎn)，考慮交互邏輯是否成立井誉。對(duì)整個(gè)產(chǎn)品的交互邏輯要表現(xiàn)清楚蕉扮，比如提交數(shù)據(jù)按鈕需要呈現(xiàn)加載狀態(tài)，創(chuàng)建新數(shù)據(jù)表單颗圣，在哪個(gè)地方使用彈窗喳钟，哪個(gè)地方使用頁(yè)面，空白數(shù)據(jù)頁(yè)面使用表情還是添加新數(shù)據(jù)引導(dǎo)呢在岂？給UI設(shè)計(jì)師提供UI設(shè)計(jì)思路奔则。
說(shuō)白了都是考慮每個(gè)功能用戶怎么用的更爽。
5蔽午、交互設(shè)計(jì)師应狱，交互；ui祠丝，視覺(jué)設(shè)計(jì)疾呻。
6、干了五年產(chǎn)品經(jīng)理写半，原型切身體會(huì)是岸蜗，原型這個(gè)東西，一旦你畫(huà)了叠蝇，就根本停不下來(lái)璃岳！最初只是想畫(huà)個(gè)草圖，但唯恐哪里沒(méi)表達(dá)清楚悔捶，不斷在里面搞設(shè)計(jì)铃慷，簡(jiǎn)直就是個(gè)坑！這浪費(fèi)了多少白花花的時(shí)間巴筛谩犁柜！到頭來(lái)該想的沒(méi)想清楚該理的沒(méi)理順該做的沒(méi)做好可做可不做的模糊不清…
如果不畫(huà)原型，交互搞不懂產(chǎn)品堂淡，UI搞不懂交互馋缅，技術(shù)搞不懂UI背后的邏輯扒腕，領(lǐng)導(dǎo)看不到產(chǎn)品經(jīng)理的思路…那么問(wèn)題就來(lái)了！產(chǎn)品經(jīng)理該不該畫(huà)原型萤悴？
看工作環(huán)境瘾腰，有交互設(shè)計(jì)師在的情況下，別讓他不知道怎么干活（需求不清）也不知道還要不要干不干活（產(chǎn)品經(jīng)理亂入交互）覆履。
我現(xiàn)在是先跟交互設(shè)計(jì)師在紙上蹋盆、白板上充分討論交流，讓他明白產(chǎn)品和功能以及用戶需求硝全，接著討論大概的交互怎么做栖雾，交互設(shè)計(jì)師下去用工具（推薦sketch，沒(méi)有集是設(shè)計(jì)師就自己畫(huà)也挺快的）做像素級(jí)的線稿柳沙，我準(zhǔn)備背后的需求、流程拌倍、邏輯赂鲤，期間再碰N次。
他做完線稿圖柱恤，這一步非常重要数初！完成這一步三個(gè)人都可以開(kāi)工了，UI設(shè)計(jì)師可以拿這個(gè)去做界面設(shè)計(jì)梗顺，我和交互設(shè)計(jì)師可以分頭做原型了泡孩。
因?yàn)閟ketch做圖又快又美還是像素級(jí)，三人同時(shí)參考避免最終成果有偏差寺谤。所以我拿去套進(jìn)axure仑鸥，頁(yè)面配上功能說(shuō)明、規(guī)則邏輯变屁、流程圖等眼俊，生成產(chǎn)品經(jīng)理版交互原型，用來(lái)匯報(bào)領(lǐng)導(dǎo)粟关、溝通協(xié)調(diào)疮胖、需求評(píng)審與講解、與技術(shù)進(jìn)行項(xiàng)目開(kāi)發(fā)計(jì)劃評(píng)審評(píng)估工期等闷板。
他繼續(xù)把線稿圖用axure做完全部交互細(xì)節(jié)設(shè)計(jì)澎灸，期間與我反復(fù)溝通確認(rèn)，最后生成交互設(shè)計(jì)原型遮晚。
差不多這個(gè)時(shí)候開(kāi)發(fā)計(jì)劃出來(lái)的時(shí)候性昭，交互設(shè)計(jì)原型已經(jīng)完工了，UI主界面也差不多了县遣，技術(shù)可以直接開(kāi)搞不耽誤巩梢！
最重要的還是每個(gè)環(huán)節(jié)的人都對(duì)要做的東西認(rèn)知基本一致创泄，因?yàn)榍捌诘姆磸?fù)討論和溝通，以及相差不遠(yuǎn)的線稿圖做各自工作的參考依據(jù)括蝠。
基本上一個(gè)好的交互設(shè)計(jì)可以解放產(chǎn)品經(jīng)理做更多有利于產(chǎn)品的事情而不是被很多具體的細(xì)節(jié)套死鞠抑。也就是腦子空出來(lái)了，可以多想多學(xué)多提升忌警，產(chǎn)品or自己搁拙。
至于什么低保真高保真，我能說(shuō)句去尼瑪?shù)谋Ｕ婷矗?br> 太土了法绵！低保真費(fèi)時(shí)間還得討論一次更新一版箕速，還不如手繪+討論現(xiàn)場(chǎng)get來(lái)得簡(jiǎn)單粗暴有效！
高保真泥煤的不就是UI設(shè)計(jì)效果圖了么朋譬，都到這一步了保真泥煤啊直接切圖搞開(kāi)發(fā)不好嗎盐茎？
原型設(shè)計(jì)可以清楚明了講需求，所以產(chǎn)品經(jīng)理要用徙赢！可以動(dòng)起來(lái)的原型設(shè)計(jì)必須是深思熟慮過(guò)的交互字柠，提升產(chǎn)品用戶體驗(yàn)幾個(gè)檔次！
7狡赐、PM和交互設(shè)計(jì)師兩者怎么配合窑业，工作才不會(huì)重復(fù)，發(fā)揮最佳效果枕屉？
PM整理思維腦圖常柄，頭腦風(fēng)暴之后，優(yōu)化思維腦圖搀擂，然后出草圖西潘，你可以用Axure或者visio甚至騰訊出的UI disigner或者最近比較流行的Fluid UI（APP設(shè)計(jì)工具）來(lái)畫(huà)草圖，也可以稱之為低保真原型圖哨颂，在這個(gè)低保真原型圖中秸架，你需要一一羅列功能點(diǎn)，交互細(xì)節(jié)大可不必提及咆蒿，完成后主動(dòng)找交互設(shè)計(jì)師進(jìn)行溝通交流东抹，要耐心的將各個(gè)功能點(diǎn)向交互設(shè)計(jì)師描述清楚。交互設(shè)計(jì)師了解到這些功能點(diǎn)之后沃测，會(huì)根據(jù)自己專(zhuān)業(yè)能力的感知缭黔，來(lái)進(jìn)行高保真原型設(shè)計(jì)。我一直認(rèn)為蒂破，交互設(shè)計(jì)師應(yīng)該精通Axure馏谨，甚至應(yīng)該具備非常高的文字描述能力，因?yàn)樽鳛镻M附迷，我覺(jué)得交互設(shè)計(jì)師惧互、前端設(shè)計(jì)師就是靈魂鑄造師哎媚。高保真原型出來(lái)之后，PM應(yīng)主動(dòng)與交互設(shè)計(jì)師溝通喊儡，看看是否有需要修改的地方拨与，兩個(gè)人需要在靈魂層面達(dá)到二合一的境界，對(duì)功能的理解一定不能有出入艾猜，一些功能細(xì)節(jié)买喧，PM應(yīng)該把關(guān)，某些交互細(xì)節(jié)匆赃，應(yīng)該提出自己的意見(jiàn)淤毛，換位思考，理解交互的設(shè)計(jì)含義算柳。耐心與責(zé)任心在這個(gè)時(shí)候顯得尤為重要低淡。統(tǒng)一方案后，就可以提交UI進(jìn)行設(shè)計(jì)了瞬项。之后就是前端工程師的靜態(tài)頁(yè)面設(shè)計(jì)蔗蹋，程序員的技術(shù)實(shí)現(xiàn)，TEST了滥壕。整個(gè)過(guò)程中纸颜，PM的溝通能力得到了最大程度的提現(xiàn)兽泣。所有的這些绎橘，都基于你對(duì)產(chǎn)品的熱情程度，因?yàn)橹挥袩崆檫刖耄拍茏屇愠掷m(xù)不斷的保持上文提到的那些能力称鳞。