相信不少設(shè)計師朋友們面臨過這樣的困境:滿懷成就感地交稿压语,精心制作的高保真原型卻遭到老板或者客戶的一票否決啸罢,只好按照大家的意見,花費大量時間去做修改胎食。實際上經(jīng)驗豐富的設(shè)計師在初期往往先使用低保真原型來表達產(chǎn)品概念扰才,在后續(xù)與用戶的溝通交流中收集反饋,確認了功能需求之后再輸出高保真原型圖厕怜。
在研發(fā)流程比較完善成熟的大公司衩匣,團隊中不同角色的成員會按工作流程,逐級輸出原型:PM 出【低保真線框圖】粥航,UI 設(shè)計師出靜態(tài)的【中保真頁面】琅捏,交互設(shè)計師出【可操作、有動效的高保真原型】递雀。大家互相合作柄延,將自己的產(chǎn)出物和整體產(chǎn)品有機融為一體。
但在研發(fā)流程不太完善成熟的企業(yè)里缀程,尤其是對于一些人手緊缺的創(chuàng)業(yè)公司搜吧,往往一人兼著數(shù)職,比如產(chǎn)品經(jīng)理可能同時兼著用戶研究員杨凑、交互設(shè)計師的角色滤奈,有的UI設(shè)計師還兼著前端工程師的角色。所以業(yè)界比較成熟的研發(fā)流程在這些團隊的項目實施過程中總會產(chǎn)生出各種變形蠢甲。導致文章開篇問題的最大禍端并非那個直接出稿高保真原型的設(shè)計師僵刮,而是在于客戶和老板本身就期望能夠直接看到高保真原型据忘。
實際上,很多客戶對軟件研發(fā)流程尤其是互聯(lián)網(wǎng)產(chǎn)品的研發(fā)流程不甚了解搞糕,有些老板和創(chuàng)始人對于產(chǎn)品也只是停留在概念勇吊、想法階段。如果提交給他們一份低保真原型圖窍仰,缺少項目/產(chǎn)品研發(fā)經(jīng)驗汉规、對設(shè)計師工作流程不甚了解的他們很可能會質(zhì)疑設(shè)計師的工作能力。比如驹吮,要做一款A(yù)PP针史,他們期望看到的乃是在應(yīng)用商店里下載到的、自己手機上安裝的那些已經(jīng)實施完成的成品碟狞,這些成品當然高保真地不能再高保真了啄枕。如果設(shè)計師提交一份低保真地線框圖出來,黑白灰的單調(diào)顏色和線條大概會把他們嚇到族沃,難道這就是未來要做的產(chǎn)品么频祝?他會本能地抗拒和排斥,而缺少充分的耐心去看產(chǎn)品的真正精髓所在脆淹,那些核心功能點的設(shè)計常空、用戶使用流程的精心模擬、每個界面擔負重任的反復推敲盖溺,設(shè)計師在低保真原型中傾注的這些心血漓糙,老板/客戶因為不夠內(nèi)行可能無法洞察到其精髓所在。而容易更多地從視覺感受上去評判一件作品的好壞烘嘱。
在產(chǎn)品研發(fā)過程中昆禽,最大的災(zāi)難就是——老大只要看高保真的、成型的拙友、漂亮的產(chǎn)出物为狸,然后對著高保真原型發(fā)表一大通關(guān)于產(chǎn)品整體規(guī)劃、架構(gòu)設(shè)計遗契、主題功能等一些原則上的問題和錯誤辐棒。如果說產(chǎn)品設(shè)計像是修建一座建筑物,那早期的概念設(shè)計牍蜂、草圖和低保真相當于打地基漾根,當這個建筑物不僅打完了地基,而且一層層蓋起了所有的樓層鲫竞,拔地而起辐怕,并且裝修好了所有的門窗之后,從未露過面的老大前來視察从绘,忽然說寄疏,你這個樓啊是牢,地基打錯了,應(yīng)該打在左邊的位置上陕截。好吧驳棱,一切推倒重來。這種決策方式是對企業(yè)各種資源和人力勞動成果的不尊重农曲,一旦早期的社搅、基礎(chǔ)的、原則上的東西被否則乳规,后面的功夫就白費了形葬。
如果已經(jīng)預(yù)見到可能面臨雙敗雙失的局面,產(chǎn)品經(jīng)理暮的、項目經(jīng)理或者某個負責人有責任和義務(wù)和客戶笙以、老板溝通,闡述業(yè)界軟件開發(fā)的標準過程青扔,敏捷流程和精益流程對于項目/產(chǎn)品的好處源织,可以規(guī)避掉的風險翩伪。同時闡明在這種更高效微猖、風險更低的產(chǎn)品流程中,每個階段的產(chǎn)出物有何特點缘屹。尤其是要和他講清楚什么是高保真原型和低保真原型凛剥。這樣在提交低保真原型的時候,就可以讓老板/客戶清晰的看到目前所處的階段轻姿,也請他參與進來犁珠,明確該階段要解決的核心問題是什么,而他又能為這個階段的工作順利進行提供什么樣的幫助互亮。
那到底什么是高保真原型和低保真原型呢犁享?業(yè)界通常用視覺、交互的細節(jié)來衡量原型的保真程度豹休。顧名思義炊昆,高保真原型具有高度逼真、接近產(chǎn)品最終真實形態(tài)的特征威根,包含產(chǎn)品細節(jié)凤巨、真實交互、UI視覺等洛搀;而低保真原型就是保真度相對較低的原型敢茁,它更關(guān)注產(chǎn)品功能、結(jié)構(gòu)留美、流程彰檬,低保真原型圖上只提供簡單的框架和元素伸刃,來表達出產(chǎn)品大致的輪廓,但距離產(chǎn)品最終的真實形態(tài)還有著相當大的差距逢倍。如果要更加簡潔明了地表達高保真原型和低保真原型奕枝,可以用如下的計算公式。
低保真原型 = 線框圖+無交互/簡單交互效果
高保真原型 = UI效果圖+完整/細致的交互效果
關(guān)于高保真原型和低保真原型的區(qū)別瓶堕,下面一張圖可以非常直觀地顯現(xiàn)出兩者的異同隘道。這是一個鐘表,左半邊代表中/低保真原型郎笆,而右半邊代表高保真原型谭梗。大家可以看到,左半邊僅是用一些線條來勾勒出一個鐘表的形狀宛蚓,并沒有繪制真實的顏色激捏;而右半邊看起來幾乎和真實的鐘表一模一樣。左半部分雖然沒有繪制到如同實物般逼真凄吏,但是能夠讓人一眼望去知道這是一個鐘表远舅,而且其大小、形狀也一目了然痕钢。右半部分則從材質(zhì)图柏、工藝、紋理等等細節(jié)上展示出了一個鐘表的最終成品形態(tài)任连。
為什么常用到的原型是低保真蚤吹?
制作低保真原型相對快速,成本較低随抠,省時高效裁着,便于在初期就進行產(chǎn)品方案的討論、驗證拱她,盡快獲得反饋二驰,盡快發(fā)現(xiàn)問題和修復問題,能夠讓人把精力專注在產(chǎn)品最核心的結(jié)構(gòu)層和框架層秉沼。而制作高保真原型地時間較長桶雀,成本較高,在未能驗證方案是否可行地情況下就花費大量地時間和資源來設(shè)計高保真原型是不可取的氧猬。所以背犯,更多的設(shè)計師喜歡從低保真原型入手做起。
但是由于低保真原型比較粗糙盅抚,距真實原型差距較大漠魏,不夠真實形象,所以和不了解研發(fā)過程的終端用戶溝通解釋起來會比較復雜妄均。它更加適合內(nèi)部討論使用柱锹,而不太適合終端用戶的使用體驗哪自,尤其是對于C端產(chǎn)品用戶對于低保真原型會非常陌生。
何時需要用到高保真禁熏?
在完成低保真原型并且對需求和功能進行反復討論壤巷、驗證后,下面就可以進一步做出高保真地動態(tài)交互原型來測試我們的方案瞧毙,讓用戶的試用體驗更順暢胧华,讓開發(fā)對產(chǎn)品的理解更加準確無誤,顯著降低開發(fā)人員和產(chǎn)品人員的溝通成本宙彪。
值得注意的一點是矩动,所謂的“高”保真并不一定就是從外觀上看和真實產(chǎn)品非常接近,保真度也可以說是交互邏輯的高保真释漆,或者是代碼性能悲没、流量消耗的高保真。高保真原型的交付物也不僅僅是一個原型文件男图,還可能需要包括:原型的概念或想法說明示姿; 詳細交互動作與流程;各類后臺判定逊笆;詳細界面栈戳;界面切換動態(tài);異常流處理等览露。
如果是面向終端用戶或者是投資人等人群進行原型講解和展示荧琼,高保真原型就能發(fā)揮出較大的魅力,逼真的交互差牛,漂亮的畫面會令人印象深刻。
中保真——低保真和高保真之間的折中方案
我們已經(jīng)分析了高保真原型和低保真原型的特點和適用場景堰乔,在實施過程中偏化,難道一定要在高保真原型和低保真原型之間做出非此即彼的抉擇么?實際上镐侯,我感覺很多產(chǎn)品界面存在一定的類似性侦讨。
比如,我們要做一個網(wǎng)站苟翻,除了登陸韵卤、注冊和首頁之外,其他的頁面大多可以歸于兩大類崇猫,列表頁和內(nèi)容詳情頁沈条,列表頁可能會有文章標題排版格式,也可能會有圖文排版格式诅炉,可能會有每個圖文單排蜡歹,也可能會有多個圖文并排的狀況屋厘。而內(nèi)容詳情頁又包括了以文字、文章為主體展示形式的頁面月而,也可能有需要專門定制的展示介紹頁面汗洒。
我們可以把這些網(wǎng)站內(nèi)容歸為幾個主要的類別,在完成低保真原型并且經(jīng)過需求討論之后父款,可以先針對每個類別做一些示例頁面溢谤,或者挑選個別核心的關(guān)鍵頁面,比如對于網(wǎng)站來說憨攒,首頁面是最為關(guān)鍵核心的頁面溯香。用高保真的方式先把這幾幀關(guān)鍵界面完成,然后盡快和團隊成員和相關(guān)人員進行交流討論浓恶。大家對這幾類或者幾個關(guān)鍵頁面商議出一種比較精細地設(shè)計方案玫坛,比如,主色調(diào)的選擇包晰,整體風格的設(shè)定湿镀、色彩的搭配,布局伐憾、格式等等勉痴。先把這少數(shù)主要界面敲定以后,剩下的界面可以遵從類似的設(shè)計風格树肃。這樣就不至于說設(shè)計師從頭到尾一頁不少地把高保真原型做完以后蒸矛,大家建議所有按鈕的顏色都要改變,或者主題色調(diào)從橙色變成綠色胸嘴,或者是所有的返回功能都由文字改為圖標雏掠,諸如此類,如果設(shè)計師要逐一修改劣像,幾乎會涉及到每個頁面的修訂乡话,從頭到尾要檢查過一遍。但是耳奕,如果在少數(shù)關(guān)鍵頁面敲定以后绑青,再來做其他頁面的設(shè)計,返工迭代的時間成本就會低很多屋群,工作效率會提升不少闸婴。
到這里,我們已經(jīng)把高保真芍躏、低保真的那些事兒前前后后邪乍、里里外外地叨叨了一遍斟叼,如果有人再毫無道理地讓你一下拿出一份高保真原型萧落,你就有足夠的理由說服他怎虫。是的茴丰,高保真很好,但要考慮清楚成本和風險代價姐刁,低保真雖然粗糙芥牌,但是能夠幫你更快更好地完成項目。反正這兩個版本早晚都會出的聂使,只是選擇不同的方式壁拉,會帶來不同的實施效率。當然柏靶,如果有需要弃理,在合適的階段先出一份中保真也是不錯的選擇噢。