概述：用戶(hù)體驗(yàn)設(shè)計(jì)師到底能產(chǎn)出什么？本文，我們將探討用戶(hù)體驗(yàn)可交付成果（UX ?Deliverables）的概念，該術(shù)語(yǔ)描述了用戶(hù)體驗(yàn)設(shè)計(jì)過(guò)程各個(gè)階段的內(nèi)容輸出。用戶(hù)體驗(yàn)設(shè)計(jì)師產(chǎn)出的可交付成果根據(jù)其在設(shè)計(jì)團(tuán)隊(duì)中的角色以及每個(gè)角色所使用的方法和工具的不同而不同。 ?在這里，我們將概述一些最常見(jiàn)的可交付成果。

用戶(hù)體驗(yàn)設(shè)計(jì)過(guò)程同設(shè)計(jì)思維方式類(lèi)似，包括五個(gè)基本階段：

• 與用戶(hù)產(chǎn)生同理心（了解受眾）

• 定義問(wèn)題（確定用戶(hù)的需求）

• 創(chuàng)意（生成設(shè)計(jì)想法）

• 原型（將想法轉(zhuǎn)化為具體的例子）

• 測(cè)試（評(píng)估設(shè)計(jì)）

前兩個(gè)階段（同理心和定義問(wèn)題）通常被歸納為「用戶(hù)研究」，即了解用戶(hù)的本質(zhì)及其對(duì)用戶(hù)需求的影響。在每個(gè)階段都可以使用一些工具和方法。每一種工具或方法可能會(huì)產(chǎn)生不同類(lèi)型的輸出（即用戶(hù)體驗(yàn)可交付成果），本文將重點(diǎn)介紹一些最常用的類(lèi)型，讓你了解在用戶(hù)體驗(yàn)設(shè)計(jì)中可能會(huì)產(chǎn)生的輸出內(nèi)容。

用戶(hù)研究可交付成果

用戶(hù)模型 Persona

用戶(hù)模型是一個(gè)虛構(gòu)的角色，設(shè)計(jì)師將其塑造為一種模式化的用戶(hù)。它代表了典型的用戶(hù)及其目標(biāo)、動(dòng)機(jī)、挫敗感和技能。如人口統(tǒng)計(jì)和教育背景等信息則用來(lái)完善角色的構(gòu)建。根據(jù)項(xiàng)目范圍的不同，設(shè)計(jì)師會(huì)生成一系列不同的角色，以盡可能多地涵蓋受眾群體。創(chuàng)建用戶(hù)模型有助于設(shè)計(jì)師與用戶(hù)產(chǎn)生同理心，并透徹地理解他們是誰(shuí)以及他們想要實(shí)現(xiàn)的目標(biāo)。

用戶(hù)模型示例。以圖表或文字的形式表現(xiàn)人口統(tǒng)計(jì)學(xué)、能力、技能、目標(biāo)和動(dòng)機(jī)。版權(quán)所有者：Rosenfeld Media，F(xiàn)lickr。 版權(quán)條款和許可：CC BY 2.0

故事板 Storyboard

故事板是借用了電影行業(yè)的一個(gè)概念（分鏡）。它本質(zhì)上是由一組漫畫(huà)構(gòu)成，概述了用戶(hù)的行動(dòng)及其發(fā)生的情境。這個(gè)想法的力量在于，它不僅可以展示用戶(hù)的行為，而且還揭示了環(huán)境，這可能會(huì)影響到用戶(hù)如何做某事或?yàn)槭裁醋瞿呈隆?/p>

故事板有助于將用戶(hù)的行為及其發(fā)生的情境可視化。雖然故事板主要用于與用戶(hù)產(chǎn)生同理心，但在構(gòu)思階段，故事板也可以用來(lái)幫助說(shuō)明一些設(shè)計(jì)選擇。版權(quán)所有者：Rosenfeld Media，F(xiàn)lickr。 版權(quán)條款和許可：CC BY 2.0

客戶(hù)旅程地圖 Customer Journey Map

客戶(hù)旅程地圖 ?（又稱(chēng)體驗(yàn)地圖）是一種表示用戶(hù)為達(dá)到特定目標(biāo)所采取的步驟（即過(guò)程）的圖表。通過(guò)沿著時(shí)間線將過(guò)程描繪出來(lái)，設(shè)計(jì)人員可以了解情境變化以及沿途的動(dòng)機(jī)、問(wèn)題和需求。通過(guò)確定用戶(hù)的主要痛點(diǎn)，設(shè)計(jì)人員可以更好地解決他們的問(wèn)題，并意識(shí)到產(chǎn)品或服務(wù)可能在哪些方面適合幫助用戶(hù)解決問(wèn)題。

