面對(duì)“這張圖儿子、這本書”以及“用戶體驗(yàn)要素（五層次模型）”，如何評(píng)價(jià)砸喻？
——答：了不起的核心工作邏輯柔逼！
2000-03-30（我讀初一）,本書作者Jesse James Garrett（簡(jiǎn)稱：JJ）繪制了一個(gè)三維模型，就是上圖“用戶體驗(yàn)要素（the elements of user experience）”用于解決“交互設(shè)計(jì)”的“用戶體驗(yàn)”問題割岛，幫助了成千上萬的設(shè)計(jì)師愉适、開發(fā)者開展工作。
用戶體驗(yàn)癣漆，真的是個(gè)很難理解维咸、更難把控的東西！這個(gè)關(guān)乎“用戶行為扑媚、用戶心理”的感性指標(biāo)腰湾，常常讓交互設(shè)計(jì)初學(xué)者“既迷茫雷恃，也抓狂”疆股，本文、本書倒槐，堪稱：指南旬痹。
1.先了解一下，這是一個(gè)什么問題：
（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è)特別年輕的工種，它與“用戶行為耸别、用戶心理”有關(guān)健芭，通過“界面設(shè)計(jì)、交互設(shè)計(jì)”使得“可用性”和“用戶體驗(yàn)”得達(dá)到較高標(biāo)準(zhǔn)秀姐。交互設(shè)計(jì)慈迈，廣泛涉及到一系列學(xué)科，例如：人類工程學(xué)省有、心理學(xué)痒留、認(rèn)知科學(xué)谴麦、信息學(xué)、工程學(xué)狭瞎、計(jì)算機(jī)科學(xué)细移、軟件工程、社會(huì)學(xué)熊锭、人類學(xué)弧轧、語言學(xué)、美學(xué)等碗殷。這個(gè)工種精绎，實(shí)際上在“工作內(nèi)容、工作方法”至今也沒有定論锌妻，但在目標(biāo)上代乃，它要求最終設(shè)計(jì)的成品，能同時(shí)滿足“可用性”和“用戶體驗(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ù)晌区，目的即定義摩骨。）
從用戶角度來說，交互設(shè)計(jì)是一種如何讓產(chǎn)品易用朗若，有效而讓人愉悅的技術(shù)恼五，它致力于了解目標(biāo)用戶和他們的期望，了解用戶在同產(chǎn)品交互時(shí)彼此的行為哭懈，了解“人”本身的心理和行為特點(diǎn)灾馒，同時(shí)，還包括了解各種有效的交互方式遣总，并對(duì)它們進(jìn)行增強(qiáng)和擴(kuò)充睬罗。交互設(shè)計(jì)還涉及到多個(gè)學(xué)科，以及和多領(lǐng)域多背景人員的溝通彤避。
總結(jié)一下傅物，要“可用性”高，且“用戶體驗(yàn)”良好琉预，這恐怕是個(gè)大難題董饰！
2.JJ解決問題的思路？
實(shí)際上，在“網(wǎng)頁開發(fā)卒暂、軟件設(shè)計(jì)”的全部工作流程中JJ的“用戶體驗(yàn)要素（五層次模型）”都已經(jīng)成為通用的工具模型啄栓。
之前人們的大部分方法論，恐怕大部分“要么太瑣碎（關(guān)注細(xì)節(jié)）也祠、要么太漫長(zhǎng)（關(guān)注能力）”昙楚，直到JJ提出了這個(gè)“既有系統(tǒng)性、又有實(shí)踐性”的方案诈嘿！
這個(gè)方案的核心思路堪旧，是：抽象、模型奖亚！
——作者用“可視化”模型淳梦，來發(fā)現(xiàn)問題、解構(gòu)問題昔字。通過這個(gè)“精彩的模型”進(jìn)行抽象爆袍，將“底層的工作邏輯”和“表層的工作方法”一并呈現(xiàn)給大家，然后從本質(zhì)上回答了“問題到底：是什么作郭、為什么陨囊、怎么樣？”這實(shí)在是了不起夹攒！
可能有人問蜘醋，有多了不起？
大家不妨想象一下芹助，我們常說“授人以魚堂湖，不如授人以漁”闲先，其實(shí)是想表達(dá)“方法”的作用状土，而作者了不起的地方是：
結(jié)構(gòu)化“漁”，告訴你底層邏輯伺糠，明白：為什么蒙谓？
模型化“漁”，展示你底層規(guī)律训桶，預(yù)見：怎么樣累驮？
JJ進(jìn)行結(jié)構(gòu)化、模型化的過程中舵揭，有2個(gè)關(guān)鍵的“深度思考”（也是最有價(jià)值的挑戰(zhàn)）：
（1）深度挖掘谤专，由表及里，剖析了“戰(zhàn)略層→范圍層→結(jié)構(gòu)層→框架層→表現(xiàn)層”這個(gè)“自下而上”建立的模型午绳，是如何發(fā)生“連鎖反應(yīng)”的置侍。
（2）將“網(wǎng)頁設(shè)計(jì)”與“軟件開發(fā)”作必要區(qū)分，從而“統(tǒng)籌”和“辨析”各種“易混淆”的概念，從而清晰地解構(gòu)了工作任務(wù)蜡坊，梳理出科學(xué)的流程杠输。
說實(shí)話，這種“手術(shù)刀”一樣的視角秕衙，橫切蠢甲、縱切，隨心所欲看到事物結(jié)構(gòu)的本事据忘，讓人佩服鹦牛、值得學(xué)習(xí)。完成“橫切”和“縱切”之后勇吊，JJ得以向大家展示“全貌”和“結(jié)構(gòu)”能岩，接下來，具體說明結(jié)構(gòu)作用的機(jī)理和規(guī)律就容易了萧福。
3.JJ解決問題的方法拉鹃？
（這段干貨超有用！感謝“小V企培”團(tuán)隊(duì)鲫忍，集中討論膏燕，團(tuán)隊(duì)智慧，建議小伙伴們保存下來悟民。）
有了“橫切”和“縱切”坝辫，接下來說明問題就變得相對(duì)輕松了。
（1）戰(zhàn)略層
主要解決“我們要不要做這個(gè)項(xiàng)目”的問題射亏，回答的過程近忙，就是尋找商業(yè)模式、發(fā)掘用戶需求的過程智润。
①商業(yè)目的（我們想要什么及舍？）
②用戶需求（用戶想要什么？）
在這個(gè)層次窟绷，其實(shí)是不分“網(wǎng)頁”和“軟件”的（即：不縱切）锯玛，因?yàn)闊o論網(wǎng)頁、軟件兼蜈，都需要考慮這兩個(gè)問題攘残。
（2）范圍層
在“戰(zhàn)略層”，確定了“商業(yè)目的”和“用戶需求”之后为狸，其實(shí)“大致范圍”就定了歼郭，但“范圍”的“具體界限（或者說外延）”還沒有確定，這就是“范圍層”的意義：
①功能規(guī)格（做哪些功能辐棒？）
②內(nèi)容需求（給哪些內(nèi)容病曾？）
（3）結(jié)構(gòu)層
前面“范圍層”已經(jīng)列出了功能姊途、內(nèi)容清單，接下來知态，就需要研究一下捷兰，這個(gè)“功能匯總”和“內(nèi)容匯總”如何有效組織起來，總不能隨便扔地上吧负敏？又不是開跳蚤市場(chǎng)贡茅？——所以，超市的商品其做，是需要“分門別類”且“符合邏輯”的顶考，類似于是“物流管理”的，這個(gè)活兒妖泄，交給“結(jié)構(gòu)層”驹沿。
①交互設(shè)計(jì)（應(yīng)為：功能設(shè)計(jì)）
②信息架構(gòu)（仍叫：信息架構(gòu)）
（4）框架層
說白了，“結(jié)構(gòu)層”只是整理了一下“功能”和“內(nèi)容”蹈胡，甚至渊季，這個(gè)“整理”是個(gè)思維過程，并不是個(gè)具體行為罚渐。接下來却汉，“框架層”才是那個(gè)真正“設(shè)計(jì)貨架、擺放商品”的人荷并，而且還需要“設(shè)計(jì)路徑合砂、規(guī)劃流程”，這個(gè)部分源织，才是用戶能看到的部分翩伪。
①界面設(shè)計(jì)
②導(dǎo)航設(shè)計(jì)
——③信息設(shè)計(jì)：無論是“軟件的界面”還是“網(wǎng)頁的導(dǎo)航”，其底層設(shè)計(jì)谈息，是信息設(shè)計(jì)缘屹。這一步，不同于“結(jié)構(gòu)層”的思維處理黎茎，是需要形成具體文檔的囊颅，即：信息架構(gòu)圖当悔。
（5）表現(xiàn)層
（建議改為：視覺層）
這層的工作傅瞻，是視覺設(shè)計(jì)，也是很多初學(xué)者以為的“美工環(huán)節(jié)”盲憎，實(shí)際上嗅骄，視覺設(shè)計(jì)的范疇，肯定會(huì)超過美術(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)
最后当船，提示大家，在本書當(dāng)中JJ還分享了很多具體操作技能默辨，包括且不限于：
降低閱讀負(fù)擔(dān)德频、聲音的妙用、有效呈現(xiàn)缩幸、UCD（用戶中心設(shè)計(jì)）壹置、UED（用戶體驗(yàn)設(shè)計(jì)）、戰(zhàn)略層決策表谊、可視化文檔钞护、FAQs、功能規(guī)格爆办、內(nèi)容需求难咕、場(chǎng)景、內(nèi)容清單距辆、節(jié)點(diǎn)（node）余佃、視覺詞典、配色方案跨算、排版設(shè)計(jì)……
你：可以去百度爆土、也可以讀書，但這本書的系統(tǒng)性講解诸蚕，總歸是強(qiáng)過碎片閱讀的２绞啤（更難能可貴的氧猬，本書168頁，閱讀時(shí)間≤4小時(shí)）坏瘩，兄迅АＹ非常建議一口氣讀完。
好吧倔矾！謹(jǐn)以此文泉哈，致敬JJ，并與所有“關(guān)注用戶體驗(yàn)破讨、學(xué)習(xí)交互設(shè)計(jì)”的小伙伴們分享丛晦！
作者：阮穎
2018年于杭州
