當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

超全面的低保真原型初級指南(4)

來源:uedc.163 作者:伊卓君 學(xué)習(xí):4509人次

很多同學(xué)喜歡在設(shè)計初期花大量時間去繪制高保真原型,結(jié)果被甲方和用戶一票否決,而有經(jīng)驗的設(shè)計師往往會先繪制低保真原型,期間不斷與甲方、用戶溝通,最后出爐的高保真原型就能輕松過稿。今天這篇初級指南,絕對可以幫你大大提高過稿率呦。

前言

設(shè)計師Paul Rand曾說:“理解人最本質(zhì)的需求,并且認(rèn)識到必須尋找一個合適的場景以滿足這些需求,是設(shè)計師教育的基礎(chǔ)。”使用設(shè)計原型為我們揭示并探索這些需求,為我們提供有意義的交互及友善的設(shè)計方案打開了一扇門。

特別需要指出的是,低保真原型是在設(shè)計初期幫助我們驗證想法的粗略表述。本文中,我們將著眼于那些使低保真原型成為設(shè)計利器的特點,而這些特點能夠從根本上提升工作質(zhì)量并搭建實現(xiàn)用戶需求的場景。本文關(guān)注于在設(shè)計中使用低保真原型的實踐經(jīng)驗和通用法則,涵蓋范圍從平面、網(wǎng)頁和用戶體驗設(shè)計到商業(yè)和服務(wù)設(shè)計。

什么是低保真原型及為什么它能夠改進(jìn)你的工作方式?

你是否曾經(jīng)花了大量的時間和資源卻設(shè)計出了一些不論需求方還是用戶都在幾秒鐘內(nèi)就放棄的東西?這樣的事情我已見過太多次,并總是令我們感到沮喪和挫敗,但這種事是可以避免的。進(jìn)行無法持續(xù)驗證的產(chǎn)品設(shè)計就像你被蒙上了雙眼走在一塊通向深淵的木板上。即便是多次宣稱反對使用焦點小組進(jìn)行產(chǎn)品設(shè)計的蘋果公司,亦開創(chuàng)了名為Apple new product process (ANPP)的蘋果新產(chǎn)品開發(fā)流程,該流程涉及建立和測試數(shù)以百計的早期原型。

我們當(dāng)中有些人過早地投入到杰出產(chǎn)品的設(shè)計中去,甚至達(dá)到像素級完美的地步,而從未停下來問問我們的用戶或需求方是否持同樣看法。事實上,如果沒有引入潛在用戶對我們原始設(shè)計的看法,那么這樣的設(shè)計是不友好且無用的。

另一方面,過分追求完美的想法也會使我們中的一些人無所作為。有些人過早地開始行動而浪費(fèi)資源,而另一些人又在建設(shè)新產(chǎn)品的大量工作面前不知所措。在將產(chǎn)品交給用戶之前還有如此多的工作需完成,這使我們感到沮喪且不堪重負(fù)。

你是否曾因為追趕項目進(jìn)度而浪費(fèi)大量資源或因完美主義而使項目完成度太低?低保真原型使我們能夠在過度浪費(fèi)和過度思考中,在過少的資源和過多的用戶檢驗中找到一個平衡點。通過建立一個實用和初期的產(chǎn)品原型,你能夠更快地在早期設(shè)計過程中發(fā)現(xiàn)潛在問題和更有效的解決方案。

超全面的低保真原型初級指南

UX 設(shè)計師Matt Tyas 提出原型概念

單詞原型”prototpe”來源于希臘語”prototypos”,是一個由”protos(即初始)”和”typos(即模式、模式、印象)”組成的復(fù)合詞。這個由我們的想法建立起來的初級演示正是我們要在本文中了解到的低保真原型。不同于高保真原型,這種方式只需更少的時間、專業(yè)技能和資源。

它的目的不是要打動用戶,而是向用戶學(xué)習(xí)。低保真原型的目的是要讓我們?yōu)橛脩舻南敕ǘ薪^,而不是為了使我們的產(chǎn)品令用戶驚艷。這種方法在于幫助我們傾聽而不是說服。它使用戶需求與設(shè)計師意圖以及其它利益相關(guān)者的目標(biāo)之間能夠有效溝通并達(dá)成一致。