該客戶(hù)旅程地圖描繪了一個(gè)人決定購(gòu)買(mǎi)歐鐵車(chē)票的過(guò)程。在每一步過(guò)程中，設(shè)計(jì)人員通過(guò)考慮用戶(hù)正在進(jìn)行的活動(dòng)、正在想什么，以及他們的感受，勾勒出用戶(hù)體驗(yàn)。最后，還概述了改善當(dāng)前用戶(hù)體驗(yàn)的機(jī)會(huì)。版權(quán)持有者：Tobias ?Maier，Wikimedia。 版權(quán)條款和許可：CC BY-SA 3.0

創(chuàng)意可交付成果

頭腦風(fēng)暴 Brainstorming

頭腦風(fēng)暴是一個(gè)過(guò)程，在該過(guò)程中，設(shè)計(jì)師團(tuán)隊(duì)會(huì)產(chǎn)生關(guān)于如何解決用戶(hù)研究階段發(fā)現(xiàn)的問(wèn)題和機(jī)會(huì)的想法。這里的概念在于盡可能多地產(chǎn)生一些想法（即使這些想法完全是荒謬的），這樣設(shè)計(jì)人員可以在之后對(duì)這些想法進(jìn)行篩選，并將其縮減為最有前途的想法。頭腦風(fēng)暴的核心點(diǎn)是，團(tuán)隊(duì)成員可以自由地探索所有角度和領(lǐng)域；事實(shí)上，最好的解決方案有時(shí)可能會(huì)從最瘋狂的想法中產(chǎn)生。

頭腦風(fēng)暴通常是使用大量便簽紙進(jìn)行的，設(shè)計(jì)師用其寫(xiě)下所有想法。然后，可以對(duì)便簽進(jìn)行討論、分層排序、按主題進(jìn)行分組及排列，使之成為解決設(shè)計(jì)問(wèn)題的最佳創(chuàng)意的可視化地圖。版權(quán)持有者：visualpun.ch，F(xiàn)lickr。 版權(quán)條款和許可：CC BY 2.0

用戶(hù)流 User Flow

用戶(hù)流程圖是一個(gè)簡(jiǎn)單的圖表，它勾勒出了用戶(hù)使用產(chǎn)品或服務(wù)時(shí)為了達(dá)到目標(biāo)而必須采取的步驟。與客戶(hù)旅程地圖不同，用戶(hù)流程圖只考慮產(chǎn)品所發(fā)生的情況（也就是說(shuō)，忽略了所有的外部因素）。這些圖可以幫助設(shè)計(jì)人員快速評(píng)估實(shí)現(xiàn)用戶(hù)目標(biāo)所需的流程效率，并且可以幫助確定通過(guò)頭腦風(fēng)暴確定的偉大創(chuàng)意是否可行。

用戶(hù)流程圖示例顯示了用戶(hù)在應(yīng)用程序中的操作。版權(quán)持有人：Teo Yu Siang和交互設(shè)計(jì)基金會(huì)。 版權(quán)條款和許可：CC BY-NC-SA 3.0

原型可交付成果

站點(diǎn)地圖 Sitemap

站點(diǎn)地圖顯示了網(wǎng)站的層次結(jié)構(gòu)和導(dǎo)航結(jié)構(gòu)。此類(lèi)地圖也經(jīng)常用于移動(dòng)應(yīng)用程序。它們的作用是顯示內(nèi)容如何被組織成「屏幕」或區(qū)塊，以及用戶(hù)如何從服務(wù)的一個(gè)部分過(guò)渡到另一部分。

站點(diǎn)地圖示例，顯示了網(wǎng)站內(nèi)容的組織方式以及用戶(hù)如何從一個(gè)區(qū)塊過(guò)渡到另一個(gè)區(qū)塊。版權(quán)持有人：Teo Yu Siang和交互設(shè)計(jì)基金會(huì)。 版權(quán)條款和許可：CC BY-NC-SA 3.0

低保真原型 Low-fidelity prototype

