原型的奧秘:如何做一個(gè)正確的原型?

7 評(píng)論 12930 瀏覽 63 收藏 36 分鐘

本文是原作者多年經(jīng)驗(yàn)結(jié)晶,淺顯易懂。文章探討了原型在網(wǎng)站和數(shù)字服務(wù)開發(fā)中的巨大潛力,以及分享了從中獲取最大收益的技巧。

原型設(shè)計(jì)雖然流行,但常常被誤解。人們無法從中獲得全部價(jià)值,因?yàn)樗麄冋藻e(cuò)誤的方式接近它。

結(jié)果是,當(dāng)最后期限緊迫,預(yù)算緊張時(shí),原型制作通常是首先要削減的事情之一。但卻產(chǎn)出或回溯冗長的規(guī)范文檔中投入,以期縮短流程。最后,事實(shí)恰恰相反。

在這個(gè)全面的原型設(shè)計(jì)介紹中,我分享了超過22年的原型制作經(jīng)驗(yàn),我將向您展示的原型設(shè)計(jì)比您最初懷疑的更具潛力。

我們將一起探索:

  • 什么是原型?
  • 為什么原型設(shè)計(jì)很重要?
  • 原型設(shè)計(jì)時(shí)要問的問題?
  • 如何制作激發(fā)靈感的原型?
  • 誰應(yīng)該參與原型設(shè)計(jì)?
  • 如何協(xié)作原型?
  • 原型制作的最佳工具。
  • 如何向他人展示原型?
  • 進(jìn)一步進(jìn)行原型設(shè)計(jì)。

如果聽起來不錯(cuò),請(qǐng)繼續(xù)閱讀!

什么是原型?

當(dāng)我們談?wù)撛蜁r(shí),大多數(shù)人對(duì)它的意思只有一個(gè)模糊的概念。這與網(wǎng)站或移動(dòng)應(yīng)用程序有何關(guān)系?

在我看來,原型是一個(gè)觀念的證明,可用于驗(yàn)證用戶界面的想法。這可能就像手繪草圖一樣簡單,也可以像交互式,充分設(shè)計(jì)的體驗(yàn)?zāi)菢泳隆?/p>

在這兩個(gè)極端之間有各種不同的方法,每種方法都有其優(yōu)點(diǎn)和缺點(diǎn)用于不同目的。

例如:您可能會(huì)爭辯說用戶界面的設(shè)計(jì)模型是一種原型。它設(shè)計(jì)精良,但缺乏任何互動(dòng)性。這意味著它有利于驗(yàn)證視覺效果,但對(duì)于測試可用性卻很差。

然后有線框,線框通常在視覺上質(zhì)量較低,因此生產(chǎn)速度更快。它們適用于測試用戶的視覺層次結(jié)構(gòu),以及他們是否知道在頁面上要做什么,但它們?cè)跍y試美學(xué)方面提供的很少。也就是說,線框可以在設(shè)計(jì)細(xì)節(jié)上有所不同,甚至可以鏈接在一起,從而允許有限的導(dǎo)航。

也可以構(gòu)建HTML原型,這些對(duì)于測試可用性,可視化層次結(jié)構(gòu)和導(dǎo)航非常有用,它們還允許跨設(shè)備進(jìn)行測試。缺點(diǎn)是它們可能更耗時(shí),尤其是在添加更豐富的設(shè)計(jì)或交互性時(shí)。

最后,有一些原型可以盡可能地模仿用戶界面。這些原型的目的是提供準(zhǔn)確的測試最終體驗(yàn)感,而無需編寫底層代碼和功能。這種類型的原型設(shè)計(jì)是最耗費(fèi)時(shí)間的,但可以最準(zhǔn)確地描述正在構(gòu)建的內(nèi)容。

您可能認(rèn)為所有這些聽起來非常耗時(shí)且難以證明,這不是一個(gè)不尋常的回應(yīng),但原型制作的好處是巨大的。

為什么原型設(shè)計(jì)很重要?

我認(rèn)為原型設(shè)計(jì)不僅僅是一種可以幫助設(shè)計(jì)更好的工具,我相信,就像設(shè)計(jì)思維的很多部分一樣,它可以為業(yè)務(wù)的所有領(lǐng)域帶來好處。

原型創(chuàng)造了令人信服的愿景

許多想法之所以失敗,并不是因?yàn)樗鼈冇腥毕?,而是因?yàn)槿藗儧]有“理解”。很難想象新的產(chǎn)品、服務(wù)或功能,這就是傳統(tǒng)規(guī)范文檔和業(yè)務(wù)計(jì)劃失敗的地方。他們并不能激發(fā)人們對(duì)其潛力的興趣,他們不會(huì)向他們展示什么是可能的。

當(dāng)?shù)鲜磕岬膯T工想要說服高管投入10億美元,來改造他們的公園以支持更好的用戶體驗(yàn)時(shí),他們轉(zhuǎn)向原型設(shè)計(jì)。他們沒有撰寫僅在理性層面上吸引行政人員的文件,而是建立了原型,以便管理層能夠感受到更好的體驗(yàn)。