科學(xué)家Jim Rudd和他在IBM的同事定義了兩種主要原型的不同,并被Interactions Magazine(互動雜志)推薦了名為“高低保真原型辯論”的文章,節(jié)選如下:

低保真原型一般指有限的功能和交互原型設(shè)計。它們被用于描繪設(shè)想、設(shè)計方案以及界面布局……建立這些原型的目的主要用于溝通、教育和報告。

“保真度”是個概念化的術(shù)語,廣義上來講,它可以被定義為:重現(xiàn)某種事物的精確程度。換句話說,原型的保真級別回答了這樣一個問題,即原型表述的最終方案到底有多精確?

為何現(xiàn)在提出低保真原型?

雖然低保真原型早已存在了幾個世紀(jì),但它最近開始成為流行的設(shè)計方法,主要源自于以下幾個原因:

設(shè)計思考:主張“用雙手思考”的方式來建立情感化解決方案。精創(chuàng)實業(yè):依賴于早期產(chǎn)品驗證和最小可行性產(chǎn)品的開發(fā)迭代。以用戶為中心的設(shè)計:要求協(xié)同設(shè)計的過程中用戶提供他們對于產(chǎn)品原型感受的持續(xù)反饋。

誠如所說,我們無法說低保真原型是個新事物,因為人們自遠(yuǎn)古時代以來就開始將想法畫在洞穴上了。我們可以說的是,鑒于我們期望能夠盡快地設(shè)計出與市場對應(yīng)的解決方案,低保真原型對于各行業(yè)的設(shè)計師來說都前所未有的重要。

超全面的低保真原型初級指南

像任天堂這種企業(yè)的設(shè)計師也在使用低保真原型。設(shè)計師Kazuyuki Motoyama解釋道:只有這樣才能夠明白Miiverse的手持感。這是他用紙版制作的原型。

低保真原型的優(yōu)點

不論產(chǎn)品的類型如何,所有的低保真原型都具備以下幾個優(yōu)點:

在早期檢測和修復(fù)主要問題

建立低保真原型可以快速接觸到用戶的反饋,使我們可以將問題可視化,并解決關(guān)于產(chǎn)品的易用性和功能上的核心問題。原型不應(yīng)該被設(shè)計成會影響用戶視覺和感知的最終形態(tài)(原型通常只是粗略的產(chǎn)品概述),用戶通常只是通過他們所看到的提出想法。通過剝離不必要的裝飾和設(shè)計,我們能夠呈現(xiàn)出設(shè)計的核心想法和概念。在這個階段,發(fā)現(xiàn)問題是產(chǎn)品最終能夠成功的關(guān)鍵。

Higel Heaton顧問寫了一篇關(guān)鍵的名為《為何快速原型能夠解決用戶界面的問題?》的論文,發(fā)表在1992年軟件原型和進(jìn)化發(fā)展IEE座談會上。他稱快速原型應(yīng)可以解決大約80%的界面主要問題。在真正滿足用戶需求的產(chǎn)品設(shè)計過程中,低保真原型在一開始就為我們敲響了警鐘。

除了幫助我們發(fā)現(xiàn)重大問題,低保真原型同樣給予了我們解決這些問題的需求與動力。在2012年原型的心理體驗研究中,斯坦福和西北大學(xué)的研究者們發(fā)現(xiàn)“低保真原型引領(lǐng)我們重新規(guī)劃失敗,以此作為學(xué)習(xí)機(jī)會,培養(yǎng)進(jìn)步意識并強(qiáng)化對創(chuàng)新能力的信念。”研究結(jié)論表明建立低保真原型不僅僅影響最后的產(chǎn)品,也影響著我們在設(shè)計進(jìn)程中的參與程度。

低保真原型構(gòu)建起來更加容易且成本更低

不論個人或小組,只需很少或根本不需要專業(yè)技能即可構(gòu)建低保真原型。只要產(chǎn)品和項目目標(biāo)是清晰明確的,那么低保真原型的重點將不會放在形式或功能上,而是關(guān)鍵點上。接下來我們應(yīng)把資源放在哪里?哪些地方是應(yīng)該避免浪費(fèi)資源的呢?哪些功能對我們的用戶來說才是核心關(guān)鍵?這些原始設(shè)想本身的方向?qū)α藛?我們是否需要轉(zhuǎn)變方向或拓展其它選項?

