《用戶(hù)體驗(yàn)要素》封面

面對(duì)“這張圖、這本書(shū)”以及“用戶(hù)體驗(yàn)要素（五層次模型）”，如何評(píng)價(jià)？

——答：了不起的核心工作邏輯！

另存→保存→打印

2000-03-30（我讀初一）,本書(shū)作者Jesse James Garrett（簡(jiǎn)稱(chēng)：JJ）繪制了一個(gè)三維模型，就是上圖“用戶(hù)體驗(yàn)要素（the elements of user experience）”用于解決“交互設(shè)計(jì)”的“用戶(hù)體驗(yàn)”問(wèn)題，幫助了成千上萬(wàn)的設(shè)計(jì)師、開(kāi)發(fā)者開(kāi)展工作。

用戶(hù)體驗(yàn)，真的是個(gè)很難理解、更難把控的東西！這個(gè)關(guān)乎“用戶(hù)行為、用戶(hù)心理”的感性指標(biāo)，常常讓交互設(shè)計(jì)初學(xué)者“既迷茫，也抓狂”，本文、本書(shū)，堪稱(chēng)：指南。

1.先了解一下，這是一個(gè)什么問(wèn)題：

（1）什么是交互設(shè)計(jì)？

答：交互設(shè)計(jì)，是要?jiǎng)?chuàng)建和設(shè)計(jì)“人”與“產(chǎn)品、服務(wù)”之間有意義的關(guān)聯(lián)，從而達(dá)成使用者的目標(biāo)。

（注意，定義即目的。）

交互設(shè)計(jì)，實(shí)際上是一個(gè)特別年輕的工種，它與“用戶(hù)行為、用戶(hù)心理”有關(guān)，通過(guò)“界面設(shè)計(jì)、交互設(shè)計(jì)”使得“可用性”和“用戶(hù)體驗(yàn)”得達(dá)到較高標(biāo)準(zhǔn)。交互設(shè)計(jì)，廣泛涉及到一系列學(xué)科，例如：人類(lèi)工程學(xué)、心理學(xué)、認(rèn)知科學(xué)、信息學(xué)、工程學(xué)、計(jì)算機(jī)科學(xué)、軟件工程、社會(huì)學(xué)、人類(lèi)學(xué)、語(yǔ)言學(xué)、美學(xué)等。這個(gè)工種，實(shí)際上在“工作內(nèi)容、工作方法”至今也沒(méi)有定論，但在目標(biāo)上，它要求最終設(shè)計(jì)的成品，能同時(shí)滿(mǎn)足“可用性”和“用戶(hù)體驗(yàn)”的高標(biāo)準(zhǔn)。

（2）為何做交互設(shè)計(jì)？

答：交互設(shè)計(jì)，是要?jiǎng)?chuàng)建和設(shè)計(jì)“人”與“產(chǎn)品、服務(wù)”之間有意義的關(guān)聯(lián)，從而達(dá)成使用者的目標(biāo)。

（重復(fù)，目的即定義。）

從用戶(hù)角度來(lái)說(shuō)，交互設(shè)計(jì)是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)，它致力于了解目標(biāo)用戶(hù)和他們的期望，了解用戶(hù)在同產(chǎn)品交互時(shí)彼此的行為，了解“人”本身的心理和行為特點(diǎn)，同時(shí)，還包括了解各種有效的交互方式，并對(duì)它們進(jìn)行增強(qiáng)和擴(kuò)充。交互設(shè)計(jì)還涉及到多個(gè)學(xué)科，以及和多領(lǐng)域多背景人員的溝通。

總結(jié)一下，要“可用性”高，且“用戶(hù)體驗(yàn)”良好，這恐怕是個(gè)大難題！

2.JJ解決問(wèn)題的思路？

實(shí)際上，在“網(wǎng)頁(yè)開(kāi)發(fā)、軟件設(shè)計(jì)”的全部工作流程中JJ的“用戶(hù)體驗(yàn)要素（五層次模型）”都已經(jīng)成為通用的工具模型。

之前人們的大部分方法論，恐怕大部分“要么太瑣碎（關(guān)注細(xì)節(jié)）、要么太漫長(zhǎng)（關(guān)注能力）”，直到JJ提出了這個(gè)“既有系統(tǒng)性、又有實(shí)踐性”的方案！

這個(gè)方案的核心思路，是：抽象、模型！

——作者用“可視化”模型，來(lái)發(fā)現(xiàn)問(wèn)題、解構(gòu)問(wèn)題。通過(guò)這個(gè)“精彩的模型”進(jìn)行抽象，將“底層的工作邏輯”和“表層的工作方法”一并呈現(xiàn)給大家，然后從本質(zhì)上回答了“問(wèn)題到底：是什么、為什么、怎么樣？”這實(shí)在是了不起！

可能有人問(wèn)，有多了不起？

大家不妨想象一下，我們常說(shuō)“授人以魚(yú)，不如授人以漁”，其實(shí)是想表達(dá)“方法”的作用，而作者了不起的地方是：

結(jié)構(gòu)化“漁”，告訴你底層邏輯，明白：為什么？

模型化“漁”，展示你底層規(guī)律，預(yù)見(jiàn)：怎么樣？

JJ進(jìn)行結(jié)構(gòu)化、模型化的過(guò)程中，有2個(gè)關(guān)鍵的“深度思考”（也是最有價(jià)值的挑戰(zhàn)）：

（1）深度挖掘，由表及里，剖析了“戰(zhàn)略層→范圍層→結(jié)構(gòu)層→框架層→表現(xiàn)層”這個(gè)“自下而上”建立的模型，是如何發(fā)生“連鎖反應(yīng)”的。