一旦準(zhǔn)備好站點(diǎn)地圖，就可以開(kāi)始勾畫(huà)出每個(gè)屏幕的內(nèi)容布局方式。低保真原型忽略了任何視覺(jué)設(shè)計(jì)的細(xì)節(jié)，并作為一個(gè)粗略的指南，讓設(shè)計(jì)師們了解內(nèi)容的放置方式和位置。低保真原型可以從手繪草圖開(kāi)始（因?yàn)槠渲谱魉俣瓤欤瑑r(jià)格便宜，如果你改變主意，也可以很輕松地把它們?nèi)拥簦缓筇釤挸筛鎸?shí)信息展示的電腦繪制的線框圖，但仍然會(huì)缺少視覺(jué)設(shè)計(jì)細(xì)節(jié)。

手繪（左）和電腦繪制的低保真原型示例（右）。版權(quán)持有者：VFS數(shù)字設(shè)計(jì)，F(xiàn)lickr。 版權(quán)條款和許可：CC BY 2.0

高保真原型 High-fidelity prototype

這些原型是從低保真原型發(fā)展而來(lái)的。它們通常被稱(chēng)為像素完美的原型，因?yàn)樗鼈冊(cè)噲D展示產(chǎn)品的所有視覺(jué)和排版設(shè)計(jì)細(xì)節(jié)，就像真實(shí)屏幕上顯示的那樣。它們考慮到了物理屏幕的尺寸，并按照物理設(shè)備的尺寸制作。盡管與低保真原型相比，這些原型需要更多的時(shí)間來(lái)制作，但它們通常是你想向客戶(hù)或利益相關(guān)者展示的視覺(jué)效果圖類(lèi)型。

適用于移動(dòng)應(yīng)用的高保真（像素完美）原型示例。盡管這些看起來(lái)像一個(gè)已經(jīng)完成的、真實(shí)的應(yīng)用程序的屏幕截圖，但它們只不過(guò)是一個(gè)模型而已。不幸的是，很多客戶(hù)似乎認(rèn)為，在這個(gè)階段，你已經(jīng)接近完成整個(gè)項(xiàng)目了。所以一定要向被展示者清楚地表明，這些只是視覺(jué)效果，還沒(méi)有生成任何代碼！版權(quán)持有者：amire80，Wikimedia。 ?版權(quán)條款和許可：CC BY-SA 3.0

交互原型 Interactive prototype

上面討論的低保真和高保真原型只是靜態(tài)圖像的集合。為了更好地評(píng)估你的設(shè)計(jì)，你可能會(huì)把這些原型轉(zhuǎn)變?yōu)榻换ナ窖菔?。商業(yè)原型開(kāi)發(fā)軟件允許你定義可點(diǎn)擊的區(qū)域、過(guò)渡和事件，以便制作出一個(gè)交互式原型，捕獲用戶(hù)流程并演示交互性，而無(wú)需編寫(xiě)任何代碼。在某些情況下，你也可以使用更簡(jiǎn)單的工具，如PowerPoint ?或 Keynote ?等。你可以在早期的用戶(hù)測(cè)試中使用這些交互原型，甚至在任何代碼還沒(méi)有寫(xiě)出來(lái)之前。這樣一來(lái)，你可以在投入到昂貴而費(fèi)力的代碼開(kāi)發(fā)過(guò)程之前，就能確保設(shè)計(jì)運(yùn)行良好。

如何使用Keynote創(chuàng)建交互原型

評(píng)估可交付成果

可用性報(bào)告 Usability report

一旦實(shí)現(xiàn)了設(shè)計(jì)（即使只是作為交互原型），你就可以開(kāi)始對(duì)這個(gè)設(shè)計(jì)進(jìn)行一些評(píng)估。評(píng)估可以采用多種形式。你可以讓一些用戶(hù)試用你的設(shè)計(jì)，然后采訪他們，或者在焦點(diǎn)小組中與他們合作：這是定性評(píng)估的一個(gè)示例。你可以把用戶(hù)帶進(jìn)實(shí)驗(yàn)室，讓他們用你的原型完成特定的任務(wù)，同時(shí)測(cè)量諸如錯(cuò)誤次數(shù)、點(diǎn)擊次數(shù)、或者完成任務(wù)所花費(fèi)的時(shí)間等指標(biāo)。在實(shí)驗(yàn)室里，你可以使用特殊的設(shè)備，比如眼動(dòng)追蹤攝像機(jī)，來(lái)觀察用戶(hù)在瀏覽某個(gè)特定設(shè)計(jì)時(shí)的注意力在哪里。你也可以要求他們使用提供替代設(shè)計(jì)實(shí)現(xiàn)的原型來(lái)執(zhí)行同樣的任務(wù)，這樣你就可以對(duì)它們進(jìn)行比較，看看哪種設(shè)計(jì)更好（亦即A/B測(cè)試）。