最好的低保真原型能夠機(jī)智地在很少或毫無預(yù)算的基礎(chǔ)上在很短的時間內(nèi)建立起來。你也許對“快速原型”這個術(shù)語更加熟悉,它僅僅是執(zhí)行“快速地對系統(tǒng)的未來狀態(tài)取模”。在快速原型的族譜中,低保真原型能夠很快完成這一工作。

得出反饋以側(cè)重于高層次的概念而不是執(zhí)行

交互設(shè)計師Marc Rettig在他的文章《小手指原型》中針對高保真原型指出其最大的風(fēng)險在于你將最可能“聽到的批評是關(guān)于字體的選擇,色彩組合,和按鈕尺寸。”在一個精心設(shè)計的原型面前,用戶可能會感到有必要對這些細(xì)節(jié)發(fā)表意見而忽視他們對于高層次概念的想法,比如流程規(guī)劃、界面布局和語言等。

高保真原型將重心轉(zhuǎn)向了產(chǎn)品的美觀程度而不是驗證產(chǎn)品的基本假設(shè)及核心價值。而外表粗糙的低保真原型從另一方面來說“強(qiáng)制用戶去思考核心內(nèi)容而不是外表”。

更有迭代的動力和意愿

這是因為構(gòu)建低保真原型所付出的努力和資源明顯較少,而我們又不太情愿徹底改變原型。想想看:是讓你徹底放棄一些只花了你幾分鐘的草圖容易?還是讓你放棄花了無數(shù)時間建立得愈加完美的原型容易?用Rettig的話說,“你很有可能會愛上花了足夠時間制作的東西。”

迭代是靈活設(shè)計過程中真正的關(guān)鍵。只有靠不斷地改進(jìn)我們的設(shè)想才能夠創(chuàng)造在目前的市場上取得成功的情感化解決方案。低保真原型能夠激勵這種勇于自嘲和無壓力的迭代環(huán)境。做出巨大改變,轉(zhuǎn)向新的商業(yè)模式甚至從頭開始對我們來說也毫無影響,因為根本沒有浪費(fèi)太多資源和時間。

易于攜帶和展示

一些高保真原型需要特殊設(shè)備或環(huán)境用于展示,而絕大多數(shù)低保真原型能夠很容易地攜帶和展示。Rudd指出:“低保真原型易于攜帶,它們可以在紙上,圖表中,或在白板上呈現(xiàn)。”

攜帶一張紙能有多難?需要任何特殊條件、空間或高級指令嗎?紙質(zhì)低保真原型將我們從技術(shù)和便攜性的要求中解放出來。

如果你決定使用本文結(jié)尾列表中的任何一種軟件來構(gòu)建低保真原型,請考慮在屏幕上顯示是否是最好的選擇。研究表明,在幾種有趣的方式中,紙張比屏幕更容易激勵協(xié)同工作。諾丁漢大學(xué)、薩里大學(xué)和劍橋大學(xué)EuroParc研發(fā)中心的研究員們在三種不同的工作環(huán)境下進(jìn)行了紙張和屏幕如何促進(jìn)協(xié)作的研究,這三種環(huán)境分別為:建筑工地,醫(yī)療中心以及倫敦地鐵的控制室。他們的結(jié)論是紙張具有更高的靈活性,使得個人能夠以各種方式進(jìn)行互動與協(xié)作。

研究人員注意到,除其它事項外,通過手寫(即繪畫、寫作或描繪低保真原型草圖),相關(guān)人員能夠迅速筆記,同時能夠保持項目參與度。在協(xié)同設(shè)計和與用戶溝通并獲得反饋時,這種靈活性是尤其重要的。紙張?zhí)烊坏鼐哂卸喾N功能(它可以被折疊、裁切和書寫)也能使合作更加容易?紤]到這些優(yōu)點,當(dāng)你決定向用戶展示低保真原型時,打印出你的截圖或線框圖將會顯著提升你的收獲。

低保真原型的類型

2D紙質(zhì)

就像任何一種普通的舊圖表一樣簡單。Marc Rettig估計,基于紙張的原型使設(shè)計師能夠釋放95%的時間用于思考設(shè)計本身而只花5%的時間在技術(shù)問題(他稱為“工具力學(xué)”)上。反思自己的經(jīng)歷:你有多少次將注意力從設(shè)計的基本要素上轉(zhuǎn)移到工具的技術(shù)問題上?

