為什么需要高保真原型？

在文章開(kāi)始，我先說(shuō)一個(gè)真實(shí)的故事：

一家創(chuàng)業(yè)公司招聘了一個(gè)交互設(shè)計(jì)師，這個(gè)交互設(shè)計(jì)師的導(dǎo)師很牛逼（他自說(shuō)的）。

下面是交互設(shè)計(jì)師和程序猿討論交互原型的場(chǎng)景：

交互：看到左側(cè)的這個(gè)導(dǎo)航了嗎？想看哪里點(diǎn)哪里，多方便。

程序員：….

交互：看到這個(gè)banner了嗎？這個(gè)交互效果，你參考這個(gè)網(wǎng)站，網(wǎng)址是WWW……

程序員：……

交互：看到這個(gè)按鈕了嗎？鼠標(biāo)放上去變成藍(lán)色，這個(gè)效果我沒(méi)做。

程序員:……

交互:……

交互：你都明白了嗎？你臉上不太好，沒(méi)事吧？

程序猿：我沒(méi)事，你馬上就有事了。

后來(lái)，第二天已經(jīng)看不到交互的人了。

 

上面的例子有些夸張，但卻是一個(gè)真實(shí)存在的例子。有些產(chǎn)品經(jīng)理和交互設(shè)計(jì)師不愿在原型上多做效果，而是用說(shuō)明文檔來(lái)代替。閱讀幾十甚至一百多頁(yè)的文檔，對(duì)開(kāi)發(fā)、設(shè)計(jì)、市場(chǎng)來(lái)說(shuō)是一件極其痛苦的事情。與其花幾個(gè)星期攥寫長(zhǎng)篇的WORD文檔，難以閱讀，也無(wú)法測(cè)試，還不如與設(shè)計(jì)師們一起創(chuàng)建高保真的產(chǎn)品原型。

 

產(chǎn)品要不要原型？

?答案是肯定的。為什么呢？

?我們來(lái)看關(guān)于軟件產(chǎn)品的一幅漫畫，帶著問(wèn)題繼續(xù)。

每個(gè)人對(duì)需求的理解都不盡相同，一千個(gè)人眼中有一千個(gè)哈姆萊特。使用傳統(tǒng)的需求文檔，會(huì)讓不同的人對(duì)需求有不同的理解，給工作帶來(lái)非常大的變數(shù)。

 

那如何讓不同的人對(duì)與需求，有一個(gè)統(tǒng)一的認(rèn)識(shí)呢？

使用高保真原型文檔來(lái)說(shuō)明，無(wú)疑是一個(gè)非常明智的決定。

“高保真原型“的含義是原型應(yīng)該真實(shí)的體現(xiàn)用戶體驗(yàn)，它需體現(xiàn)產(chǎn)品的功能需求、信息架構(gòu)、導(dǎo)航結(jié)構(gòu)、用戶體驗(yàn)、交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)。

 

我認(rèn)為產(chǎn)品說(shuō)明文檔（產(chǎn)品需求文檔）的形式早已過(guò)時(shí)了，不單單使我這么認(rèn)為。

如今的產(chǎn)品說(shuō)明文檔包含的范圍很廣，名稱更是多種多樣，有產(chǎn)品需求文檔、市場(chǎng)需求文檔、需求說(shuō)明書、業(yè)務(wù)需求文檔、功能規(guī)格書等等。展現(xiàn)形式也是各不相同，有word文檔、電子表格、PPT文檔、PDF文檔、還有在線的需求管理工具生成的。這些文檔讓讀者頭痛不已。

 

那么，如果有這么一個(gè)文檔：

它能清楚的告訴你要做什么，做什么樣子；

它能完整的描述產(chǎn)品的用戶體驗(yàn)；

它能準(zhǔn)確的展示操作行為，還能模擬后臺(tái)數(shù)據(jù)交互動(dòng)作；

它能讓公司的團(tuán)隊(duì)成員都能更好的理解；

它可以更加容易的被修改；

它還能讓目標(biāo)用戶直接參與測(cè)試，告訴你，他們是否需要；

有這么一個(gè)文檔，你是不是覺(jué)得棒極了？

 

原型要選擇適合的工具

?紙、筆、尺子(紙面草圖、故事板)

?Visio、PowerPoint/Word繪圖、Axure繪圖……(示意圖)

?Photoshop、Illustrator、Sketch(Mac)……(可完成較為精細(xì)的示意圖)

