2.6 誰來制作高保真原型

產(chǎn)品經(jīng)理和設(shè)計(jì)師是高保真原型的制作者。產(chǎn)品經(jīng)理負(fù)責(zé)收集各方面的需求，在平衡各種需求、行業(yè)趨勢和公司實(shí)力后，確定最值得開發(fā)的產(chǎn)品的功能。設(shè)計(jì)師按照這個(gè)功能的規(guī)劃，制作視覺體現(xiàn)，然后產(chǎn)品經(jīng)理和設(shè)計(jì)師一起，將功能點(diǎn)，設(shè)計(jì)圖和交互流程一起合并為高保真原型。但是，如果產(chǎn)品經(jīng)理和設(shè)計(jì)師都對網(wǎng)頁的基本技術(shù)，比如HTML一無所知，那么這個(gè)時(shí)候最好有一個(gè)懂得網(wǎng)頁前端開發(fā)的工程師加入到制作高保真原型的隊(duì)伍里面來。因?yàn)檫@個(gè)東西實(shí)在太重要了，是整個(gè)項(xiàng)目的靈魂。如果有一個(gè)人對高保真原型最終負(fù)責(zé)的話，那么應(yīng)該是產(chǎn)品經(jīng)理。讀了本書之后，產(chǎn)品經(jīng)理、設(shè)計(jì)師或者網(wǎng)頁開發(fā)者，都可以很輕松地學(xué)習(xí)如何制作高保真原型。

產(chǎn)品經(jīng)理一般在完成需求收集之后，就可以開始原型的制作了。這個(gè)階段還不是高保真原型的制作，而是產(chǎn)品經(jīng)理要先完成線框圖的制作，也就是用Axure RP制作一個(gè)大概的頁面框架。框架要說明都包含哪些頁面，頁面包含哪些模塊，這些模塊的布局是什么樣子的，就可以了。產(chǎn)品經(jīng)理要保證的，就是需求收集里面的所有的問題，都可以被這些頁面和模塊所解決。也就是說，完成線框圖就是確認(rèn)了需求。在確認(rèn)需求的時(shí)候，我們就可以拋棄PRD，而使用線框圖來進(jìn)行評估和確認(rèn)。可視化的線框圖要比文字生動得多的多。

接著，線框圖被確認(rèn)后，設(shè)計(jì)師開始介入。在線框圖的基礎(chǔ)上進(jìn)行最終頁面效果的設(shè)計(jì)。比如添加圖片、顏色、精細(xì)化布局、邊框、半透明效果、漸變、創(chuàng)意、Logo、交互設(shè)計(jì)等。完成之后，由產(chǎn)品經(jīng)理在PSD的基礎(chǔ)上，制作高保真線框圖。產(chǎn)品經(jīng)理需要把設(shè)計(jì)師完成的整體的PSD另存為一系列小的JPG、PNG或者GIF圖片，例如Logo部分，背景部分，部件的背景部分，按鈕，等等。然后一個(gè)一個(gè)地添加到Axure RP中，替換原來線框圖中相應(yīng)部分的內(nèi)容。最后，產(chǎn)品經(jīng)理添加互動事件，讓頁面成為可以動起來的高保真原型。

然后，產(chǎn)品經(jīng)理和設(shè)計(jì)師一起，就可以開始設(shè)計(jì)確認(rèn)的部分了。這個(gè)時(shí)候確認(rèn)的基礎(chǔ)是高保真原型圖，而不是PSD和JPG圖片。確認(rèn)的是整個(gè)網(wǎng)站，一個(gè)包括了所有的需求，視覺元素和互動的網(wǎng)站。一旦這個(gè)高保真原型被確認(rèn)了，那么它就可以暫時(shí)代替真實(shí)的網(wǎng)站，出現(xiàn)在各個(gè)地方：市場和商務(wù)人員可以以此為基礎(chǔ)討論品牌和推廣的事宜，測試人員可以以此為基礎(chǔ)開始測試用例的書寫，也可以聘請一些用戶來使用高保真原型做目標(biāo)用戶測試，工程師可以開始琢磨編寫代碼，考慮技術(shù)架構(gòu)，客服人員也可以開始熟悉流程和書寫幫助文檔，老板們可以開始拿著高保真原型接觸更多的投資者和同行。所有的一切都被提前了至少三四個(gè)月。大家不用再眼巴巴地等著工程師把頁面做出來，然后才一下子悲喜交加。從高保真線框圖開始，真正的網(wǎng)站之旅就開始了。