當(dāng)如此多的公司現(xiàn)在在質(zhì)量和服務(wù)上有所區(qū)別時(shí),感受到的東西是非常重要的。原型使您能夠體驗(yàn)到這一點(diǎn),從而激發(fā)利益相關(guān)者對(duì)可能性的興趣。

原型是圍繞共同愿景統(tǒng)一人們的一種很好的方式,但這有另一個(gè)相關(guān)的好處。

原型減少了誤解

原型設(shè)計(jì)的另一個(gè)優(yōu)勢(shì)在于商業(yè)計(jì)劃和規(guī)范等文檔,它可以減少誤解的可能性。描述您要構(gòu)建的內(nèi)容的論文要求人們想象最終的解決方案,這需要讀者一定程度的理解。

另一方面,原型?向利益相關(guān)者展示了您將要構(gòu)建的內(nèi)容,這意味著每個(gè)人都有最終目標(biāo)的相同圖片,它大大減少了人們用想象力“填補(bǔ)空白”的需要。

許多利益相關(guān)者很難想象成品或服務(wù)。這不僅會(huì)導(dǎo)致誤解,還會(huì)造成范圍蔓延。

原型限制范圍蔓延

原型帶來的清晰度將減少范圍蔓延的數(shù)量,因?yàn)樗拇蟛糠质怯捎谡`解而產(chǎn)生的,并且原型也以另一種方式減少了范圍蔓延。

要理解為什么原型能減少范圍蔓延,必須首先理解它為什么會(huì)發(fā)生。其中一個(gè)主要原因是利益相關(guān)者難以思考服務(wù)的細(xì)節(jié),直到他們開始看到它們才意識(shí)到缺少什么或應(yīng)該有什么不同。

通過在早期生成產(chǎn)品的直觀表示,它可以幫助利益相關(guān)者盡早發(fā)現(xiàn)缺失或錯(cuò)誤,同時(shí)可以輕松調(diào)整。但是,不僅僅是利益相關(guān)者能夠發(fā)現(xiàn)解決方案的缺點(diǎn),用戶也可以。

原型非常適合測試

創(chuàng)建原型的主要原因之一是擁有可以測試的東西,一個(gè)有形的產(chǎn)品,可以放在用戶面前,他們可以嘗試。通過對(duì)用戶進(jìn)行測試,可以及早發(fā)現(xiàn)問題和快速修復(fù)問題。

在項(xiàng)目的早期階段,我們對(duì)用戶的需求做了很多假設(shè)。一些公司進(jìn)行市場調(diào)查,但就像利益相關(guān)者一樣,用戶往往很難想象你正在建議的是什么。

通過創(chuàng)建原型,用戶可以嘗試您正在考慮構(gòu)建的服務(wù)。他們可以提供有價(jià)值的反饋,為您節(jié)省大量資金。例如:您可能正在考慮構(gòu)建一個(gè)特定的功能,結(jié)果是用戶不需要?;蛘?,您可能錯(cuò)過了用戶認(rèn)為必不可少的內(nèi)容,并且以后添加會(huì)很昂貴。

測試原型可以驗(yàn)證您所做的假設(shè),并確信您正在構(gòu)建正確的東西。

原型鼓勵(lì)實(shí)驗(yàn)和迭代

數(shù)字項(xiàng)目與其他項(xiàng)目截然不同。在傳統(tǒng)項(xiàng)目中,前期規(guī)劃至關(guān)重要,因?yàn)橐坏╉?xiàng)目進(jìn)行,改變方向的成本就太高了。

但是說到數(shù)字,像素是便宜的,在找到完美的前進(jìn)方向之前,很容易進(jìn)行實(shí)驗(yàn)并嘗試不同的方法。使用原型時(shí),成本更加經(jīng)濟(jì)實(shí)惠。

在通過迭代改進(jìn)之前,您可以快速構(gòu)建想法并進(jìn)行測試,結(jié)合您可以在原型上收集的前所未有的數(shù)據(jù)級(jí)別,這使您可以快速迭代到最小可行產(chǎn)品甚至更遠(yuǎn)。

原型保持低成本

到目前為止,我們概述的所有優(yōu)勢(shì)歸結(jié)為一個(gè)令人信服的論點(diǎn):原型節(jié)省了商業(yè)資金。

具有諷刺意味的是,考慮原型的最大借口之一就是成本,但事實(shí)上,你不能沒有原型。

看看它們省錢的所有方式:

  • 它們減少了在試圖就方向達(dá)成一致的會(huì)議上花費(fèi)的時(shí)間。
  • 它們避免了利益相關(guān)者之間誤解造成的變化。
  • 它們限制了范圍蠕變以及改進(jìn)新功能的相關(guān)成本。
  • 它們避免構(gòu)建不需要的功能。

但是,不進(jìn)行原型設(shè)計(jì)的成本不僅僅是財(cái)務(wù)成本,它也是時(shí)間成本。項(xiàng)目停滯不前,你錯(cuò)過了最后期限,失去了機(jī)會(huì)。該公司浪費(fèi)時(shí)間,因?yàn)樗麄冋诮ㄔO(shè)的內(nèi)容不明確。

這一次最終將耗費(fèi)組織的資金和市場份額,同樣,這具有諷刺意味,因?yàn)榉磳?duì)原型設(shè)計(jì)的另一個(gè)論點(diǎn)是缺乏時(shí)間。再一次,我認(rèn)為你沒有時(shí)間不去制作原型。

抵制急于進(jìn)入項(xiàng)目或采用冗長的規(guī)范階段的沖動(dòng),我保證長遠(yuǎn)來看,從原型開始,它可以為您節(jié)省金錢和時(shí)間。

原型設(shè)計(jì)時(shí)要問的問題

關(guān)于如何制作原型,沒有明確的答案,上面列出的任何方法都是完全有效的。但在你開始建造之前,值得提出兩個(gè)問題。

1. 你有多少時(shí)間進(jìn)行原型設(shè)計(jì)?

許多人認(rèn)為原型設(shè)計(jì)是一種奢侈品,只有更大的項(xiàng)目才能承受。但這是因?yàn)榇蠖鄶?shù)人都會(huì)想到高保真原型,而不是紙上的草圖。事實(shí)上,原型設(shè)計(jì)可以適應(yīng)任何預(yù)算和任何可用時(shí)間。但是,您選擇采取的方法將取決于這些因素。

確定可以留出多少時(shí)間來制作和測試原型,完成后,您可以決定允許哪種原型設(shè)計(jì)。

如果你只有幾個(gè)小時(shí),那么坐下來與一個(gè)用戶并通過幾個(gè)手繪草圖可能就是你所能做的。如果您有幾天,那么您可以與少數(shù)不同的樣本用戶探索一些線框圖。一旦你開始進(jìn)入幾周,你就可以建立一些更具互動(dòng)性和代表最終產(chǎn)品的東西。您還可以運(yùn)行多輪可用性測試來驗(yàn)證該方法。

也就是說,即使是這些豐富的交互式原型也經(jīng)常以一些草圖開始。隨著時(shí)間的推移,它們會(huì)被團(tuán)隊(duì)進(jìn)一步利用。雖然時(shí)間是最大的限制因素,但并不是唯一的考慮因素,您還需要問問自己為什么要首先創(chuàng)建原型。

2. 你在使用什么樣的原型?

原型可用于多種方式,從鼓舞人心的管理到測試各種方法和建立明確的方向。在許多情況下,它將用于許多這些目的,但值得注意的是你的原型的首要目標(biāo)是什么,那是因?yàn)樗兄诙x您的方法。

例如:如果您構(gòu)建原型的主要目的是激發(fā)管理并按照您的方法銷售它們,那么高度設(shè)計(jì)的原型可能更可取。然而,如果您的目標(biāo)只是測試網(wǎng)站信息架構(gòu),那么除了一些空白頁面和可點(diǎn)擊導(dǎo)航之外,您只需要草圖。

如果您選擇將原型用作項(xiàng)目的規(guī)范,則需要相當(dāng)詳細(xì),包括提供所需的任何具有交互性的文檔。但重要的是要記住原型,可以隨著時(shí)間的推移而改變。它可以從簡單開始,并逐漸成為最終可交付成果的代表。實(shí)際上在大多數(shù)情況下,這是更可取的。

如何制作一個(gè)激發(fā)靈感的原型

當(dāng)你第一次開始原型制作時(shí),很多正在制作的東西都是受過教育的猜測。這意味著最小化投入的努力是有意義的,因?yàn)樗鼛缀蹩隙ㄐ枰淖?。這就是為什么筆和紙或像Balsamiq這樣的工具在早期很適合的原因。

當(dāng)您對(duì)方向更有信心時(shí),基于與利益相關(guān)者的測試和討論,您可以通過引入深度,設(shè)計(jì)元素和更好的副本來開始充實(shí)原型。

原型應(yīng)該反復(fù)通過設(shè)計(jì),測試和迭代循環(huán)。每輪測試,都應(yīng)該幫助您改進(jìn)方法,并確保您朝著正確的方向前進(jìn)。

通過這個(gè)迭代過程,原型的細(xì)節(jié)應(yīng)反映出您在所選方向上的自信程度。你工作的越多,它就會(huì)越完整。但是如果限制我們的思考,這個(gè)迭代過程可能會(huì)有害。

迭代過程的問題在于它導(dǎo)致我們將原型視為最終解決方案的步驟,但這意味著我們添加到原型中的任何東西都必須實(shí)用。我們需要得到它的同意,它必須是我們可以在商定的技術(shù)堆棧上建立的東西。在原型設(shè)計(jì)中沒有任何意義,這些東西不實(shí)用或永遠(yuǎn)不會(huì)被批準(zhǔn)。

這是一種危險(xiǎn)的心態(tài),因?yàn)樗⒓聪拗屏嗽汀N覀冮_始妥協(xié)用戶體驗(yàn),因?yàn)槲覀冎篱_發(fā)團(tuán)隊(duì)會(huì)說這是不可能的,或者高級(jí)管理層會(huì)拒絕它。

停止約束你的原型

根據(jù)我們?nèi)绾问褂梦覀兊脑?,這種態(tài)度很可能是一個(gè)錯(cuò)誤。首先,當(dāng)我們確定原型的某些方面不實(shí)用時(shí),我們會(huì)做出很多假設(shè)。畢竟,有可能建造任何東西;?這取決于我們?cè)敢饣ǘ嗌馘X。

至于利益相關(guān)者,我們通常會(huì)對(duì)他們接受或拒絕的內(nèi)容產(chǎn)生嚴(yán)重質(zhì)疑,直到我們嘗試,我們才會(huì)知道。最重要的是,在這些限制范圍內(nèi)進(jìn)行原型設(shè)計(jì)從一開始就設(shè)置得太低了,利益相關(guān)者永遠(yuǎn)不會(huì)看到優(yōu)秀的用戶體驗(yàn)有多好。

顯示管理有什么好看的

如果您向利益相關(guān)者展示出色的體驗(yàn),他們通常會(huì)對(duì)此感到興奮,并激勵(lì)他們實(shí)現(xiàn)這一目標(biāo)。你向他們展示了一個(gè)好的體驗(yàn),他們才能看到它的價(jià)值。只有這樣,他們才愿意做出妥協(xié)才能使其成為現(xiàn)實(shí)。

同樣,令人驚訝的是,我們關(guān)于誰會(huì)接受什么假設(shè)經(jīng)常被證明是錯(cuò)誤的。一個(gè)你認(rèn)為會(huì)拒絕你的人,當(dāng)他們看到你的潛力時(shí),就會(huì)成為你最大的擁護(hù)者。

使用原型來轉(zhuǎn)換對(duì)話

然后有一個(gè)事實(shí),即展示一個(gè)鼓舞人心的原型可以改變對(duì)話。想象一下:您想要設(shè)計(jì)一種您在現(xiàn)有技術(shù)堆棧中無法實(shí)現(xiàn)的體驗(yàn),您可以向管理層說服整個(gè)技術(shù)堆棧需要改變,這將是一場艱苦的戰(zhàn)斗。

但是,如果您構(gòu)建的原型忽略了技術(shù)限制并且管理層喜歡它,那么現(xiàn)在開發(fā)人員可以解釋為什么技術(shù)堆棧無法支持它,舉證責(zé)任已經(jīng)改變。

設(shè)置欄高和妥協(xié)下來

我并沒有聲稱,如果你突然創(chuàng)造出完美的用戶體驗(yàn),那么每個(gè)人都會(huì)購買并獲得批準(zhǔn),會(huì)有妥協(xié)。但這些妥協(xié)將從一個(gè)高起點(diǎn)開始,每個(gè)人都會(huì)明白用戶和業(yè)務(wù)將失去什么。如果你沒有向他們展示最佳實(shí)踐的樣子,他們永遠(yuǎn)不會(huì)知道舊技術(shù)堆棧的成本,或者公司過時(shí)的態(tài)度。

當(dāng)您在創(chuàng)建原型的過程中包含它們時(shí),這種旨在激發(fā)和利益相關(guān)者的原型設(shè)計(jì)方法可以更好地工作。

誰應(yīng)該參與原型設(shè)計(jì)?

當(dāng)原型設(shè)計(jì)獨(dú)立工作時(shí),是最糟糕的事情。這樣做不僅會(huì)導(dǎo)致劣質(zhì)解決方案,還會(huì)破壞上面列出的許多好處。

提供高質(zhì)量的數(shù)字服務(wù)需要許多專家密切合作,并且更多人同意所選擇的方法,這使得一個(gè)人幾乎不可能坐下來設(shè)計(jì)原型。

那你是誰需要參與?

那么,您需要的人分為兩類:那些將生產(chǎn)您正在進(jìn)行原型設(shè)計(jì)的最終數(shù)字服務(wù)的人,以及那些需要購買的人。

讓我們依次看看每一個(gè)。

1. 團(tuán)隊(duì)

您真的需要盡可能多的讓數(shù)字服務(wù)的團(tuán)隊(duì)參與創(chuàng)建原型。

  • 首先,您顯然需要會(huì)議中的用戶界面設(shè)計(jì)師,他們?cè)谝曈X層次方面的專業(yè)知識(shí)尤為重要。如果您有獨(dú)立的用戶體驗(yàn)設(shè)計(jì)師,請(qǐng)確保他們有代表,他們將提供關(guān)于原型服務(wù),如何適應(yīng)更廣泛的用戶體驗(yàn)地圖的觀點(diǎn)。也有內(nèi)容專家參與,他們將能夠提供消息傳遞和信息架構(gòu)方面的幫助。
  • 然后,如果您有,請(qǐng)包括用戶研究員,有人清楚地了解用戶想要實(shí)現(xiàn)的目標(biāo)以及他們有什么問題。
  • 最后,不要忘記包括開發(fā)人員,他們經(jīng)常被排除在外,但他們的參與至關(guān)重要。很多時(shí)候,在原型制作階段做出決定,這些決策會(huì)對(duì)進(jìn)一步的發(fā)展產(chǎn)生嚴(yán)重影響。

2. 利益相關(guān)者

除核心團(tuán)隊(duì)外,還包括來自整個(gè)組織的代表性利益相關(guān)者。

通常這些包括:

  1. 高級(jí)管理人員;
  2. 營銷;
  3. 產(chǎn)品所有者。

事實(shí)上,在原型設(shè)計(jì)方面,我鼓勵(lì)采取開放政策。如果有人想要參與,請(qǐng)?jiān)试S他們。那是因?yàn)槿绻麄儏⑴c原型的創(chuàng)建,他們就會(huì)感受到對(duì)它的主人翁感。如果他們對(duì)此有一種歸屬感,那么他們就不太可能批評(píng)它,更有可能為其他人辯護(hù)。

不可否認(rèn),包括原型制作過程中的大量人員可能聽起來令人生畏。但是,做得對(duì),它可以非常有效。

如何協(xié)同原型

您如何進(jìn)行協(xié)作原型設(shè)計(jì),將取決于所涉及的人數(shù)以及這些人員的身份。但是,無論在什么情況下,并非每個(gè)人都需要平等參與。根據(jù)您生產(chǎn)的原型類型,有些人會(huì)比其他人做更多的工作。

也就是說,盡可能多的參與者開展某種形式的啟動(dòng)原型研討會(huì)是一個(gè)很好的開始,這是一個(gè)探索許多不同想法并朝著初步方向前進(jìn)的機(jī)會(huì)。

運(yùn)行此會(huì)話的一種方法稱為敏捷設(shè)計(jì)。

sprint是一個(gè)為期五天的流程,通過設(shè)計(jì),原型設(shè)計(jì)和客戶測試方法來回答關(guān)鍵業(yè)務(wù)問題。

在許多情況下,這可以轉(zhuǎn)化為定義和啟動(dòng)某種形式的數(shù)字項(xiàng)目的方式,盡管Google Ventures已經(jīng)使用了該領(lǐng)域之外的技術(shù)。

Google創(chuàng)建了一個(gè)高度結(jié)構(gòu)化的為期五天的流程,其中包含為每天定義的活動(dòng)。

典型的設(shè)計(jì)sprint運(yùn)行如下:

  • 星期一:該小組與來自整個(gè)組織的專家合作,確定最終目標(biāo)并制定本周的挑戰(zhàn)。
  • 星期二:團(tuán)隊(duì)通過查看靈感來源并草擬他們可以采取的各種方法,開始探索各種解決方案。
  • 星期三:該小組研究周二探討的解決方案,并決定哪些方案最有可能實(shí)現(xiàn)本周的目標(biāo)。然后,團(tuán)隊(duì)將這些草繪的解決方案擴(kuò)展到故事板中。
  • 星期四:該小組將故事板變成了一個(gè)工作原型,旨在模仿準(zhǔn)備進(jìn)行測試的最終方法。
  • 星期五:最終原型展示給潛在用戶,并測試其可行性。

整個(gè)過程具有高度互動(dòng)性,實(shí)驗(yàn)性和以用戶為中心。簡而言之,它包含許多設(shè)計(jì)思維的原則,以產(chǎn)生每個(gè)人都同意的有形物。

敏捷設(shè)計(jì)的問題在于它們是時(shí)間密集的,盡管可能讓您的核心團(tuán)隊(duì)在一個(gè)房間內(nèi)待上一周,但讓其他利益相關(guān)者可能會(huì)很困難,尤其是高級(jí)管理人員。

一周確實(shí)為利益相關(guān)者提供了一個(gè)更有限的參與能力,但是如果他們不喜歡敏捷的輸出,這仍然會(huì)讓高級(jí)管理層中的某個(gè)人冒險(xiǎn)進(jìn)一步破壞這個(gè)過程。

有兩種方法可以解決這個(gè)問題。首先是他們將自己的權(quán)力委托給他們信任的房間里的某個(gè)人,如果他們采取這種方法,他們必須承認(rèn)他們失去了以后推翻的能力。另一種方法是讓他們?cè)谡麄€(gè)星期內(nèi)定期審查進(jìn)度,在太多工作完成之前,如果他們對(duì)方向感到不舒服,那么他們就可以對(duì)團(tuán)隊(duì)進(jìn)行糾正。

當(dāng)然,為任何人提供五天不間斷的時(shí)間將是艱難的,不僅僅是高級(jí)經(jīng)理,這就是為什么有時(shí)候更短的研討會(huì)更可取。

舉辦一個(gè)簡短的研討會(huì)

縮短研討會(huì)時(shí)間的關(guān)鍵是要清楚地了解您的目標(biāo)。確保您實(shí)際上一起創(chuàng)建某些內(nèi)容也很重要,而不僅僅是開會(huì)。

什么東西將取決于可用時(shí)間。如果您只有幾個(gè)小時(shí),最好的方法可能是專注于確定原型需要解決的任務(wù)和問題的優(yōu)先級(jí)列表。

有了更多的時(shí)間,您可以探索原型中關(guān)鍵頁面的可視化層次結(jié)構(gòu)和內(nèi)容,這可以通過一系列互動(dòng)練習(xí)來完成。無論您是經(jīng)營2小時(shí)的研討會(huì)還是5天的敏捷設(shè)計(jì),您應(yīng)該始終做的一件事是前期研究。

做你的研究

在沒有真正了解用戶的情況下開始原型設(shè)計(jì)將導(dǎo)致災(zāi)難,它將產(chǎn)生一個(gè)滿足內(nèi)部利益相關(guān)者需求的原型,同時(shí)在很大程度上忽略了用戶。為使最終的數(shù)字服務(wù)有效,不允許發(fā)生這種情況。

任何原型制作研討會(huì)都必須不懈地關(guān)注用戶需求,這意味著您必須了解這些需求是什么。

您需要了解以下內(nèi)容:

  • 用戶的最終目標(biāo)是什么。
  • 用戶希望完成哪些任務(wù)。
  • 用戶有什么問題。
  • 用戶的感受如何。
  • 用戶需要幫助的痛點(diǎn)是什么。
  • 原型適合整個(gè)用戶體驗(yàn)地圖。

考慮到這一點(diǎn),在開始合作原型之前,首先進(jìn)行一些用戶研究是很重要的。使用用戶體驗(yàn)地圖或該研究的其他可視化形式進(jìn)入會(huì)議,以幫助關(guān)注每個(gè)參與用戶需求的人。

希望在研討會(huì)結(jié)束時(shí),您將更清楚地了解如何滿足這些需求。你沒有的是一個(gè)完全工作的原型。必須在研討會(huì)之后制作。

在這一點(diǎn)上不可避免的問題是我們應(yīng)該用什么來制作原型?

哪個(gè)是原型制作的最佳工具?

關(guān)于哪種工具最適合原型設(shè)計(jì)似乎存在無窮無盡的爭論,事實(shí)上,沒有一個(gè)。它們各有利弊,每種都更適合不同的情況。

有人認(rèn)為你無法擊敗筆和紙,對(duì)于研討會(huì)來說,這當(dāng)然是正確的,因?yàn)槊總€(gè)人都可以繪制盒子,但是筆和紙缺乏交互性并且是低保真度的。其他人認(rèn)為你應(yīng)該在瀏覽器中進(jìn)行原型設(shè)計(jì),這對(duì)于演示原型加時(shí)而言非常有用,并且更能代表最終的可交付成果,但它也可能非常耗時(shí)。

然后有很多來自Balsamiq等工具的原型制作工具,它具有很低的進(jìn)入門檻,一直到Marvel或Principle這樣的高度互動(dòng)的東西。

您使用的這些工具中的哪一種取決于個(gè)人喜好,但是您可能會(huì)問一些問題來指導(dǎo)您的決策:

  • 它是否定期更新和開發(fā)?
  • 它是否有一個(gè)社區(qū)創(chuàng)建可下載的預(yù)設(shè)對(duì)象庫?
  • 它能讓你毫不費(fèi)力地組裝線框- 你能在一個(gè)滿是人的房間前快速使用嗎?
  • 它是否有完整的站點(diǎn)地圖,允許從頁面快速跳轉(zhuǎn)到頁面?
  • 即使是大型項(xiàng)目,它是否快速且響應(yīng)迅速?
  • 你可以用它構(gòu)建HTML的一小部分時(shí)間用它構(gòu)建一個(gè)工作原型嗎?
  • 它是否允許在您需要時(shí)創(chuàng)建復(fù)雜的交互?
  • 它是否允許創(chuàng)建逼真的表格?
  • 它是否允許邏輯運(yùn)算,’if’語句等?
  • 它是否具有模板或可更新對(duì)象的庫函數(shù),以便在模型中快速波動(dòng)?
  • 它是否支持您想要的視覺外觀?
  • 它是否允許利益相關(guān)者的評(píng)論和反饋?

以上哪些事項(xiàng)取決于您正在創(chuàng)建的項(xiàng)目和原型類型,但關(guān)于評(píng)論和反饋的最后一點(diǎn)值得特別考慮。那是因?yàn)檫t早你必須向那些沒有參與其創(chuàng)作的人,展示你的原型。

向他人展示你的原型

正如你所推斷的,我是原型設(shè)計(jì)的忠實(shí)粉絲,但它們并非沒有問題。其中最大的一點(diǎn)是,他們可以混淆那些沒有參與創(chuàng)作的人。

那些第一次看到原型的人常常想知道他們究竟在看什么?這是否意味著最終設(shè)計(jì)?它包括什么以及它遺漏了什么?這是否一成不變或開放討論?

原型通常是如此基本,以至于利益相關(guān)者無法想象最終結(jié)果會(huì)是什么樣的,聽到利益相關(guān)者稱贊“為什么是黑白”或“這將成為最終形象?”的情況并不少見。

這導(dǎo)致我們?cè)S多人加班改進(jìn)我們的原型,在與其他數(shù)字專業(yè)人士(如開發(fā)人員)打交道時(shí),他們開始基本。當(dāng)我們對(duì)用戶進(jìn)行一些初步測試時(shí),它們會(huì)變得更加明確。最后,我們給它們一個(gè)漂亮的外殼,然后向任何人展示。不幸的是,這往往適得其反。

不要讓你的原型落入不可思議的山谷

如果一個(gè)原型太過精致,它可能會(huì)掉進(jìn)不可思議的山谷?!肮终Q谷”是第一個(gè)創(chuàng)造出來的詞,用來描述動(dòng)畫、電腦游戲或機(jī)器人中的人物。這些年來,已經(jīng)變得如此先進(jìn),他們看起來幾乎是人類。但幾乎可以說是個(gè)問題。一些看上去像人類,但不完全是人類的東西,讓我們感到不安。在我們看來,這似乎不太對(duì),有東西壞了。

如果我們的原型設(shè)計(jì)太多,許多利益相關(guān)者會(huì)以類似的方式做出反應(yīng),它看起來像一個(gè)完成的網(wǎng)站或應(yīng)用程序,但事實(shí)并非如此,有些東西不太正確,他們開始嘗試找到問題。

通常答案是向他們展示早期的原型,不那么精致的原型,沒有落入神秘山谷的原型。當(dāng)然,您現(xiàn)在面臨的問題是客戶不明白他們?cè)诳词裁?,但這可以通過一些教育來克服。

解釋原型

當(dāng)不是每個(gè)看到原型的人都接受了這種教育時(shí),危險(xiǎn)就來了,也許利益相關(guān)者會(huì)向另一位同事或某人發(fā)送電子郵件中的鏈接。無論如何,他們都沒有解釋原型,這可能是災(zāi)難性的。

我對(duì)此問題的首選解決方案是視頻,每當(dāng)有人訪問原型時(shí),他們首先會(huì)看到一個(gè)視頻(通常作為疊加層),在他們可以查看原型之前,我有機(jī)會(huì)解釋他們將要看到的內(nèi)容。

我首先明確表示原型不是最終的網(wǎng)站,這種方法成功的關(guān)鍵是將原型作為討論作品展示。原型的第一次迭代永遠(yuǎn)不應(yīng)該是你構(gòu)建的,而是對(duì)可能性的看法。這樣做,你會(huì)對(duì)可以獲得批準(zhǔn)的東西感到震驚。

我強(qiáng)調(diào)原型的目的是收集反饋,利益相關(guān)者的反饋,也包括真實(shí)用戶。我將解釋我們關(guān)注的用戶群,以及我們?yōu)檫@些受眾群體,提供的內(nèi)容和功能。最后,我清楚地說明了我們沒有解決哪些受眾以及我們遺漏了哪些相關(guān)內(nèi)容。

管理您想要的反饋

根據(jù)項(xiàng)目的階段,我有時(shí)也會(huì)提出反饋請(qǐng)求,但是你決定采取這種方法要小心,永遠(yuǎn)不要求人們提供開放式反饋。如果你這樣做,他們將分享他們的個(gè)人喜好,像“?我不喜歡這種顏色?”?這樣的評(píng)論沒有幫助。

而是提出結(jié)構(gòu)化問題,有助于您改進(jìn)原型的問題,但也有助于教育利益相關(guān)者關(guān)注他們應(yīng)該關(guān)注的重點(diǎn)。

問題如:

  • 原型是否使我們的目標(biāo)用戶能夠完成他們的任務(wù)?如果沒有,哪些任務(wù)缺失?
  • 原型是否突出了我們對(duì)行動(dòng)的呼吁?
  • 頁面布局是否將重點(diǎn)放在作為組織和用戶的最重要元素上?
  • 副本中的語調(diào)是否與我們的品牌一致?

您的最后一組問題將取決于原型的精確程度以及您需要的反饋,但是你明白了,通過提出正確的問題,引導(dǎo)利益相關(guān)者遠(yuǎn)離個(gè)人偏好。

超越你的解釋性視頻

您希望盡可能縮短視頻,但這并不意味著您無法為感興趣的人提供更多信息。我制作的許多視頻都與博客鏈接一起出現(xiàn),概述了我們目前正在開展的工作。

包含時(shí)間表也很有用,因此利益相關(guān)者可以了解您的進(jìn)展情況以及您還剩下什么。如果人們可以看到進(jìn)展,他們就不太可能抱怨你還沒有推出新網(wǎng)站。

原型、視頻、博客和時(shí)間表可能看起來是項(xiàng)目無法承受的奢侈品。但是,如果該項(xiàng)目有很多利益相關(guān)者,那么它們就是非常寶貴的,可以加速這個(gè)過程。通過讓利益相關(guān)者知情并參與其中,項(xiàng)目不太可能出軌。在我看來,值得投資。

進(jìn)一步采用原型設(shè)計(jì)

我非常清楚這是我寫過的最長的帖子,但這是有充分理由的。原型設(shè)計(jì)是現(xiàn)代數(shù)字設(shè)計(jì)的基礎(chǔ),它是一個(gè)非常有價(jià)值的工具,實(shí)際上非常有價(jià)值,它可以用于改善用戶界面。

越來越多的企業(yè)正在采用原型設(shè)計(jì)來解決各種用戶體驗(yàn)挑戰(zhàn),我見過原型設(shè)計(jì)用于解決社交媒體和網(wǎng)站之間或從網(wǎng)站到移動(dòng)應(yīng)用之間的轉(zhuǎn)換點(diǎn),我甚至看到它曾經(jīng)重新想象離線體驗(yàn)。

正如我之前所說,迪士尼甚至制作了一個(gè)原型,展示了Magicband如何改善他們公園的體驗(yàn),一個(gè)原型導(dǎo)致他們的行政綠色照明超過10億美元的裝修。但是,我也意識(shí)到原型設(shè)計(jì)可能會(huì)令人生畏,它可能涉及改變傳統(tǒng)工作方式,并說服許多利益相關(guān)者加入。

我鼓勵(lì)你從一些簡單的草圖或初始線框圖開始,您可以隨著時(shí)間的推移進(jìn)行擴(kuò)展。

名詞解釋:

  1. 敏捷設(shè)計(jì)(design sprint):一個(gè)5階段框架,通過快速原型和用戶測試幫助回答關(guān)鍵的業(yè)務(wù)問題,敏捷設(shè)計(jì)讓你的團(tuán)隊(duì)達(dá)到清晰明確的目標(biāo)和獲得交付成果,并迅速掌握關(guān)鍵的學(xué)習(xí)。這個(gè)過程有助于激發(fā)創(chuàng)新,鼓勵(lì)以用戶為中心的思維,使你的團(tuán)隊(duì)在一個(gè)共同的愿景下保持一致,并使你更快地推出產(chǎn)品。(https://designsprintkit.withgoogle.com/
  2. 用戶體驗(yàn)地圖(user journey):是一個(gè)可視化地描述用戶使用產(chǎn)品或接受服務(wù)的體驗(yàn)情況,以此發(fā)現(xiàn)用戶在整個(gè)使用過程中的問題點(diǎn)和滿意點(diǎn),并從中提煉出產(chǎn)品或服務(wù)中的改進(jìn)點(diǎn)和機(jī)會(huì)點(diǎn)。

 

原文作者:Paul Boag

原文鏈接:https://boagworld.com/usability/prototyping/

譯文作者:兔子翻譯組

本文由@兔子翻譯組 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖作者提供

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 不錯(cuò)的文章值得多讀幾遍,如果能再口語化一點(diǎn)就好了,辛苦翻譯組。從原型的概念,到需要它的原因再到如何制作它,以及參與的人員,連工具都列出來了,最后再慢慢完善,可以說是把原型這塊說的非常全面了。以后用到可以拿出來翻翻,收藏收藏

    來自北京 回復(fù)
    1. 哈哈我們翻譯組會(huì)努力的~

      來自北京 回復(fù)
  2. 難得一見的好文章,從什么是原型到為什么要設(shè)計(jì)原型,以及在設(shè)計(jì)原型時(shí)要注意的問題……可以說是各個(gè)方面都涉及到了,相當(dāng)?shù)娜?。已收藏,做原型的時(shí)候可以拿出來對(duì)照查漏補(bǔ)缺。哈哈,是不是很偷懶 ??

    來自廣東 回復(fù)
    1. 翻譯文章的目的也是為了讓小伙伴能用上,經(jīng)常拿出來看看,很好啊~

      來自北京 回復(fù)
  3. 這邊文章是英文翻譯過來的嗎? 很多語句不是常人所用的,拗口得很,但還是受益匪淺。

    來自廣東 回復(fù)
    1. 嗯是的,翻譯水平還有待提高哈哈,會(huì)努力的~

      來自北京 回復(fù)