例如在網(wǎng)頁設(shè)計中,基于紙張的低保真原型能夠包含屏幕截圖和界面元素。前SunSoft工程師Jakob Nielse認(rèn)為,“彈出菜單,信息,以及對話窗口可以用報事帖或印在開銷箔上的透明覆蓋層來模擬。”SunSoft公司重新設(shè)計主頁的經(jīng)驗表明,粗糙的原型是了解可用性的寶貴資源。

超全面的低保真原型初級指南

SCAD交互設(shè)計部門的這種新網(wǎng)頁設(shè)計低保真原型展示了提升閱讀和互動粘貼的初步概念。

超全面的低保真原型初級指南

流動新媒體設(shè)計團(tuán)隊展示了如何從紙質(zhì)原型開始,使事物回到本質(zhì),專注于重要的事情。

超全面的低保真原型初級指南

兩名交互設(shè)計專業(yè)的學(xué)生開了一家名為Sticky Jots的公司,該公司提供類似故事板的紙質(zhì)低保真原型套件

3D模型

如果你想更有創(chuàng)意,并用3D模型與用戶互動,這里有幾種有趣的選項可供選擇。隨著設(shè)計思想中實用方法論的傳播,使用紙板,泡沫塑料,木材,塑料,粘土和積木變得越來越流行。

3D模型在互動中達(dá)到了2D原型沒有達(dá)到的水平,然而建設(shè)3D模型所需的時間稍長,3D模型在概念測試階段能夠鼓勵操作并引導(dǎo)高度的參與。三維自然會增加真實感并使你獲得有價值的反饋。

超全面的低保真原型初級指南

Ashley Costanzo 為HealthyMade公司開發(fā)了這款3D低保真模型:將新鮮的食材和食譜打包成一個健康午餐計劃,本產(chǎn)品回答了一個問題,“我們?nèi)绾谓o有需要的人提供更加健康的食品選擇?”

超全面的低保真原型初級指南

商業(yè)折紙是日立公司開發(fā)的一種折紙原型法,方便服務(wù)和系統(tǒng)的設(shè)計。它是在企業(yè)內(nèi)部開發(fā)的,但最終引吸了其它機(jī)構(gòu)的注意。紙張被折成各種物件以完善原型系統(tǒng)并與之互動。

超全面的低保真原型初級指南

樂高企管智慧游戲(LEGO SERIOUS PLAY)被用于促進(jìn)創(chuàng)新和提升經(jīng)營業(yè)績。該游戲套件可用于建立業(yè)務(wù)和服務(wù)體驗的低保真原型。例如Liquid Agency機(jī)構(gòu)就使用這種方法建立問題——答案的原型,“我們期望提供何種類型的醫(yī)療保?這將會使我們的現(xiàn)在與未來有所區(qū)別嗎?”

快速入門指南

1. 定義你的目標(biāo):你要展示什么?

你希望展示哪些特點給你的用戶?列出兩到三個你的低保真原型中包含的核心功能。在接下來的步驟中,我們將確保這些功能不會被遺忘。

你可以使用類似下面的簡單表格列出你的功能:

超全面的低保真原型初級指南

下面列表中有一些可借鑒的示例核心功能和補(bǔ)充功能:

超全面的低保真原型初級指南

超全面的低保真原型初級指南

商業(yè)模式畫布

超全面的低保真原型初級指南

花卉種子包裝的開發(fā)概念草圖

2. 定義你的方法:你要如何展示?

你將決定何種低保真原型最適合你的項目。你要快速建立起怎樣的原型以幫助用戶傳遞有價值的反饋?如何簡單地展示并測試你的設(shè)想,且投入最少的資源?尋找盡可能簡單的方法,并不斷詢問自己一個問題:是否有更為簡單的展示方法?直到找到一個可行的方法來描繪你的產(chǎn)品功能。

基于以下幾個因素找出適合你原型的細(xì)節(jié)程度:

1. 原型的目標(biāo)用戶

用戶是否能夠基于你提供的原型提出有意義的反饋?該原型是否需要一定的細(xì)致程度以令用戶理解?

2. 你可以獲得怎樣的資源?

靈活性對于低保真原型是至關(guān)重要的。當(dāng)你的想法形成時想想看在你周邊的可使用的工具和資源。有創(chuàng)造力地用聰明的方式使用你現(xiàn)有的東西。

