高保真原型應(yīng)保真到什么程度?

8 評論 122345 瀏覽 116 收藏 11 分鐘

阿拓帶你飛:最近設(shè)計師、產(chǎn)品經(jīng)理談到高保真原型,但是都沒有一個標(biāo)準(zhǔn)來確定應(yīng)保真到什么程度。首先應(yīng)該定義什么是高保真,其次考慮不同的交付對象,產(chǎn)品本身不同時期,不同環(huán)境下的高保真,最后各方工作習(xí)慣和討論根據(jù)該怎么做到高保真。以下是來自“知乎問答”整理的回答!

一:為什么要做高保真?

@March Liang,產(chǎn)品設(shè)計師

zuoyong

根據(jù)開發(fā)狀態(tài),做最高保真的原型。最終期望是能達(dá)到的就是和產(chǎn)品實際運行時一樣的狀態(tài)。

1. 高保真原型可以顯著降低溝通成本。

所有人只用看一個交付件,并且這個交付件可以反映最新的、最好的設(shè)計方案。產(chǎn)品的流程、邏輯、布局、視覺效果、操作狀態(tài)。也許制作高保真原型需要花費多一些設(shè)計的時間,但這是完全值得的,降低的溝通損耗,帶來順暢的開發(fā)制作流程是無以復(fù)加的。如果是遠(yuǎn)程配合的團隊,這個好處會加倍放大。設(shè)計師還是可以做很多效果圖,貼的滿墻都是,到處展示。產(chǎn)品經(jīng)理也可以盡可能詳細(xì)的列出流程圖,和人討論邏輯。但最終,請一起制作高保真原型,作為最終確定方案輸出。

2.高保真原型會最大的降低制作成本。

好的設(shè)計是不斷嘗試出來的。高保真原型可以在只投入少數(shù)開發(fā)力量的同時,就進(jìn)行各種測試。很多問題,要投入使用場景才能發(fā)現(xiàn)。高保真原型可以幫助開發(fā)者模擬大多數(shù)使用場景。如果等所有人努力都結(jié)束才看到成果,這真的太可怕了。盡早對自己產(chǎn)品進(jìn)行驗證,這個是敏捷開發(fā)的原則。產(chǎn)品的開發(fā)要分為一個迭代一個迭代的短期開發(fā),以一個一個小成果來持續(xù)驗證產(chǎn)品,就是為了避免風(fēng)險,然后持續(xù)改進(jìn)。

@朱晨,產(chǎn)品設(shè)計師

任何產(chǎn)出物都具備兩種作用。一種是創(chuàng)意發(fā)散階段,產(chǎn)出多個方向,供后面篩選;一種是交付階段,設(shè)計方案確定了,需要交付給下一階段。從節(jié)約資源的角度來考慮,高保真存在的前提是其依賴的前期元素都是確定的,這樣投放在后期的資源才不會因為前期根基的動搖而盡廢。

在創(chuàng)意發(fā)散階段,假設(shè)項目進(jìn)度已經(jīng)到了需要確定精確尺寸,顏色,風(fēng)格等后期元素的程度,設(shè)計師就應(yīng)以用戶需求場景、信息架構(gòu)、布局等為確定的基礎(chǔ)約束條件進(jìn)行發(fā)散,想出多種視覺設(shè)計方案填充到已有的低保真原型框架上,再按照一些客觀原則進(jìn)行收斂過濾,找出最合適的選項。但通常收斂這個階段會是產(chǎn)品大老板來拍板,雖然這并不應(yīng)該成為唯一的決策方式。

在交付階段,設(shè)計師應(yīng)該對高保真階段選定的設(shè)計方案中的元素進(jìn)行充分的描述,以便充分地傳達(dá)給下游的合作者。通常這些合作者是前段重構(gòu)。所以要用程序員最熟悉的語言來描述設(shè)計,比如以CSS的盒子模型的方式來標(biāo)注尺寸,以網(wǎng)頁色彩體系來標(biāo)注顏色。

二:什么是高保真?

@朱晨,產(chǎn)品設(shè)計師

baozhen

讓產(chǎn)品原型盡可能的高保真、華麗麗、無限逼近于完整產(chǎn)品是每個人都要的。但同時高保真也意味著大量的資源投入。如何在設(shè)計中既實現(xiàn)盡可能高的保真度,同時又避免資源浪費呢?這即需要我們對高保真的意義有清醒認(rèn)識,同時也需要吸取一些敏捷的思想。一個華麗麗的作品(不局限于互聯(lián)網(wǎng)產(chǎn)品)不可能一下子就從腦子里創(chuàng)意變成現(xiàn)實。它會被拆分成一系列相互依存的元素,整個組裝過程會先從最基本的元素開始,逐漸填充和豐富。高保真的高是以完整的、可為消費者服務(wù)的產(chǎn)品為標(biāo)準(zhǔn)的。產(chǎn)品的諸多元素,目標(biāo)用戶、用戶需求場景、信息架構(gòu)、布局、控件邏輯、尺寸、色調(diào)、紋理、風(fēng)格等等,被填充的越豐滿,對最終完整產(chǎn)品的“模擬”程度就越高。只要能讓這個半成品看起來更像是成品,就是高保真,怎么個像法,可以有很多選擇。所以,所謂的“高”保真可以是對外觀的高保真,也可以是對交互邏輯的高保真,或者對代碼性能、流量消耗的高保真。

