高保真原型應(yīng)保真到什么程度?
阿拓帶你飛:最近設(shè)計(jì)師、產(chǎn)品經(jīng)理談到高保真原型,但是都沒有一個(gè)標(biāo)準(zhǔn)來確定應(yīng)保真到什么程度。首先應(yīng)該定義什么是高保真,其次考慮不同的交付對(duì)象,產(chǎn)品本身不同時(shí)期,不同環(huán)境下的高保真,最后各方工作習(xí)慣和討論根據(jù)該怎么做到高保真。以下是來自“知乎問答”整理的回答!
一:為什么要做高保真? 根據(jù)開發(fā)狀態(tài),做最高保真的原型。最終期望是能達(dá)到的就是和產(chǎn)品實(shí)際運(yùn)行時(shí)一樣的狀態(tài)。 1. 高保真原型可以顯著降低溝通成本。 所有人只用看一個(gè)交付件,并且這個(gè)交付件可以反映最新的、最好的設(shè)計(jì)方案。產(chǎn)品的流程、邏輯、布局、視覺效果、操作狀態(tài)。也許制作高保真原型需要花費(fèi)多一些設(shè)計(jì)的時(shí)間,但這是完全值得的,降低的溝通損耗,帶來順暢的開發(fā)制作流程是無以復(fù)加的。如果是遠(yuǎn)程配合的團(tuán)隊(duì),這個(gè)好處會(huì)加倍放大。設(shè)計(jì)師還是可以做很多效果圖,貼的滿墻都是,到處展示。產(chǎn)品經(jīng)理也可以盡可能詳細(xì)的列出流程圖,和人討論邏輯。但最終,請(qǐng)一起制作高保真原型,作為最終確定方案輸出。 2.高保真原型會(huì)最大的降低制作成本。 好的設(shè)計(jì)是不斷嘗試出來的。高保真原型可以在只投入少數(shù)開發(fā)力量的同時(shí),就進(jìn)行各種測(cè)試。很多問題,要投入使用場(chǎng)景才能發(fā)現(xiàn)。高保真原型可以幫助開發(fā)者模擬大多數(shù)使用場(chǎng)景。如果等所有人努力都結(jié)束才看到成果,這真的太可怕了。盡早對(duì)自己產(chǎn)品進(jìn)行驗(yàn)證,這個(gè)是敏捷開發(fā)的原則。產(chǎn)品的開發(fā)要分為一個(gè)迭代一個(gè)迭代的短期開發(fā),以一個(gè)一個(gè)小成果來持續(xù)驗(yàn)證產(chǎn)品,就是為了避免風(fēng)險(xiǎn),然后持續(xù)改進(jìn)。 任何產(chǎn)出物都具備兩種作用。一種是創(chuàng)意發(fā)散階段,產(chǎn)出多個(gè)方向,供后面篩選;一種是交付階段,設(shè)計(jì)方案確定了,需要交付給下一階段。從節(jié)約資源的角度來考慮,高保真存在的前提是其依賴的前期元素都是確定的,這樣投放在后期的資源才不會(huì)因?yàn)榍捌诟膭?dòng)搖而盡廢。 在創(chuàng)意發(fā)散階段,假設(shè)項(xiàng)目進(jìn)度已經(jīng)到了需要確定精確尺寸,顏色,風(fēng)格等后期元素的程度,設(shè)計(jì)師就應(yīng)以用戶需求場(chǎng)景、信息架構(gòu)、布局等為確定的基礎(chǔ)約束條件進(jìn)行發(fā)散,想出多種視覺設(shè)計(jì)方案填充到已有的低保真原型框架上,再按照一些客觀原則進(jìn)行收斂過濾,找出最合適的選項(xiàng)。但通常收斂這個(gè)階段會(huì)是產(chǎn)品大老板來拍板,雖然這并不應(yīng)該成為唯一的決策方式。 在交付階段,設(shè)計(jì)師應(yīng)該對(duì)高保真階段選定的設(shè)計(jì)方案中的元素進(jìn)行充分的描述,以便充分地傳達(dá)給下游的合作者。通常這些合作者是前段重構(gòu)。所以要用程序員最熟悉的語言來描述設(shè)計(jì),比如以CSS的盒子模型的方式來標(biāo)注尺寸,以網(wǎng)頁色彩體系來標(biāo)注顏色。 二:什么是高保真? 讓產(chǎn)品原型盡可能的高保真、華麗麗、無限逼近于完整產(chǎn)品是每個(gè)人都要的。但同時(shí)高保真也意味著大量的資源投入。如何在設(shè)計(jì)中既實(shí)現(xiàn)盡可能高的保真度,同時(shí)又避免資源浪費(fèi)呢?這即需要我們對(duì)高保真的意義有清醒認(rèn)識(shí),同時(shí)也需要吸取一些敏捷的思想。一個(gè)華麗麗的作品(不局限于互聯(lián)網(wǎng)產(chǎn)品)不可能一下子就從腦子里創(chuàng)意變成現(xiàn)實(shí)。它會(huì)被拆分成一系列相互依存的元素,整個(gè)組裝過程會(huì)先從最基本的元素開始,逐漸填充和豐富。高保真的高是以完整的、可為消費(fèi)者服務(wù)的產(chǎn)品為標(biāo)準(zhǔn)的。產(chǎn)品的諸多元素,目標(biāo)用戶、用戶需求場(chǎng)景、信息架構(gòu)、布局、控件邏輯、尺寸、色調(diào)、紋理、風(fēng)格等等,被填充的越豐滿,對(duì)最終完整產(chǎn)品的“模擬”程度就越高。只要能讓這個(gè)半成品看起來更像是成品,就是高保真,怎么個(gè)像法,可以有很多選擇。所以,所謂的“高”保真可以是對(duì)外觀的高保真,也可以是對(duì)交互邏輯的高保真,或者對(duì)代碼性能、流量消耗的高保真。 高保真”并非一個(gè)既定的目標(biāo),高保真/低保真原型都是一種溝通的媒介,具體使用高保真或低保真取決于原型的目的(比如項(xiàng)目前期的方向探索、中期的細(xì)節(jié)討論或后期的交付) 高保真原型并不局限于界面,(至少)包括以下幾項(xiàng): 1原型的概念或想法說明; 2詳細(xì)交互動(dòng)作與流程;3各類后臺(tái)判定;4界面排版;5界面切換動(dòng)態(tài);6異常流處理;要做到讓PM,RD,客戶能夠理解的程度。 按照原型的保真性來劃分的話: 手繪靜態(tài)線框 Axure等軟件創(chuàng)建靜態(tài)線框 Axure等軟件創(chuàng)建靜態(tài)線框+PS出的實(shí)際UI效果圖 Axure等軟件創(chuàng)建帶交互效果的動(dòng)態(tài)線框+PS的出實(shí)際UI效果圖 HTML+CSS+JS的實(shí)際html頁面 如果做對(duì)外項(xiàng)目,那么建議做到“Axure等軟件創(chuàng)建帶交互效果的動(dòng)態(tài)線框+PS的出實(shí)際UI效果圖”。這樣的原型能作為項(xiàng)目的備底,未來和客戶有爭(zhēng)議的時(shí)候,拿來用。如果做內(nèi)部開發(fā)項(xiàng)目,只要對(duì)方能理解。保真度需要做多高?這個(gè)問題很難有準(zhǔn)確的結(jié)果,高保真原型主要是從兩個(gè)方面進(jìn)行研討:一是視覺效果,二是可用性,包括用戶體驗(yàn)。其實(shí)只要能給予產(chǎn)品開發(fā)足夠的支持,就夠了。 真正意義上的高保真原型我認(rèn)為應(yīng)該是產(chǎn)品邏輯、交互邏輯、視覺效果等等極度接近最終產(chǎn)品的形態(tài)。這樣不熟悉產(chǎn)品的人也能通過觀察、使用明白這個(gè)產(chǎn)品有什么用。 那是否由一個(gè)人來獨(dú)立完成這樣的高保真原型呢?或者說是否有一個(gè)大牛能獨(dú)立完整這樣的原型?應(yīng)該有,但是數(shù)量肯定有限。而大部分人都應(yīng)該是專精某一方面,所以才有了團(tuán)隊(duì)的協(xié)作,通過集體努力打造一個(gè)成功的產(chǎn)品。對(duì)于互聯(lián)網(wǎng)產(chǎn)品團(tuán)隊(duì)而言,基于瀑布流式的開發(fā)模式,產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、視覺設(shè)計(jì)師、前端開發(fā)、后端開發(fā)等等角色重點(diǎn)關(guān)注的方向是不同的,每一個(gè)角色應(yīng)該在各自專注的領(lǐng)域做到盡量高保真。 產(chǎn)品經(jīng)理應(yīng)該保證產(chǎn)品策略和產(chǎn)品邏輯的高保真,然后交付給交互設(shè)計(jì)師,交互設(shè)計(jì)師應(yīng)努力保證交互邏輯,使用邏輯,信息結(jié)構(gòu)等等的高保真,再交付給視覺設(shè)計(jì)師。 三: 使用高保真原型的禁忌 高保真原型其實(shí)就是產(chǎn)品開發(fā)進(jìn)行到后期的半成品。從一個(gè)腦袋里的idea到像模像樣的半成品,是需要投注很多心血的。每艱難地前進(jìn)一步,都是以已有的步子為前提。 最大的禁忌就是老大說我只看高保真的漂漂亮亮的東西,然后指著高保真的設(shè)計(jì)說早期的哪些步子定的不對(duì)。這種決策方式是對(duì)資源極大的不尊重,一旦早期的東西被干倒,后面的功夫都白費(fèi)。 第二個(gè)禁忌就是各合作方?jīng)]有把自己份內(nèi)的構(gòu)思充分夯實(shí),就交付給下一步的合作者。夯實(shí)可以通過多從利益及決策相關(guān)人獲取反饋,也可以通過自己多加發(fā)散再嚴(yán)格收斂,但終究要保證交付給別人的東西是經(jīng)得起考驗(yàn)的,靠譜的,不會(huì)輕易改變的。一旦別人以你的東西為參考投入更多精力去豐富了產(chǎn)品,卻被告知要返工,損失的資源和信任不止一點(diǎn)點(diǎn)。 第三個(gè)禁忌就是在向下一步合作方交付時(shí)傳達(dá)信息不充分。傳達(dá)信息可以靠更恰當(dāng)、充分的文字標(biāo)注,也可以靠面對(duì)面的交談探討,甚至還可以加上重復(fù)確認(rèn)。當(dāng)然,這是要消耗大量精力的,但這也是成為一個(gè)負(fù)責(zé)人的雇員應(yīng)有的盡責(zé)態(tài)度。 本文由人人都是產(chǎn)品經(jīng)理@阿拓整理自知乎問答,轉(zhuǎn)載請(qǐng)注明出處并保留本文鏈接。@March Liang,產(chǎn)品設(shè)計(jì)師
@朱晨,產(chǎn)品設(shè)計(jì)師
@朱晨,產(chǎn)品設(shè)計(jì)師
@Qin Yu,交互設(shè)計(jì)師
@胡振宇
@chrisyuan,騰訊交互設(shè)計(jì)
@朱晨,產(chǎn)品設(shè)計(jì)師
要給客戶看的時(shí)候,有時(shí)候需要高保真的原型
? 看團(tuán)隊(duì)了,開發(fā)如果懶的話,可能要求你搞出高保真當(dāng)靜態(tài)DEMO呢 ??
唉,如果跟技術(shù)get不到一起就郁悶了。不論怎么做,他們總是有一堆的各種奇葩問題。 ??
還是應(yīng)該把鏈接什么的加好。否則其余人很難看得懂你原型的邏輯。