在現(xiàn)代企業(yè)中，尤其是互聯(lián)網(wǎng)企業(yè)，都希望產(chǎn)品能夠快速上線，因?yàn)闀r(shí)間就是金錢。如果開發(fā)出的產(chǎn)品，最終不滿足用戶需求，會(huì)大大浪費(fèi)大量的財(cái)力和人力，而創(chuàng)業(yè)公司很有可能走向消亡。如何在推向市場(chǎng)之前，快速驗(yàn)證產(chǎn)品？高保真原型無疑是很好的幫手。

在什么情況下會(huì)使用高保真原型？我們不妨多問幾個(gè)問題：

在什么情況下會(huì)使用高保真原型？我們不妨多問幾個(gè)問題：

1.如何準(zhǔn)確的向其他團(tuán)隊(duì)成員解釋你所做的產(chǎn)品？

靠開會(huì)看文檔嗎？

 

2.如何快速驗(yàn)證你的互聯(lián)網(wǎng)創(chuàng)意是否有價(jià)值？

等產(chǎn)品上線嗎？

 

3.如何向老板要資源，讓老板信心滿滿的給你資源？

靠PPT和忽悠嗎？

…

在這些時(shí)候，高保真是最有效和最直接的武器。試想一下，你發(fā)一個(gè)PPT或一個(gè)文檔或一個(gè)Email過去，遠(yuǎn)遠(yuǎn)不如一個(gè)能夠直接操作的原型有效果。

高保真的好處，我們會(huì)放在下一篇文章詳細(xì)的介紹。

什么是高保真原型？

高保真原型也就是所謂的線框圖、demo，原型，其主要用途是在正式設(shè)計(jì)開發(fā)之前，通過一個(gè)高仿真的效果來模擬最終產(chǎn)品的交互效果和視覺效果。

高保真原型可以高度接近真實(shí)產(chǎn)品，好的高保真原型可以無限接近真實(shí)產(chǎn)品。

一個(gè)高保真原型是利用原型設(shè)計(jì)工具（如：axure）做出來的交互原型和UI設(shè)計(jì)圖像相結(jié)合的一個(gè)可以和真實(shí)產(chǎn)品高度相似的原型DEMO。

更簡(jiǎn)單的解釋：高保真原型=線框圖+交互邏輯+UI。如下圖

看到上圖的朋友，也許會(huì)以為

這只是一個(gè)原型圖，沒錯(cuò)它真的只是原型圖，而且是可以交互的高保真原型圖。

有鏈接有真相：http://1apzuc.axshare.com/

查看密碼：123456.

未經(jīng)允許，不要轉(zhuǎn)發(fā)哦。

 

關(guān)于高保真原型的爭(zhēng)論

交互設(shè)計(jì)需要不需要設(shè)計(jì)高保真原型？

高保真原型在交互圈子里一直是備受爭(zhēng)議的，至今也沒有一個(gè)標(biāo)準(zhǔn)的結(jié)果。其實(shí)在爭(zhēng)論的時(shí)候，有一個(gè)前提，這個(gè)前提是你得會(huì)這些技能，不然你有什么話語權(quán)和會(huì)的人爭(zhēng)論呢？

相信很多UI設(shè)計(jì)師會(huì)跳出來說：“交互設(shè)計(jì)的這么詳細(xì)，UI設(shè)計(jì)師就沒法發(fā)揮了“。對(duì)于這個(gè)問題，其實(shí)我想說的是這個(gè)交互原型是交互和UI合作的結(jié)果，其實(shí)UI設(shè)計(jì)已經(jīng)投入到這個(gè)設(shè)計(jì)中去了。當(dāng)然對(duì)于一個(gè)要做UI和UE的雙重工作的人來說，他們公司已經(jīng)不需要UI了。

呵呵，扯的有點(diǎn)多了，說重點(diǎn)：到底要不要高保真的原型？

首先我們先看看高保真原型的好處

1.好看。

當(dāng)你和老板（客戶）談產(chǎn)品的時(shí)候，拿一個(gè)帶UI的原型給他們看，老板也會(huì)說：“哎呦，不錯(cuò)哦！“。

