原文作者：Laura Busche?????? 文章來(lái)源：Smashingmagazine

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

單詞原型”prototpe”來(lái)源于希臘語(yǔ)”prototypos”，是一個(gè)由”protos（即初始）”和”typos（即模式、模式、印象）” 組成的復(fù)合詞。這個(gè)由我們的想法建立起來(lái)的初級(jí)演示正是我們要在本文中了解到的低保真原型。不同于高保真原型，這種方式只需更少的時(shí)間、專(zhuān)業(yè)技能和資源。 它的目的不是要打動(dòng)用戶(hù)，而是向用戶(hù)學(xué)習(xí)。低保真原型的目的是要讓我們?yōu)橛脩?hù)的想法而叫絕，而不是為了使我們的產(chǎn)品令用戶(hù)驚艷。這種方法在于幫助我們傾聽(tīng) 而不是說(shuō)服。它使用戶(hù)需求與設(shè)計(jì)師意圖以及其它利益相關(guān)者的目標(biāo)之間能夠有效溝通并達(dá)成一致。

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

低保真原型一般指有限的功能和交互原型設(shè)計(jì)。它們被用于描繪設(shè)想、設(shè)計(jì)方案以及界面布局……建立這些原型的目的主要用于溝通、教育和報(bào)告。
“保真度”是個(gè)概念化的術(shù)語(yǔ)，廣義上來(lái)講，它可以被定義為：重現(xiàn)某種事物的精確程度。換句話(huà)說(shuō)，原型的保真級(jí)別回答了這樣一個(gè)問(wèn)題，即原型表述的最終方案到底有多精確？

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

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

設(shè)計(jì)思考 主張“用雙手思考”的方式來(lái)建立情感化解決方案。

精創(chuàng)實(shí)業(yè) 依賴(lài)于早期產(chǎn)品驗(yàn)證和最小可行性產(chǎn)品的開(kāi)發(fā)迭代。

以用戶(hù)為中心的設(shè)計(jì) 要求協(xié)同設(shè)計(jì)的過(guò)程中用戶(hù)提供他們對(duì)于產(chǎn)品原型感受的持續(xù)反饋。

誠(chéng)如所說(shuō)，我們無(wú)法說(shuō)低保真原型是個(gè)新事物，因?yàn)槿藗冏赃h(yuǎn)古時(shí)代以來(lái)就開(kāi)始將想法畫(huà)在洞穴上了。我們可以說(shuō)的是，鑒于我們期望能夠盡快地設(shè)計(jì)出與市場(chǎng)對(duì)應(yīng)的解決方案，低保真原型對(duì)于各行業(yè)的設(shè)計(jì)師來(lái)說(shuō)都前所未有的重要。

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

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

不論產(chǎn)品的類(lèi)型如何，所有的低保真原型都具備以下幾個(gè)優(yōu)點(diǎn)：

• 在早期檢測(cè)和修復(fù)主要問(wèn)題

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

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

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

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

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

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

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

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

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

• 更有迭代的動(dòng)力和意愿

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

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

• 易于攜帶和展示

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

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

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

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

低保真原型的類(lèi)型

• 2D紙質(zhì)

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

例如在網(wǎng)頁(yè)設(shè)計(jì)中，基于紙張的低保真原型能夠包含屏幕截圖和界面元素。前SunSoft工程師Jakob Nielse在他的文章《在首頁(yè)設(shè)計(jì)中使用紙質(zhì)原型》中認(rèn)為，“彈出菜單，信息，以及對(duì)話(huà)窗口可以用報(bào)事帖或印在開(kāi)銷(xiāo)箔上的透明覆蓋層來(lái)模 擬?！盨unSoft公司重新設(shè)計(jì)主頁(yè)的經(jīng)驗(yàn)表明，粗糙的原型是了解可用性的寶貴資源。

SCAD交互設(shè)計(jì)部門(mén)的這種新網(wǎng)頁(yè)設(shè)計(jì)低保真原型展示了提升閱讀和互動(dòng)張?zhí)某醪礁拍?/span>

流動(dòng)新媒體設(shè)計(jì)團(tuán)隊(duì)展示了如何從紙質(zhì)原型開(kāi)始，使事物回到本質(zhì)，專(zhuān)注于重要的事情

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

• 3D模型

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

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

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

商業(yè)折紙是日立公司開(kāi)發(fā)的一種折紙?jiān)头ǎ奖惴?wù)和系統(tǒng)的設(shè)計(jì)。它是在企業(yè)內(nèi)部開(kāi)發(fā)的，但最終引吸了其它機(jī)構(gòu)的注意。紙張被折成各種物件以完善原型系統(tǒng)并與之互動(dòng)。

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

快速入門(mén)指南

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

你希望展示哪些特點(diǎn)給你的用戶(hù)？列出兩到三個(gè)你的低保真原型中包含的核心功能。在接下來(lái)的步驟中，我們將確保這些功能不會(huì)被遺忘。