評(píng)估設(shè)計(jì)有很多方法。無(wú)論最終要做什么評(píng)估，都必須將調(diào)查結(jié)果總結(jié)為可用性報(bào)告。一份完整的可用性報(bào)告通常包含以下幾個(gè)部分：

• 背景概述：你的測(cè)試內(nèi)容、地點(diǎn)和時(shí)間、所使用的工具和設(shè)備以及參與研究的人員。

• 方法：你是如何進(jìn)行評(píng)估的，要求用戶(hù)執(zhí)行了哪些任務(wù)，收集了哪些數(shù)據(jù)，使用了哪些方案，參與者是誰(shuí)以及他們的人口統(tǒng)計(jì)學(xué)資料。

• 測(cè)試結(jié)果：對(duì)收集到的所有數(shù)據(jù)進(jìn)行分析，包括條形圖等插圖和對(duì)研究結(jié)果的文字說(shuō)明，以及可能具有特別說(shuō)明性或啟發(fā)性的用戶(hù)評(píng)論。根據(jù)你要與之進(jìn)行報(bào)告的對(duì)象，這一部分可能會(huì)包含一些更多的技術(shù)細(xì)節(jié)，例如所使用的統(tǒng)計(jì)分析類(lèi)型等。

• 調(diào)查結(jié)果和建議：根據(jù)你收集到的數(shù)據(jù)和調(diào)查結(jié)果，你有何建議？寫(xiě)下有效的方法，無(wú)效的方法以及原因。說(shuō)明下一步應(yīng)該做什么來(lái)改進(jìn)設(shè)計(jì)或做什么繼續(xù)推進(jìn)該過(guò)程。

請(qǐng)記住，可用性報(bào)告可能是針對(duì)你的項(xiàng)目中的其他一些角色的。經(jīng)理們可能只需要一份執(zhí)行摘要和一份關(guān)于評(píng)估結(jié)果如何影響整個(gè)項(xiàng)目時(shí)間表的聲明。其他設(shè)計(jì)人員更感興趣的可能是你如何進(jìn)行評(píng)估的，并希望了解所有的細(xì)節(jié)。開(kāi)發(fā)商可能只對(duì)你的評(píng)估結(jié)果和建議感興趣。確保你的報(bào)告的結(jié)構(gòu)和措辭符合受眾需要。

以摘要形式編寫(xiě)的可用性報(bào)告示例。這里沒(méi)有完整報(bào)告中的大部分細(xì)節(jié)，而重點(diǎn)是結(jié)果。這種演示形式非常適合沒(méi)有時(shí)間且對(duì)完整細(xì)節(jié)不感興趣的高管和經(jīng)理們。版權(quán)持有人：Teo Yu Siang和IDF。 版權(quán)條款和許可：CC BY-NC-SA 3.0

分析報(bào)告 Analytics report

當(dāng)一個(gè)設(shè)計(jì)好的產(chǎn)品發(fā)布并運(yùn)行了一段時(shí)間后，你的公司可能會(huì)向你提供一些使用情況分析數(shù)據(jù)。研究這些數(shù)據(jù)可能會(huì)對(duì)如何提高可用性有很大的幫助，特別是如果這些數(shù)據(jù)包含了用戶(hù)的轉(zhuǎn)換率和行為，那么這些數(shù)據(jù)可能會(huì)給你帶來(lái)很大的啟發(fā)。

比如說(shuō)，你可能會(huì)發(fā)現(xiàn)在一個(gè)電子商務(wù)網(wǎng)站中，很多用戶(hù)都沒(méi)有注冊(cè)完成購(gòu)買(mǎi)。這是否意味著注冊(cè)過(guò)程不夠簡(jiǎn)單？是否意味著他們沒(méi)有看到有這樣一個(gè)選項(xiàng)？而一份分析報(bào)告正好包含了這些數(shù)據(jù)的分析，并強(qiáng)調(diào)了設(shè)計(jì)中可能需要改進(jìn)的地方。雖然漂亮的數(shù)據(jù)分析視覺(jué)效果圖和圖表很有誘惑力，但用戶(hù)體驗(yàn)設(shè)計(jì)師的工作不僅僅是確定事實(shí)，還需要解釋事實(shí)。所以，你的報(bào)告必須包含數(shù)據(jù)，而且還應(yīng)包含合理的解釋和建議。這也是一條有用的記錄，以便你在發(fā)現(xiàn)問(wèn)題并嘗試解決之后，可以看到設(shè)計(jì)更改可能對(duì)你的網(wǎng)站產(chǎn)生的影響。