2.更酷。

一個(gè)可交互的帶UI的原型，給客戶和老板看的時(shí)候，讓他們?nèi)ゲ僮饕幌?，是不是可以更好的去體驗(yàn)這個(gè)產(chǎn)品。當(dāng)然他們更喜歡看圖片和操作，總比看文字要酷多了吧。

3.更省成本。

用戶在使用一個(gè)高度相似真實(shí)產(chǎn)品的時(shí)候，會(huì)提供很多有用的意見，用原型去驗(yàn)錯(cuò)，總比用成品去驗(yàn)錯(cuò)更加的節(jié)省時(shí)間和成本吧。

 

那我們看看高保真原型的缺點(diǎn)

1.減少了UI設(shè)計(jì)的創(chuàng)造性，當(dāng)然一起合作就不會(huì)存在這個(gè)問題。

2.增加設(shè)計(jì)的時(shí)間。如果多用一些時(shí)間去做交互設(shè)計(jì)，可以減少開發(fā)人員的返工次數(shù)，多用一兩個(gè)月的時(shí)間也是值得的。當(dāng)然用不了這么多時(shí)間。

 

其實(shí)我們可以看出高保真的原型肯定是優(yōu)點(diǎn)大于缺點(diǎn)的。

這就是為什么很多產(chǎn)品大牛經(jīng)常說，要做就做高保真的原型。

 

高保真原型也不是什么情況都要使用的

在項(xiàng)目比較急，出粗略的原型圖；

在有較多時(shí)間，盡量出高保真的原型；

在需要談項(xiàng)目的時(shí)候，出高保真原型，談成的幾率會(huì)大很多.

高保真原型的產(chǎn)出一般都有幾個(gè)步驟？

1. 低保真線框圖（在此之前，還有手繪線框圖）

   
   

手繪線框圖，能看懂就可以，不必太過認(rèn)真，此步要快。

axure繪制的線框圖

2.高保真原型圖（無交互）

首頁

詳情頁

3.高保真高交互原型

這一階段的原型，請(qǐng)盡量接近真實(shí)產(chǎn)品。

原型做的越真實(shí)，開發(fā)人員越好理解，開發(fā)加班少了，會(huì)感激你。

原型做的越真實(shí)，測(cè)試人員越容易測(cè)試，bug也會(huì)越少，測(cè)試也會(huì)感激你。

原型做的越真實(shí)，用戶的反饋也越準(zhǔn)確，產(chǎn)品經(jīng)理越容易獲取需求，產(chǎn)品也會(huì)感激你。

結(jié)語

說的多，不然做的多，那奉獻(xiàn)上我的一個(gè)業(yè)余作品。

下面是這個(gè)交互原型的鏈接：http://1apzuc.axshare.com/

查看密碼：123456.

因是國(guó)外的網(wǎng)站，打開比較慢，請(qǐng)多一些等待，給你不一樣的交互體驗(yàn)。

未經(jīng)允許，不要轉(zhuǎn)發(fā)哦。

我想很多讀者一定會(huì)有一個(gè)疑問，那就是高保真原型要做到什么樣的地步才能叫高保真原型？制作高仿真的原型也就意味著要花大量的時(shí)間和精力。樓主覺得應(yīng)該根據(jù)實(shí)際情況決定。

當(dāng)然高保真原型并不意味著大量的時(shí)間和精力，因?yàn)楦弑Ｕ嬖褪钱a(chǎn)品經(jīng)理、交互設(shè)計(jì)師、用戶體驗(yàn)設(shè)計(jì)師、UI設(shè)計(jì)師共同合作的結(jié)果，合作得當(dāng)，短時(shí)間也可以創(chuàng)作精美的高保真原型。詳細(xì)合作細(xì)節(jié)，我們?cè)诤笃榻B。

一些AXURE的學(xué)習(xí)案例已經(jīng)放在網(wǎng)上，點(diǎn)擊左下角的就可以下載嘍?。?！