?Axure、Flash、PowerPoint ……(簡(jiǎn)單的交互演示)

?Axure(含復(fù)雜邏輯、行為)、Flash(含Actions cript)、HTML5 ……(可完成較為復(fù)雜的交互演示)

?各平臺(tái)開(kāi)發(fā)工具，如Xcode、Eclipse、Visual Studio……(開(kāi)發(fā)實(shí)現(xiàn)演示系統(tǒng))

 

 

對(duì)于是使用高保真原型還是低保真原型的爭(zhēng)論？

這個(gè)爭(zhēng)論如今已經(jīng)沒(méi)有意義了。時(shí)代在進(jìn)步，我們也在進(jìn)步，故步自封只會(huì)慢慢消亡。使用高保真原型的成本已經(jīng)大大降低了，而通過(guò)高保真得到的反饋信息絕對(duì)遠(yuǎn)遠(yuǎn)超過(guò)設(shè)計(jì)高保真原型的成本。

 

更多更具體的好處

 

對(duì)于管理層

管理層更加支持你，因?yàn)橄蛲顿Y者、董事會(huì)成員和商業(yè)伙伴展示產(chǎn)品時(shí)，產(chǎn)品原型遠(yuǎn)比PPT來(lái)的更加有效。

 

對(duì)于產(chǎn)品經(jīng)理

需求具體化，幫助PD梳理邏輯、查漏補(bǔ)缺

快速且低成本地獲得反饋，在多種可能中對(duì)比試驗(yàn)

過(guò)去產(chǎn)品經(jīng)理經(jīng)常要求改變產(chǎn)品設(shè)計(jì)，是因?yàn)橐婚_(kāi)始構(gòu)思不全面、不徹底，而設(shè)計(jì)高仿真原型可以驗(yàn)證產(chǎn)品經(jīng)理的產(chǎn)品思路，改變這個(gè)壞毛病。

 

對(duì)于設(shè)計(jì)師

輕松修改或者放棄設(shè)計(jì)；

高保真原型是交互設(shè)計(jì)師和UI設(shè)計(jì)師通力合作的杰作。

 

對(duì)開(kāi)發(fā)人員

好的高仿真原型可以提高估算開(kāi)發(fā)成本和開(kāi)發(fā)時(shí)間的精準(zhǔn)度。

高仿真原型可以提前驗(yàn)證產(chǎn)品的正確性。在進(jìn)入開(kāi)發(fā)階段之前，請(qǐng)目標(biāo)用戶測(cè)試高保真原型，可以確保最終提交給開(kāi)發(fā)部門的產(chǎn)品設(shè)計(jì)是經(jīng)過(guò)目標(biāo)用戶驗(yàn)證的，確保產(chǎn)品設(shè)計(jì)是有價(jià)值的、可行的、可用的。這樣才能提高產(chǎn)品的成功率，同時(shí)節(jié)約開(kāi)發(fā)團(tuán)隊(duì)的時(shí)間成本和開(kāi)發(fā)成本，也讓boss對(duì)產(chǎn)品充滿信心。

如果你拿著一個(gè)高保真原型文檔給開(kāi)發(fā)人員，他們一定會(huì)對(duì)你視如珍寶。你要是女的，你就是他們的女神，絕不是心目中的。

 

對(duì)于測(cè)試人員

測(cè)試部門的工作也會(huì)變得容易，他們終于知道什么樣的測(cè)試結(jié)果是正常的。

 

對(duì)于市場(chǎng)部門、銷售部門、客服

可以更容易整理文案并讓他們理解情境；

他們也能提前了解產(chǎn)品，與客戶交流則更加自信。

 

對(duì)于公司

保證產(chǎn)品質(zhì)量——低成本篩選，優(yōu)化，用戶測(cè)試

工作量具體化——視覺(jué)設(shè)計(jì)、開(kāi)發(fā)、測(cè)試等環(huán)節(jié)評(píng)估工作量有據(jù)可依

幫助我們高效工作

使用高保真原型可以大大縮短產(chǎn)品上市的時(shí)間。因?yàn)榇蠖鄷?huì)影響產(chǎn)品上市的因素，都會(huì)在產(chǎn)品原型的時(shí)候被發(fā)現(xiàn)，在開(kāi)發(fā)階段之前被解決。

創(chuàng)業(yè)公司的首要任務(wù)應(yīng)該是確定開(kāi)發(fā)什么樣的產(chǎn)品，千萬(wàn)別在浪費(fèi)了100W刀之后才醒悟，已經(jīng)開(kāi)發(fā)了一個(gè)用戶不需要的產(chǎn)品。

 