你可以使用類(lèi)似下面的簡(jiǎn)單表格列出你的功能：

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

商業(yè)模式畫(huà)布(圖片來(lái)源: Aberdeen Global Service Jam)

花卉種子包裝的開(kāi)發(fā)概念草圖 (圖片來(lái)源: Shavonne Maclin)

2. 定義你的方法：你要如何展示？

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

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

• 原型的目標(biāo)用戶(hù)
  用戶(hù)是否能夠基于你提供的原型提出有意義的反饋？該原型是否需要一定的細(xì)致程度以令用戶(hù)理解？
• 你可以獲得怎樣的資源？
  靈活性對(duì)于低保真原型是至關(guān)重要的。當(dāng)你的想法形成時(shí)想想看在你周邊的可使用的工具和資源。有創(chuàng)造力地用聰明的方式使用你現(xiàn)有的東西。

用以下方式去思考：

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

還在苦苦找尋適合你項(xiàng)目的原型方法？下面有一些建議：

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

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

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

來(lái)自不同設(shè)計(jì)領(lǐng)域的低保真原型樣本：

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

4. 測(cè)試：將如何評(píng)估你的原型？

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

• 關(guān)于感知到的好處
  “通過(guò)這個(gè)概念產(chǎn)品你能看出來(lái)它能為你提供的關(guān)鍵性的好處是什么呢？”“從你今天看到的這些功能來(lái)看，哪項(xiàng)功能會(huì)令你使用這款產(chǎn)品？”“哪項(xiàng)功能會(huì)使你想要使用本產(chǎn)品卻在原型中沒(méi)有看到呢？”

• 關(guān)于積極和消極的反應(yīng)
  “從1到5來(lái)衡量的話(huà)，你有多喜歡這個(gè)設(shè)想？”“為什么？”

• 關(guān)于意識(shí)
  “看完今天這款概念產(chǎn)品，令你印象最深刻的是什么？”“你還記得哪些？”

• 關(guān)于比較優(yōu)勢(shì)
  （如你向用戶(hù)展示了超過(guò)兩個(gè)以上版本的原型，詢(xún)問(wèn)他們哪種版本最好）“哪個(gè)版本最吸引你？”

• 關(guān)于情緒反應(yīng)
  “這個(gè)概念產(chǎn)品令你感覺(jué)如何？”（通過(guò)列出情緒列表來(lái)幫助用戶(hù)——高興、沮喪、生氣、興奮、無(wú)聊等等，或畫(huà)出描述這些情緒的面部插畫(huà)。讓用戶(hù)選擇一個(gè)或以上的被你的原型觸發(fā)的情緒選項(xiàng)。）

• 關(guān)于使用意向
  “從1到5來(lái)衡量的話(huà)，如果今天看到的這款概念產(chǎn)品最終被開(kāi)發(fā)出來(lái)，你有多想要使用它？”“為什么？”

• 普通反饋
  “如你感到有任何可以改進(jìn)這個(gè)設(shè)計(jì)的地方，請(qǐng)隨意更正和修改并注釋出來(lái)?！?/li>

5. 學(xué)習(xí)：展示完畢，接下來(lái)如何？

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

結(jié)論

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

為了堅(jiān)持不懈地努力創(chuàng)新，你無(wú)需過(guò)份要求自己，因?yàn)椴⒎撬惺虑槎紩?huì)盡善盡美。略有瑕疵也只是一個(gè)漫長(zhǎng)嘗試過(guò)程中的組成部分。

其它資料

• 《50款免費(fèi)的UI和網(wǎng)頁(yè)設(shè)計(jì)線(xiàn)框圖組件、資源和源文件》，Paul Andrew
• 《免費(fèi)的打印草圖、線(xiàn)框圖和筆記PDF模板》，Paul Andrew
• 《用快速模型更好和更快地設(shè)計(jì)》，Lyndon Cerejo

參考文獻(xiàn)

• 《The Psychological Experience of Prototyping》(PDF)，Elizabeth Gerber和Maureen Carroll，設(shè)計(jì)學(xué)，33:1(2012)，64-84頁(yè)
• 《Tasks-in-Interaction: Paper and Screen Based Documentation in Collaborative Activity》，Paul Luff,Christian Heath 和David Greatbatch，1992年ACM電腦支持的協(xié)同工作會(huì)議論文集，(紐約)，163-170頁(yè)
• 《Chapter 10: People and Prototypes》，Bill Moggridge，交互設(shè)計(jì)，劍橋大學(xué)，MA：MIT出版社(2007)，682-723頁(yè)
• 《Using Paper Prototypes in Home-Page Design》，Jakob Nielsen，IEEE軟件，12:4(1995)，88-89,97頁(yè)
• 《Prototyping for Tiny Fingers》,Marc Rettig，ACM大會(huì)，37:4(1994)，21-27頁(yè)
• 《Low vs. High-Fidelity Prototyping Debate》，James Rudd，Interactions，3:1(1996)，76-85頁(yè)

原文來(lái)自：網(wǎng)易UED