-Yeeeees,我們是你的設(shè)計(jì)生涯加油站！-
設(shè)計(jì)可交付成果是一個(gè)用戶體驗(yàn)設(shè)計(jì)師專業(yè)度的體現(xiàn)，為用戶提供很好體驗(yàn)的同時(shí)也做到了有理有據(jù)，對(duì)于開發(fā)和測(cè)試人員也增強(qiáng)了對(duì)設(shè)計(jì)的更清晰的認(rèn)識(shí)。
下面小Yeah就帶大家進(jìn)一步了解UX常用文檔和可交付成果喲！
繼關(guān)于如何創(chuàng)建出色的UX文檔的文章之后，將一些示例UX文檔和可交付成果整理在一起會(huì)很有用，這有望在選擇要生成的文檔類型時(shí)提供一些靈感和幫助。對(duì)于每個(gè)文檔/可交付成果，都包含了示例以及快速概述和指向更多信息的鏈接。
主要涵蓋以下 UX 文檔和可交付結(jié)果：
內(nèi)容模型圖|同理心地圖|體驗(yàn)地圖|心智模型圖|人物角色|流程圖|原型|場(chǎng)景地圖|場(chǎng)景介紹|站點(diǎn)地圖|草圖|故事板|設(shè)計(jì)規(guī)范|風(fēng)格瓷磚|系統(tǒng)地圖|任務(wù)網(wǎng)格|可用性報(bào)告|用戶旅程圖|用戶故事圖|視覺稿|線框圖|詞云
/ 內(nèi)容模型圖 /
內(nèi)容模型圖展示了你在一個(gè)設(shè)計(jì)中可能需要的所有類型的內(nèi)容，不管你設(shè)計(jì)的是網(wǎng)站還是應(yīng)用，甚至宣傳冊(cè)。所有內(nèi)容項(xiàng)根據(jù)它們的領(lǐng)域、類型以及與內(nèi)容之間的不同關(guān)系（比如包含關(guān)系）顯示在一起，內(nèi)容模型圖與領(lǐng)域模型圖非常像。
雖然創(chuàng)建內(nèi)容模型對(duì)于系統(tǒng)架構(gòu)師、開發(fā)或者內(nèi)容專家來說更為典型，但是這也是UX設(shè)計(jì)師應(yīng)該知道（并且可能需要?jiǎng)?chuàng)建）的，將內(nèi)容與設(shè)計(jì)解耦在響應(yīng)式和移動(dòng)端設(shè)計(jì)中也變得越來越重要。
/ 同理心地圖 /
同理心地圖通常（但并非總是）伴隨著角色，它們提供有關(guān)用戶的信息，例如他們可能正在思考、感受、行為、看到和聽到以及他們可能經(jīng)歷的痛苦和收獲。
同理心地圖是將角色變?yōu)楝F(xiàn)實(shí)，鼓勵(lì)與用戶同理心（線索在標(biāo)題中）并從更廣泛的項(xiàng)目團(tuán)隊(duì)那里獲得支持的好方法。協(xié)作創(chuàng)建同理心地圖，或者至少與更廣泛的團(tuán)隊(duì)一起審查，這通常是一個(gè)有用的練習(xí)。有更多關(guān)于同理心地圖的信息，甚至包括創(chuàng)新游戲網(wǎng)站上的在線同理心映射游戲。
/ 體驗(yàn)地圖 /
體驗(yàn)地圖（又叫做用戶體驗(yàn)地圖）展現(xiàn)了用戶在特定目標(biāo)下點(diǎn)到點(diǎn)的旅程和體驗(yàn)。比如說，一個(gè)關(guān)于“去度假”的體驗(yàn)地圖會(huì)包含從研究假期、實(shí)際度假過程到寫度假回顧的所有事情。
在旅程的每個(gè)階段，體驗(yàn)地圖都會(huì)展示一些信息，比如客戶使用的觸點(diǎn)，客戶的所做、所想、所感，以及為提升體驗(yàn)而產(chǎn)生的任何挫折和想法。在對(duì)客戶的體驗(yàn)進(jìn)行討論和設(shè)計(jì)多通道的用戶體驗(yàn)時(shí)，體驗(yàn)地圖是很有用的文檔。
/ 心智模型圖 /
與任務(wù)網(wǎng)格一樣，心智模型圖描繪了用戶在完成一個(gè)特定任務(wù)時(shí)采取的思維過程（即用戶的心智模型）。比如說，在計(jì)劃晚上與朋友的一次活動(dòng)，或者考慮假期去哪里時(shí)。心智模型圖將每個(gè)步驟拆解為具體任務(wù)以及用戶在每個(gè)步驟中會(huì)考慮的問題和情況。
心智模型圖對(duì)于討論和捕捉用戶行為以及發(fā)現(xiàn)設(shè)計(jì)機(jī)會(huì)很有幫助。在Indi Young的心智模型書中有關(guān)于心智模型圖的更多信息，書的第一章可以免費(fèi)閱讀。
/ 人物角色 /
人物角色是用戶的虛擬代表（有點(diǎn)像替身），它們是虛構(gòu)的，但是應(yīng)該基于事實(shí)。它們代表著真實(shí)用戶群的目標(biāo)、動(dòng)機(jī)、性格和行為。人物角色可以讓用戶更加生動(dòng)。它可以幫助項(xiàng)目團(tuán)隊(duì)對(duì)“用戶”是誰(shuí)達(dá)成共識(shí)（這并不總是一件容易的事情），幫助我們討論用戶的重要信息。
/ 流程圖 /
流程圖將一個(gè)流程視覺化地展示出來，包括了不同的決策點(diǎn)和過程流。流程圖在商業(yè)分析中更加常用，但是UX設(shè)計(jì)師也同樣可以用它來描述一系列的用戶旅程，或者在一個(gè)網(wǎng)站或者應(yīng)用的某個(gè)部分的邏輯。
/ 原型 /
原型大概已經(jīng)接替線框圖成為UX設(shè)計(jì)師的最重要的UX文檔/交付物了。原型本質(zhì)上是設(shè)計(jì)的一個(gè)半功能性的模型。在討論設(shè)計(jì)、評(píng)估設(shè)計(jì)（比如通過可用性測(cè)試）以及廣泛地展示應(yīng)該發(fā)生什么時(shí)，原型是非常好的工具。
/ 場(chǎng)景地圖 /
場(chǎng)景地圖展示了用戶在特定場(chǎng)景下會(huì)經(jīng)歷的步驟，所以叫做場(chǎng)景地圖。場(chǎng)景地圖不止記錄步驟，也會(huì)記錄好的想法、問題以及其他在考慮一個(gè)設(shè)計(jì)時(shí)可能有用的信息。
場(chǎng)景地圖可以為當(dāng)前的場(chǎng)景或者未來的場(chǎng)景進(jìn)行創(chuàng)建，它通常關(guān)注用戶會(huì)做什么，而未必關(guān)注用戶會(huì)怎么做。場(chǎng)景地圖在John Pruitt和Tamara Adlin的優(yōu)秀書籍《人物角色的生命周期——在產(chǎn)品設(shè)計(jì)過程中牢記用戶》中有詳細(xì)的描述。
/ 場(chǎng)景介紹 /
場(chǎng)景介紹或視覺化或敘事化（即用文字）地描述用戶（通常以人物角色的形式）在一個(gè)特定場(chǎng)景中會(huì)執(zhí)行的步驟。與場(chǎng)景地圖一樣，場(chǎng)景介紹可以用于現(xiàn)實(shí)的場(chǎng)景或者假想的場(chǎng)景。
場(chǎng)景介紹可以用于識(shí)別為支持目標(biāo)場(chǎng)景而需要提供的特性和功能，以及通過講述用戶故事創(chuàng)造一種未來的產(chǎn)品或服務(wù)。
/ 站點(diǎn)地圖 /
站點(diǎn)地圖顯示構(gòu)成網(wǎng)站或應(yīng)用程序的頁(yè)面和屏幕，或者網(wǎng)站和應(yīng)用的特定部分。它們通常表示分組，例如網(wǎng)站部分以及各種頁(yè)面和屏幕之間的鏈接。
/ 草圖 /
草圖通常更像是設(shè)計(jì)工件，而不是可交付成果。也就是說，它們通常是為了幫助傳達(dá)設(shè)計(jì)或概念而創(chuàng)建的，而不是本身就是一個(gè)更正式的文檔。盡管如此，它們都可以成為展示概念和早期設(shè)計(jì)的有用UX文檔。
/ 故事板 /
故事板是從卡通和電影領(lǐng)域借來的概念（如果看到了好的想法，不要害怕捉住它），它們以漫畫書的形式生動(dòng)地展現(xiàn)一個(gè)場(chǎng)景，可以讓事物變得生動(dòng)有趣。如果想要了解更多，Johnny Holland有一系列非常值得閱讀的關(guān)于故事板制作與UX的文章。
/ 設(shè)計(jì)規(guī)范 /
正如Susan Roberson在她的文章創(chuàng)建設(shè)計(jì)規(guī)范中指出的，“設(shè)計(jì)規(guī)范是一份關(guān)于代碼的動(dòng)態(tài)文件，詳細(xì)地記錄了在你的網(wǎng)站或應(yīng)用中的所有不同的元素和編碼模塊”。它通常不只包括元素（比如文字，按鈕，UI控件等）的視覺外觀和感覺，以及HTML和CSS代碼，也詳細(xì)描述了設(shè)計(jì)模式和正確的用法。
有很多設(shè)計(jì)規(guī)范示例，其中比較好的包括：
1.美國(guó)網(wǎng)站設(shè)計(jì)規(guī)范代碼
2.星巴克設(shè)計(jì)規(guī)范
3.BBC全球體驗(yàn)語(yǔ)言網(wǎng)站設(shè)計(jì)規(guī)范
/ 風(fēng)格瓷磚 /
正如在有著機(jī)智名稱的Styletil.es網(wǎng)站上提到的，風(fēng)格瓷磚是“一種設(shè)計(jì)交付物，包括字體，顏色和傳達(dá)出網(wǎng)站的視覺品牌本質(zhì)的界面元素。風(fēng)格瓷磚類似于一個(gè)室內(nèi)設(shè)計(jì)師在設(shè)計(jì)一個(gè)房間之前獲得認(rèn)可的油漆芯片和織物樣品。它們有助于在設(shè)計(jì)師和關(guān)鍵決策人之間建立通用的設(shè)計(jì)語(yǔ)言，并且可以促進(jìn)對(duì)客戶的偏好和目標(biāo)的討論?！?/span>
風(fēng)格瓷磚更多地是一種生動(dòng)的設(shè)計(jì)交付物而非UX文檔。然而，UX設(shè)計(jì)師一定會(huì)投入到一組風(fēng)格瓷磚中，并且如果他們有平面設(shè)計(jì)技能，可能會(huì)自己創(chuàng)建一套風(fēng)格瓷磚。
/ 系統(tǒng)地圖 /
系統(tǒng)地圖圖形化地展示了在一個(gè)特定的產(chǎn)品或服務(wù)中的不同角色和人工制品，以及它們之間的關(guān)系（把它當(dāng)做一個(gè)生態(tài)系統(tǒng)地圖）。角色可能是服務(wù)的用戶或者實(shí)際上傳遞著服務(wù)的員工，人工制品可能是任何東西，從網(wǎng)站到實(shí)體對(duì)象如宣傳冊(cè)或印刷品。
系統(tǒng)地圖可以描繪與產(chǎn)品或服務(wù)（不管是已有的還是未來的）相關(guān)的各種元素，并且?guī)椭覀儗?duì)UX設(shè)計(jì)有一個(gè)更加全局的視角。
/ 任務(wù)網(wǎng)格 /
任務(wù)網(wǎng)格通常是任務(wù)分析的主要產(chǎn)出物，其包括一個(gè)大任務(wù)，比如發(fā)送一封郵件，拆解成它的具體步驟和階段。任務(wù)網(wǎng)格跟體驗(yàn)地圖很像，但是一般展示的是一個(gè)已有的任務(wù)，而不是一種未來的、期望的體驗(yàn)。
對(duì)任務(wù)的每個(gè)步驟，列出用戶可能會(huì)問的一系列問題，以及潛在的痛點(diǎn)和關(guān)于功能特性的想法。
/ 可用性報(bào)告 /
可用性報(bào)告常常被用來詳細(xì)描述專家評(píng)估結(jié)果，比如啟發(fā)式評(píng)估或者認(rèn)知吊查，或者用來呈現(xiàn)可用性測(cè)試的結(jié)果?？捎眯詧?bào)告的關(guān)鍵是盡可能保持簡(jiǎn)短（沒有什么事情像閱讀一篇一百多頁(yè)的報(bào)告一樣了）以及盡可能使用視覺化表達(dá)。
/ 用戶旅程圖 /
體驗(yàn)地圖一般用來展示點(diǎn)到點(diǎn)的客戶旅程，而用戶旅程文檔一般只用來展示用戶旅程的一部分。比如說，它可能是用戶訪問網(wǎng)站的旅程，或者完成一個(gè)特定任務(wù)的旅程。
旅程通常被拆分為用戶采取的步驟，通常會(huì)伴隨著視覺化傳達(dá)以幫助講述故事。
/ 用戶故事圖 /
我們創(chuàng)建用戶故事地圖常常是作為敏捷軟件開發(fā)項(xiàng)目的一部分，用戶故事地圖制定了組成各種產(chǎn)品特性和后續(xù)版本的用戶故事。
用戶故事用于在敏捷開發(fā)中定義用戶需求，它們通常采取這樣的形式：“作為一個(gè)<角色>，我想要<目標(biāo)/渴望>以便<獲得好處>”。比如說，“作為一個(gè)<幫助臺(tái)操作員>，我想要<檢索之前的幫助臺(tái)詢問>以便<發(fā)現(xiàn)到目前為止發(fā)生了什么>”。
/ 視覺稿 /
圖形化設(shè)計(jì)視覺稿是重要的UX文檔，它們展現(xiàn)了完成的設(shè)計(jì)最終應(yīng)該長(zhǎng)什么樣子。隨著響應(yīng)式設(shè)計(jì)的流行，更加組件化的視覺稿（比如風(fēng)格瓷磚）也越來越流行了。
/ 線框圖 /
在很長(zhǎng)一段時(shí)間里，線框圖是UX設(shè)計(jì)師的關(guān)鍵UX文檔。但是，隨著市面上出現(xiàn)的原型制作工具越來越強(qiáng)大和方便（更別說有那么多線框圖的局限性），原型已經(jīng)開始強(qiáng)勢(shì)擠入了線框圖的UX文檔榜首位置。
線框圖用來展示組成屏幕，頁(yè)面或者UI組件的UI元素（文字，圖片，按鈕，鏈接等）。線框圖有點(diǎn)像UI的藍(lán)圖，展示了由什么元素組成UI以及它們應(yīng)該如何運(yùn)作，但不一定會(huì)展示UI的外觀。
/ 詞云 /
詞云（有時(shí)被混淆地稱為標(biāo)記云）只是一種將一組單詞直觀地顯示為形狀的方式。通常，這種形狀是云（因此得名），單詞的大小隨著它們的重要性或頻率而增加。
Word Cloud 本身通常不是 UX 文檔，但對(duì)于傳達(dá)與 UX 相關(guān)的信息（如入站搜索詞、客戶反饋和現(xiàn)場(chǎng)搜索詞）非常有用。
END
聯(lián)系客服