大家可能覺得在這個(gè)階段，其實(shí)網(wǎng)站還是已經(jīng)設(shè)計(jì)出來了啊。設(shè)計(jì)師的工作并沒有減少。是的，設(shè)計(jì)師的設(shè)計(jì)工作也許沒有減少很多，甚至因?yàn)橹谱鞲弑Ｕ嬖蛨D還增加了一些。但是高保真原型圖能夠極大地方便項(xiàng)目接下來的運(yùn)作和項(xiàng)目推進(jìn)的速度，對于整個(gè)項(xiàng)目來說，效率的提高是非常明顯的，消除了可能未來大量返工而給項(xiàng)目帶來的不確定性。一旦設(shè)計(jì)師完成了主要頁面元素的設(shè)計(jì)，那么其實(shí)有很多頁面就可以不用再設(shè)計(jì)了，在Axure RP中就可以“拼”出來，我們之后會接觸到。

對于產(chǎn)品經(jīng)理的角色，我想強(qiáng)調(diào)一下，這個(gè)角色實(shí)在太重要了。如果項(xiàng)目是一個(gè)車輪的話，產(chǎn)品經(jīng)理就是車輪中間的軸。他讓一切資源轉(zhuǎn)動起來。倒霉的是，產(chǎn)品經(jīng)理這個(gè)職位沒有什么實(shí)權(quán)。產(chǎn)品經(jīng)理經(jīng)常是匯報(bào)給產(chǎn)品總監(jiān)的，工程師是匯報(bào)給技術(shù)總監(jiān)的，市場人員是匯報(bào)給市場總監(jiān)的。所以說，產(chǎn)品經(jīng)理管理的是一個(gè)虛擬的團(tuán)隊(duì)，管事不管人。產(chǎn)品是不是好，是不是能按時(shí)推向市場，產(chǎn)品經(jīng)理要承擔(dān)非常大的壓力。進(jìn)度有問題需要協(xié)調(diào)，資源不到位需要爭取，團(tuán)隊(duì)有矛盾需要勸解，功能有缺陷需要解釋，要勸說老板放棄靈機(jī)一動的想法，要勸說工程師放棄最新的但是不穩(wěn)定的技術(shù)，要告訴測試人員沒有完美的產(chǎn)品，要跟市場人員協(xié)調(diào)時(shí)機(jī)，要告訴用戶產(chǎn)品好在哪里，一旦有投訴要應(yīng)付客服人員的狂轟亂炸，還要應(yīng)付決策者隨時(shí)隨地的問詢，只要有人加班，產(chǎn)品經(jīng)理就要加班，而且一個(gè)產(chǎn)品經(jīng)理的繼任者很容易繼承前任的好產(chǎn)品，而把壞產(chǎn)品的責(zé)任推個(gè)一干二凈。其實(shí)產(chǎn)品經(jīng)理們不用郁悶，另外一個(gè)沒有實(shí)權(quán)而什么都管的人，就是美國總統(tǒng)。他有一個(gè)難兄，叫作聯(lián)合國秘書長。

產(chǎn)品經(jīng)理的工作是多，然而學(xué)習(xí)的東西也多。在一個(gè)大公司里面，很少有一個(gè)角色能夠像產(chǎn)品經(jīng)理一樣接觸到方方面面的人，了解各種人的需求、抱怨、底線、博弈。產(chǎn)品經(jīng)理是站在風(fēng)口浪尖上的人物，辛苦是一定的，學(xué)到的東西也是最多的。所以，天下沒有免費(fèi)的午餐，有得就有失。記住一點(diǎn)，如果你是一個(gè)會做高保真原型的產(chǎn)品經(jīng)理，你的仕途一定比其他人順利得多。能干活的產(chǎn)品經(jīng)理很多，但是能把話說清楚的還依然是鳳毛麟角。

至于另外一個(gè)“產(chǎn)品經(jīng)理是否一定要懂技術(shù)”的問題。我這么類比一下吧。做財(cái)經(jīng)頻道主持人一定要懂財(cái)經(jīng)嗎？指揮打仗一定要會用槍嗎？踢足球一定要身體特別強(qiáng)壯嗎？都不一定，但是如果你懂財(cái)經(jīng)，如果你會用槍，如果你身體強(qiáng)壯，那么你就會做的比別人好。明白了嗎？