分析報(bào)告不僅僅是數(shù)據(jù)和視覺(jué)效果，它應(yīng)該包含你自己對(duì)觀察到的用戶(hù)行為的解釋?zhuān)约翱梢愿倪M(jìn)設(shè)計(jì)的建議。版權(quán)持有者：pexels，F(xiàn)oto.com。 版權(quán)條款和許可：CC0

總結(jié)

用戶(hù)體驗(yàn)專(zhuān)家Page Laubheimer在2015年為諾曼·尼爾森（Norman Nielsen）集團(tuán)撰寫(xiě)的一篇文章中，分析了用戶(hù)體驗(yàn)設(shè)計(jì)師最常被要求創(chuàng)建的用戶(hù)體驗(yàn)可交付成果的類(lèi)型。線框圖和原型是最常見(jiàn)的，其次是流程圖，站點(diǎn)地圖和可用性/分析報(bào)告。

Norman ?Nielsen小組對(duì)最常見(jiàn)的用戶(hù)體驗(yàn)可交付成果的分析。此圖顯示了用戶(hù)體驗(yàn)專(zhuān)家被要求制作和分享特定交付品的頻率。需求頻率較低的交付品仍然會(huì)被制作出來(lái)，但通常不會(huì)與其他人分享那么多。版權(quán)持有人：Teo ?Yu Siang和IDF。版權(quán)條款和許可：CC BY-NC-SA 3.0

這些都是我們認(rèn)為「經(jīng)典的」用戶(hù)體驗(yàn)可交付成果，但有一點(diǎn)需要注意的是，雖然這些可交付成果會(huì)被制作出來(lái)并與他人分享，但很多其他類(lèi)型的可交付成果一樣會(huì)被制作出來(lái)，只是從來(lái)沒(méi)有被分享過(guò)而已（因此在本研究中排名較低）。通常情況下，管理層、客戶(hù)和其他團(tuán)隊(duì)成員也只對(duì)能幫助其推進(jìn)任務(wù)的交付成果類(lèi)型感興趣。因此，你所制作的可交付成果類(lèi)型可能也需要根據(jù)交付對(duì)象進(jìn)行調(diào)整。

此圖顯示了最常與開(kāi)發(fā)團(tuán)隊(duì)其他成員和外部客戶(hù)分享的可交付成果類(lèi)型。交互原型是每個(gè)人都希望看到的交付成果。版權(quán)持有人：Teo Yu Siang和IDF。 版權(quán)條款和許可：CC BY-NC-SA 3.0

作為用戶(hù)體驗(yàn)設(shè)計(jì)師，你將不可避免地要為設(shè)計(jì)思維過(guò)程的每個(gè)階段制作出可交付成果。無(wú)論你是把這些東西留給自己還是與他人分享，你都需要盡可能廣泛地練習(xí)你的技能，并熟悉所有類(lèi)型的用戶(hù)體驗(yàn)可交付成果。

我們是知識(shí)搬運(yùn)工，我們是技術(shù)傳播者！

東莞瀟灑職業(yè)培訓(xùn)學(xué)校開(kāi)設(shè)課程有：CNC數(shù)控編程、塑膠模具設(shè)計(jì)，壓鑄模具設(shè)計(jì)、沖壓模具設(shè)計(jì)， Solidworks/pro/E產(chǎn)品設(shè)計(jì)、AutoformR7工藝分析，非標(biāo)自動(dòng)化設(shè)計(jì)、PLC編程、文職、電商、平面設(shè)計(jì)、新媒體等培訓(xùn)課程，瀟灑職業(yè)培訓(xùn)學(xué)校線下、線上、隨到隨學(xué)等學(xué)習(xí)方式，上班學(xué)習(xí)兩不誤，歡迎預(yù)約免費(fèi)試學(xué)！

即日起，組團(tuán)3人以上學(xué)習(xí)CNC電腦鑼實(shí)操課程，學(xué)費(fèi)全免，學(xué)會(huì)為止包就業(yè)，工資4000-6000以上