快速驗(yàn)證的產(chǎn)品設(shè)計(jì)流程：

1.創(chuàng)建體現(xiàn)用戶體驗(yàn)的高保真原型；

2.邀請(qǐng)真實(shí)的目標(biāo)用戶驗(yàn)證產(chǎn)品原型；

 

采用高保真原型的優(yōu)勢(shì)在于：

1.可以快速通過(guò)市場(chǎng)檢驗(yàn)產(chǎn)品設(shè)計(jì)，通過(guò)原型充分和用戶交流，還可以盡早搜集各方意見(jiàn)建議進(jìn)行進(jìn)一步分析和產(chǎn)品設(shè)計(jì)，提高滿意度；

2.用鮮活的高保真原型替代死板的產(chǎn)品說(shuō)明文檔，作為開(kāi)發(fā)產(chǎn)品的基礎(chǔ)；

3.加深團(tuán)隊(duì)對(duì)產(chǎn)品需求和具體工作的理解；

4. 原型可以成為開(kāi)發(fā)團(tuán)隊(duì)的藍(lán)圖，開(kāi)發(fā)人員可以更直觀的更高效的領(lǐng)會(huì)產(chǎn)品設(shè)計(jì)和開(kāi)發(fā)要求，大大縮短開(kāi)發(fā)時(shí)間，節(jié)省后期開(kāi)發(fā)成本；

5.高保真原型具有超出想象的說(shuō)服力，不僅僅對(duì)boss有效；

 

注意事項(xiàng)：

1.告訴測(cè)試者：這只是產(chǎn)品原型，是產(chǎn)品創(chuàng)意，不是正式的產(chǎn)品；

2.保持平和情緒，不要陷入吹毛求疵的狀態(tài)；

3.Axure繪制的原型比紙面原型更好，紙質(zhì)原型和高保真原型各有用處；

4.原型并不是規(guī)格說(shuō)明，需要說(shuō)明的地方，還需要專業(yè)的說(shuō)明文檔；

5.原型中不可能包括所有答案，一個(gè)高保真原型解決不了所以的問(wèn)題；

6.高保真原型的制作需要管理層的支持和保護(hù)；

 

結(jié)語(yǔ)：

簡(jiǎn)單的產(chǎn)品可以不用過(guò)于精細(xì)的原型，但對(duì)于大多數(shù)界面比較復(fù)雜、技術(shù)比較新穎的產(chǎn)品來(lái)說(shuō)，采用高保真原型更容易進(jìn)行產(chǎn)品評(píng)估。

采用高保真原型是全體團(tuán)隊(duì)成員了解用戶需求和用戶體驗(yàn)的最有效的途徑。

良好的高保真原型（用戶體驗(yàn)）是交互設(shè)計(jì)師和UI設(shè)計(jì)師合作的結(jié)果，他們共同配合產(chǎn)品經(jīng)理完成產(chǎn)品設(shè)計(jì)。

 

高保真原型的優(yōu)點(diǎn)如此之多，我們?yōu)槭裁床蝗L試制作呢？

制作一個(gè)高保真原型可以幫助我們解決很多已經(jīng)存在的問(wèn)題。

在探索交互設(shè)計(jì)的道路上，我們還有很多問(wèn)題需要解決，任重而道遠(yuǎn)。

我相信：實(shí)踐才是檢驗(yàn)真理額唯一標(biāo)準(zhǔn)。許多的想法，需要我們實(shí)踐去證實(shí)。

注：樓主是軟件專業(yè)出身的，2011年畢業(yè)卻一直從事設(shè)計(jì)方面的工作，包括前端設(shè)計(jì)，flash設(shè)計(jì)，UI設(shè)計(jì)，交互設(shè)計(jì)，現(xiàn)如今負(fù)責(zé)產(chǎn)品設(shè)計(jì)工作。

對(duì)于高保真原型，可以獨(dú)立完成。但一個(gè)優(yōu)秀的高保真原型需產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、UI設(shè)計(jì)師共同協(xié)作完成。

下一篇文章，將介紹產(chǎn)品經(jīng)理、交互設(shè)計(jì)師（用戶體驗(yàn)設(shè)計(jì)師）、視覺(jué)設(shè)計(jì)師是如何合作完成高保真原型的。

各自負(fù)責(zé)什么工作，如何協(xié)作分工。