（2）將“網(wǎng)頁(yè)設(shè)計(jì)”與“軟件開(kāi)發(fā)”作必要區(qū)分，從而“統(tǒng)籌”和“辨析”各種“易混淆”的概念，從而清晰地解構(gòu)了工作任務(wù)，梳理出科學(xué)的流程。

說(shuō)實(shí)話(huà)，這種“手術(shù)刀”一樣的視角，橫切、縱切，隨心所欲看到事物結(jié)構(gòu)的本事，讓人佩服、值得學(xué)習(xí)。完成“橫切”和“縱切”之后，JJ得以向大家展示“全貌”和“結(jié)構(gòu)”，接下來(lái)，具體說(shuō)明結(jié)構(gòu)作用的機(jī)理和規(guī)律就容易了。

3.JJ解決問(wèn)題的方法？

（這段干貨超有用！感謝“小V企培”團(tuán)隊(duì)，集中討論，團(tuán)隊(duì)智慧，建議小伙伴們保存下來(lái)。）

有了“橫切”和“縱切”，接下來(lái)說(shuō)明問(wèn)題就變得相對(duì)輕松了。

（1）戰(zhàn)略層

主要解決“我們要不要做這個(gè)項(xiàng)目”的問(wèn)題，回答的過(guò)程，就是尋找商業(yè)模式、發(fā)掘用戶(hù)需求的過(guò)程。

①商業(yè)目的（我們想要什么？）

②用戶(hù)需求（用戶(hù)想要什么？）

在這個(gè)層次，其實(shí)是不分“網(wǎng)頁(yè)”和“軟件”的（即：不縱切），因?yàn)闊o(wú)論網(wǎng)頁(yè)、軟件，都需要考慮這兩個(gè)問(wèn)題。

（2）范圍層

在“戰(zhàn)略層”，確定了“商業(yè)目的”和“用戶(hù)需求”之后，其實(shí)“大致范圍”就定了，但“范圍”的“具體界限（或者說(shuō)外延）”還沒(méi)有確定，這就是“范圍層”的意義：

①功能規(guī)格（做哪些功能？）

②內(nèi)容需求（給哪些內(nèi)容？）

（3）結(jié)構(gòu)層

前面“范圍層”已經(jīng)列出了功能、內(nèi)容清單，接下來(lái)，就需要研究一下，這個(gè)“功能匯總”和“內(nèi)容匯總”如何有效組織起來(lái)，總不能隨便扔地上吧？又不是開(kāi)跳蚤市場(chǎng)？——所以，超市的商品，是需要“分門(mén)別類(lèi)”且“符合邏輯”的，類(lèi)似于是“物流管理”的，這個(gè)活兒，交給“結(jié)構(gòu)層”。

①交互設(shè)計(jì)（應(yīng)為：功能設(shè)計(jì)）

②信息架構(gòu)（仍叫：信息架構(gòu)）

（4）框架層

說(shuō)白了，“結(jié)構(gòu)層”只是整理了一下“功能”和“內(nèi)容”，甚至，這個(gè)“整理”是個(gè)思維過(guò)程，并不是個(gè)具體行為。接下來(lái)，“框架層”才是那個(gè)真正“設(shè)計(jì)貨架、擺放商品”的人，而且還需要“設(shè)計(jì)路徑、規(guī)劃流程”，這個(gè)部分，才是用戶(hù)能看到的部分。

①界面設(shè)計(jì)

②導(dǎo)航設(shè)計(jì)

——③信息設(shè)計(jì)：無(wú)論是“軟件的界面”還是“網(wǎng)頁(yè)的導(dǎo)航”，其底層設(shè)計(jì)，是信息設(shè)計(jì)。這一步，不同于“結(jié)構(gòu)層”的思維處理，是需要形成具體文檔的，即：信息架構(gòu)圖。

（5）表現(xiàn)層

（建議改為：視覺(jué)層）

這層的工作，是視覺(jué)設(shè)計(jì)，也是很多初學(xué)者以為的“美工環(huán)節(jié)”，實(shí)際上，視覺(jué)設(shè)計(jì)的范疇，肯定會(huì)超過(guò)美術(shù)范疇。在方法上，有“對(duì)比/一致”的要求。在具體內(nèi)容上，包含：配色、字體、繪圖等。做的成熟了，還需要形成企業(yè)VI、CI系統(tǒng)。

JJ在論述時(shí)，還反復(fù)強(qiáng)調(diào)了“連鎖效應(yīng)”，即：不僅有下層與上層的決定，也有上層對(duì)下層的反作用，交叉印證、連鎖反應(yīng)。因此，能否進(jìn)行“考慮成分、設(shè)計(jì)周密”的流程管理，將直接決定項(xiàng)目成敗。

4.敲黑板 劃重點(diǎn)

最后，提示大家，在本書(shū)當(dāng)中JJ還分享了很多具體操作技能，包括且不限于：

降低閱讀負(fù)擔(dān)、聲音的妙用、有效呈現(xiàn)、UCD（用戶(hù)中心設(shè)計(jì)）、UED（用戶(hù)體驗(yàn)設(shè)計(jì)）、戰(zhàn)略層決策、可視化文檔、FAQs、功能規(guī)格、內(nèi)容需求、場(chǎng)景、內(nèi)容清單、節(jié)點(diǎn)（node）、視覺(jué)詞典、配色方案、排版設(shè)計(jì)……

基于用戶(hù)體驗(yàn)要素的交互設(shè)計(jì)流程-來(lái)自網(wǎng)絡(luò)