@Qin Yu,交互設(shè)計師

高保真”并非一個既定的目標(biāo),高保真/低保真原型都是一種溝通的媒介,具體使用高保真或低保真取決于原型的目的(比如項目前期的方向探索、中期的細(xì)節(jié)討論或后期的交付)

高保真原型并不局限于界面,(至少)包括以下幾項:

1原型的概念或想法說明; 2詳細(xì)交互動作與流程;3各類后臺判定;4界面排版;5界面切換動態(tài);6異常流處理;要做到讓PM,RD,客戶能夠理解的程度。

@胡振宇

按照原型的保真性來劃分的話:

手繪靜態(tài)線框

Axure等軟件創(chuàng)建靜態(tài)線框

Axure等軟件創(chuàng)建靜態(tài)線框+PS出的實際UI效果圖

Axure等軟件創(chuàng)建帶交互效果的動態(tài)線框+PS的出實際UI效果圖

HTML+CSS+JS的實際html頁面

如果做對外項目,那么建議做到“Axure等軟件創(chuàng)建帶交互效果的動態(tài)線框+PS的出實際UI效果圖”。這樣的原型能作為項目的備底,未來和客戶有爭議的時候,拿來用。如果做內(nèi)部開發(fā)項目,只要對方能理解。保真度需要做多高?這個問題很難有準(zhǔn)確的結(jié)果,高保真原型主要是從兩個方面進(jìn)行研討:一是視覺效果,二是可用性,包括用戶體驗。其實只要能給予產(chǎn)品開發(fā)足夠的支持,就夠了。

@chrisyuan,騰訊交互設(shè)計

真正意義上的高保真原型我認(rèn)為應(yīng)該是產(chǎn)品邏輯、交互邏輯、視覺效果等等極度接近最終產(chǎn)品的形態(tài)。這樣不熟悉產(chǎn)品的人也能通過觀察、使用明白這個產(chǎn)品有什么用。

那是否由一個人來獨立完成這樣的高保真原型呢?或者說是否有一個大牛能獨立完整這樣的原型?應(yīng)該有,但是數(shù)量肯定有限。而大部分人都應(yīng)該是專精某一方面,所以才有了團隊的協(xié)作,通過集體努力打造一個成功的產(chǎn)品。對于互聯(lián)網(wǎng)產(chǎn)品團隊而言,基于瀑布流式的開發(fā)模式,產(chǎn)品經(jīng)理、交互設(shè)計師、視覺設(shè)計師、前端開發(fā)、后端開發(fā)等等角色重點關(guān)注的方向是不同的,每一個角色應(yīng)該在各自專注的領(lǐng)域做到盡量高保真。

產(chǎn)品經(jīng)理應(yīng)該保證產(chǎn)品策略和產(chǎn)品邏輯的高保真,然后交付給交互設(shè)計師,交互設(shè)計師應(yīng)努力保證交互邏輯,使用邏輯,信息結(jié)構(gòu)等等的高保真,再交付給視覺設(shè)計師。

三: 使用高保真原型的禁忌

@朱晨,產(chǎn)品設(shè)計師

jingji

高保真原型其實就是產(chǎn)品開發(fā)進(jìn)行到后期的半成品。從一個腦袋里的idea到像模像樣的半成品,是需要投注很多心血的。每艱難地前進(jìn)一步,都是以已有的步子為前提。

最大的禁忌就是老大說我只看高保真的漂漂亮亮的東西,然后指著高保真的設(shè)計說早期的哪些步子定的不對。這種決策方式是對資源極大的不尊重,一旦早期的東西被干倒,后面的功夫都白費。

第二個禁忌就是各合作方?jīng)]有把自己份內(nèi)的構(gòu)思充分夯實,就交付給下一步的合作者。夯實可以通過多從利益及決策相關(guān)人獲取反饋,也可以通過自己多加發(fā)散再嚴(yán)格收斂,但終究要保證交付給別人的東西是經(jīng)得起考驗的,靠譜的,不會輕易改變的。一旦別人以你的東西為參考投入更多精力去豐富了產(chǎn)品,卻被告知要返工,損失的資源和信任不止一點點。

第三個禁忌就是在向下一步合作方交付時傳達(dá)信息不充分。傳達(dá)信息可以靠更恰當(dāng)、充分的文字標(biāo)注,也可以靠面對面的交談探討,甚至還可以加上重復(fù)確認(rèn)。當(dāng)然,這是要消耗大量精力的,但這也是成為一個負(fù)責(zé)人的雇員應(yīng)有的盡責(zé)態(tài)度。

本文由人人都是產(chǎn)品經(jīng)理@阿拓整理自知乎問答,轉(zhuǎn)載請注明出處并保留本文鏈接。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 要給客戶看的時候,有時候需要高保真的原型

    來自北京 回復(fù)
  2. ? 看團隊了,開發(fā)如果懶的話,可能要求你搞出高保真當(dāng)靜態(tài)DEMO呢 ??

    來自廣東 回復(fù)
  3. 唉,如果跟技術(shù)get不到一起就郁悶了。不論怎么做,他們總是有一堆的各種奇葩問題。 ??

    來自上海 回復(fù)
  4. 還是應(yīng)該把鏈接什么的加好。否則其余人很難看得懂你原型的邏輯。

    來自北京 回復(fù)