用以下方式去思考:

超全面的低保真原型初級指南

注:以上展示原型為Marta Fioni為app Foursquare 設(shè)計的支付界面解決方案

還在苦苦找尋適合你項目的原型方法?下面有一些建議:

超全面的低保真原型初級指南

下載這張圖片并將它掛在你辦公室顯眼的地方,它將作為一種動力,使你將低保真原型作為你設(shè)計中一以貫之的部份。

3. 執(zhí)行:展示你的原型

別一開始就被“我在XX方面的技能不夠好”的心態(tài)打敗了。低保真原型不在于你的模型看起來多復(fù)雜,它只需要形成對產(chǎn)品未來形態(tài)的交流。記住,不在乎形式和功能,只在乎關(guān)鍵點。

來自不同設(shè)計領(lǐng)域的低保真原型樣本:

超全面的低保真原型初級指南

嘗試以下數(shù)字軟件和模擬工具以加快你的原型設(shè)計速度:

超全面的低保真原型初級指南

4. 測試:將如何評估你的原型?

拋棄“用戶肯定會討厭這種粗糙的原型”的想法。向用戶解釋原型的限制是很正常的,也是符合預(yù)期的。引導(dǎo)用戶理解項目的目標(biāo),并提出探討性的問題。如有幫助的話,在展示原型之前準(zhǔn)備一份簡短的指南,列出一些你想要在會議期間提出的問題。并寫一份簡介,你可以讀出來以幫助用戶理解他們看到的是什么。以下有一些問題類型:

關(guān)于感知到的好處:

“通過這個概念產(chǎn)品你能看出來它能為你提供的關(guān)鍵性的好處是什么呢?”“從你今天看到的這些功能來看,哪項功能會令你使用這款產(chǎn)品?”“哪項功能會使你想要使用本產(chǎn)品卻在原型中沒有看到呢?”

關(guān)于積極和消極的反應(yīng):

“從1到5來衡量的話,你有多喜歡這個設(shè)想?”“為什么?”

關(guān)于意識:

“看完今天這款概念產(chǎn)品,令你印象最深刻的是什么?”“你還記得哪些?”

關(guān)于比較優(yōu)勢:

(如你向用戶展示了超過兩個以上版本的原型,詢問他們哪種版本最好)“哪個版本最吸引你?”

關(guān)于情緒反應(yīng):

“這個概念產(chǎn)品令你感覺如何?”(通過列出情緒列表來幫助用戶——高興、沮喪、生氣、興奮、無聊等等,或畫出描述這些情緒的面部插畫。讓用戶選擇一個或以上的被你的原型觸發(fā)的情緒選項。)

關(guān)于使用意向:

“從1到5來衡量的話,如果今天看到的這款概念產(chǎn)品最終被開發(fā)出來,你有多想要使用它?”“為什么?”

普通反饋:

“如你感到有任何可以改進(jìn)這個設(shè)計的地方,請隨意更正和修改并注釋出來。”

5. 學(xué)習(xí):展示完畢,接下來如何?

收集用戶的反饋并找出他們對該原型相似的評價,建立一個親和圖以識別出最常見的建議。結(jié)合這些反饋用于建立一個在細(xì)節(jié)上有更完善的外觀和更好用戶體驗的高保真原型。根據(jù)需要,募集盡可能多的用戶重復(fù)測試。

結(jié)論

希望本文能夠幫助你理解低保真原型在我們的設(shè)計過程和結(jié)果中所產(chǎn)生的影響。以上的五個步驟,是為了指導(dǎo)你完成構(gòu)建和測試低保真原型的過程,而且這一定能夠幫助你提高設(shè)計的質(zhì)量和深度。試想一下你最近著手的原型設(shè)計:如何在投入了大量時間和精力雕琢之前測試它們?很難發(fā)現(xiàn)你所構(gòu)建的粗略表述的原型的保真程度也許正是你所需要的,并且它正可以回答關(guān)于有效性這一最關(guān)鍵的問題。當(dāng)你懷疑自己的早期原型是否已準(zhǔn)備好測試時,請記住作家Elizabeth Gilgert的話:

為了堅持不懈地努力創(chuàng)新,你無需過份要求自己,因為并非所有事情都會盡善盡美。略有瑕疵也只是一個漫長嘗試過程中的組成部分。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!