序言：作者用勤奮的思考和強(qiáng)大的歸納給了我們關(guān)于“用戶”修陡、“商業(yè)”、“技術(shù)”三者之間錯(cuò)綜復(fù)雜關(guān)系的全局畫(huà)面可霎，幫助我們?nèi)ふ覇?wèn)題的真正癥結(jié)所在魄鸦。
第一章? 用戶體驗(yàn)為什么如此重要
1.什么是用戶體驗(yàn)？用戶體驗(yàn)是指“產(chǎn)品如何和外界發(fā)生聯(lián)系并發(fā)揮作用”癣朗，也就是人們?nèi)绾巍敖佑|”和“使用”它拾因。當(dāng)人們?cè)儐?wèn)你某個(gè)產(chǎn)品或服務(wù)時(shí)，他們問(wèn)的是使用的體驗(yàn)旷余。它用起來(lái)難不難绢记？是不是很容易學(xué)會(huì)？使用起來(lái)感覺(jué)如何正卧？
2.產(chǎn)品設(shè)計(jì)蠢熄？用戶體驗(yàn)設(shè)計(jì)通常需要解決額時(shí)應(yīng)用環(huán)境的綜合問(wèn)題，兼顧視覺(jué)和功能兩方面的因素炉旷，同時(shí)解決產(chǎn)品所面臨的其他問(wèn)題签孔。比如：“對(duì)于一個(gè)重要的功能來(lái)講，這個(gè)按鈕是不是太小了”用戶體驗(yàn)設(shè)計(jì)同時(shí)還要保證當(dāng)用戶嘗試去完成某個(gè)任務(wù)時(shí)窘行，按鈕在這種情形下能更好工作饥追。比如：“用戶可能同時(shí)使用另外的一些功能按鈕，那么這些按鈕的位置是否合理罐盔？”
3.為體驗(yàn)而設(shè)計(jì)：使用第一——產(chǎn)品越復(fù)雜但绕，確定如何向用戶提供良好的使用體驗(yàn)就越困難。在使用產(chǎn)品的過(guò)程中惶看，每一個(gè)新增的特性捏顺、功能或步驟，都增加了導(dǎo)致用戶體驗(yàn)失敗的機(jī)會(huì)纬黎。
第二章? 用戶體驗(yàn)五要素
五個(gè)層面草丧，例如通過(guò)一個(gè)網(wǎng)站購(gòu)買一個(gè)實(shí)物：
1.表現(xiàn)層：可以看到一系列網(wǎng)站，由圖片和文字組成莹桅，一些圖片是可點(diǎn)擊的昌执，從而執(zhí)行某種功能，例如把你帶到購(gòu)物車?yán)锶サ馁?gòu)物車圖標(biāo)诈泼。一些圖片就只是圖片懂拾，比如一個(gè)促銷產(chǎn)品的照片或網(wǎng)站自己的標(biāo)志。
2.框架層：按鈕铐达、控件岖赋、照片和文本區(qū)的位置∥退铮框架層用于優(yōu)化設(shè)計(jì)布局唐断，以達(dá)到這些元素的最大的效果和效率——使你在需要的時(shí)候选脊，能記得標(biāo)識(shí)并找到購(gòu)物車的按鈕。
3.結(jié)構(gòu)層：結(jié)構(gòu)的具體表達(dá)方式脸甘】疑叮框架層確定了在結(jié)賬頁(yè)面上交互元素的位置：而結(jié)構(gòu)層則用來(lái)設(shè)計(jì)用戶如何到達(dá)某個(gè)頁(yè)面，并且在他們做完事情之后能去什么地方丹诀《鄣模框架層定義了導(dǎo)航條上各要素的排列方式，允許用戶可以瀏覽不同的商品分類：結(jié)構(gòu)層則確定哪些類別應(yīng)該出現(xiàn)在那里铆遭。
4.范圍層：結(jié)構(gòu)層確定網(wǎng)站各種特性和功能最合適的組合方式硝桩，而這些特性和功能就構(gòu)成了網(wǎng)站的范圍層。比如枚荣，有些電子商務(wù)網(wǎng)站提供了一個(gè)功能碗脊，使用戶可以保存之前的郵寄地址，這樣他們可以再次使用它橄妆。這個(gè)功能是否應(yīng)該成為網(wǎng)站的功能之一望薄，就屬于范圍層要解決的問(wèn)題。
5.戰(zhàn)略層：網(wǎng)站的范圍基本上是由戰(zhàn)略層所決定呼畸。這些戰(zhàn)略不僅僅包括了經(jīng)營(yíng)者想從網(wǎng)站上得到什么痕支，還包括了用戶想從網(wǎng)站得到什么。就我們的網(wǎng)上商店的例子而言蛮原，一些戰(zhàn)略目標(biāo)是顯而易見(jiàn)的：用戶想要買到商品卧须，我們想要賣出它們。另一些目標(biāo)例如促銷信息儒陨，或者用戶填寫(xiě)的內(nèi)容在上網(wǎng)模型中扮演重要的角色花嘶，可能并不是那么容易說(shuō)清楚的。
這五個(gè)層面提供了一個(gè)基本架構(gòu)蹦漠，自上而下地建設(shè)椭员。只有在這個(gè)基礎(chǔ)架構(gòu)上，我們才能討論用戶體驗(yàn)的問(wèn)題笛园，以及用什么工具來(lái)解決用戶的體驗(yàn)隘击。每一個(gè)層面都是根據(jù)它下面的那個(gè)層面來(lái)決定的。
注意：讓每一個(gè)層面的工作在下一個(gè)層面可以結(jié)束之前完成研铆。
用戶體驗(yàn)的要素
1.功能型產(chǎn)品：感知設(shè)計(jì)——界面設(shè)計(jì)——交互設(shè)計(jì)——功能規(guī)格——用戶需求埋同、產(chǎn)品目標(biāo)；
? 信息型產(chǎn)品：感知設(shè)計(jì)——導(dǎo)航設(shè)計(jì)——信息架構(gòu)——內(nèi)容需求——產(chǎn)品目標(biāo)棵红。
第三章? 戰(zhàn)略層
? ——產(chǎn)品目標(biāo)和用戶需求
1.戰(zhàn)略層描述了企業(yè)產(chǎn)品目標(biāo)和用戶需求的兩個(gè)問(wèn)題：我們要通過(guò)這個(gè)產(chǎn)品得到什么凶赁？我們的用戶要通過(guò)這個(gè)產(chǎn)品得到什么？
2.產(chǎn)品目標(biāo)：商業(yè)目標(biāo)、品牌識(shí)別虱肄、成功標(biāo)準(zhǔn)（指標(biāo)）致板。
? 用戶需求：用戶細(xì)分、可用性和用戶研究（問(wèn)卷調(diào)查咏窿、用戶訪談或焦點(diǎn)小組）斟或、創(chuàng)建人物角色
3.戰(zhàn)略應(yīng)該是設(shè)計(jì)用戶體驗(yàn)的流程中的起點(diǎn)，但是不意味著項(xiàng)目開(kāi)始之前你的戰(zhàn)略需要完全定下來(lái)翰灾，戰(zhàn)略時(shí)可以演變和改進(jìn)的。當(dāng)戰(zhàn)略被系統(tǒng)的修改和校正時(shí)稚茅，這些工作就能成為貫穿整個(gè)過(guò)程的纸淮、持續(xù)的靈感源泉。
第四章? 范圍層
? ——功能規(guī)格和內(nèi)容需求
1.定義范圍層同時(shí)在做這兩件事：這是一個(gè)有價(jià)值的過(guò)程亚享，同時(shí)能產(chǎn)生有價(jià)值的產(chǎn)品咽块。
2.用文檔來(lái)定義產(chǎn)品需求：這樣才知道你正在建設(shè)什么；這樣你才知道你不需要建設(shè)什么欺税。
3.功能和內(nèi)容：從戰(zhàn)略層面的“我們?yōu)槭裁匆_(kāi)發(fā)這個(gè)產(chǎn)品”轉(zhuǎn)到新的問(wèn)題：“我們要開(kāi)發(fā)的是什么侈沪？”
4.功能需求規(guī)格：功能型產(chǎn)品方向——哪些應(yīng)該被當(dāng)成產(chǎn)品的“功能”以及相應(yīng)的結(jié)合；
? 內(nèi)容需求：內(nèi)容型產(chǎn)品方向——編輯和營(yíng)銷推廣的傳統(tǒng)領(lǐng)域晚凿；需要通過(guò)內(nèi)容管理系統(tǒng)來(lái)進(jìn)行管理亭罪。
5.功能規(guī)格說(shuō)明適用規(guī)則：
? ? ? （1）樂(lè)觀：描述這個(gè)系統(tǒng)將要做什么事情去“防止”不好的情況發(fā)生，而不是描述這個(gè)系統(tǒng)“不應(yīng)該”做什么不好的事情歼秽；
? ? ? ? 例如应役，不太好的描述——這個(gè)系統(tǒng)不允許用戶購(gòu)買沒(méi)有風(fēng)箏線的風(fēng)箏；
? ? ? ? ? ? ? ? ? 替換為——如果用戶想買一個(gè)沒(méi)有線的風(fēng)箏燥筷，這個(gè)系統(tǒng)應(yīng)該引導(dǎo)用戶到風(fēng)箏線頁(yè)面
? ? ? （2）具體：盡可能詳細(xì)地解釋清楚狀況箩祥。這是能決定一個(gè)功能是否被實(shí)現(xiàn)的最佳路徑。
? ? ? ? ? 例如以下兩個(gè)句子：1.最受歡迎的視頻要重點(diǎn)標(biāo)注肆氓；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2.上一周被播放最多的視頻要顯示在列表的最前端袍祖。
? ? ? （3）避免主觀的語(yǔ)氣：例如，這個(gè)網(wǎng)站的風(fēng)格應(yīng)該是時(shí)尚的谢揪、閃耀的蕉陋。替換為：這個(gè)網(wǎng)站的外觀應(yīng)該符合企業(yè)的品牌指南文檔。
6.確定需求優(yōu)先級(jí)：由于項(xiàng)目范圍是建立在戰(zhàn)略層的基礎(chǔ)上的拨扶，因此我們應(yīng)該去評(píng)估這些需求是否能滿足我們的戰(zhàn)略目標(biāo)寺滚。除此之外，還要確定：實(shí)現(xiàn)這些需求的可行性有多大屈雄？
第五章? 結(jié)構(gòu)層
? ——交互設(shè)計(jì)與信息架構(gòu)
1.交互設(shè)計(jì)：關(guān)注與描述“可能的用戶行為”村视，同時(shí)定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為。
2.概念模型：用戶對(duì)于“交互組件將怎樣工作”的觀點(diǎn)稱為概念模型酒奶。軟件是否把某個(gè)特性處理成用戶所熟悉的某個(gè)概念蚁孔？比如某個(gè)他去過(guò)的地方或某件他曾經(jīng)擁有的物品奶赔。
3.信息架構(gòu)：研究的是人們?nèi)绾握J(rèn)知信息的過(guò)程，對(duì)于產(chǎn)品而言杠氢，信息架構(gòu)關(guān)注就是呈現(xiàn)給用戶的信息是否合理并具有意義站刑。其基本單位是節(jié)點(diǎn)，節(jié)點(diǎn)可以對(duì)應(yīng)任意的信息片段或組合——小到一個(gè)數(shù)字鼻百，大到整個(gè)圖書(shū)館绞旅。
4.語(yǔ)言和元數(shù)據(jù)：要讓用戶理解網(wǎng)站的命名原則——描述、標(biāo)簽和網(wǎng)站使用的其他術(shù)語(yǔ)温艇∫虮“使用用戶的語(yǔ)言”和并且“保持一致性”是非常重要的。我們把用來(lái)強(qiáng)調(diào)一致性的工具稱為受控詞典：網(wǎng)站使用的一套標(biāo)準(zhǔn)語(yǔ)言勺爱。使用受控詞典或類詞詞典對(duì)于建立包含元數(shù)據(jù)（關(guān)于信息的信息晃琳，即以一種結(jié)構(gòu)化的方式來(lái)描述內(nèi)容的信息）的系統(tǒng)特別有用。
第六章? 框架層
? ——界面設(shè)計(jì)琐鲁、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)
1.對(duì)于功能型產(chǎn)品卫旱，通過(guò)界面設(shè)計(jì)來(lái)確定框架——一個(gè)大家所熟知的、“按鈕围段、輸入框和其他界面控件的領(lǐng)域顾翼。對(duì)于信息型產(chǎn)品，要解決的是一個(gè)獨(dú)一無(wú)二的問(wèn)題：導(dǎo)航設(shè)計(jì)奈泪。對(duì)于二者來(lái)講暴构，信息設(shè)計(jì)是都必須要做的，它用于呈現(xiàn)有效的信息溝通段磨。
2.界面設(shè)計(jì)：提供給用戶做某些事的能力取逾；用戶能接觸到“在結(jié)構(gòu)層的交互設(shè)計(jì)中”的具體功能。它要做到選擇正確的界面元素苹支。成功的界面設(shè)計(jì)能讓用戶一眼就看到“最重要的東西”砾隅。
3.導(dǎo)航設(shè)計(jì)：提供給用戶去到某個(gè)地方的能力；通過(guò)它用戶可以“在結(jié)構(gòu)中自由穿行”债蜜。
? ? ? ? ? 要實(shí)現(xiàn)的三個(gè)目標(biāo)：提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法晴埂；傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系；傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁(yè)面之間的關(guān)系寻定。
? ? ? ? ? 導(dǎo)航系統(tǒng)：全局導(dǎo)航提供了覆蓋整個(gè)網(wǎng)站的通路儒洛；局部導(dǎo)航提供給用戶這個(gè)架構(gòu)中到“附近地點(diǎn)”的通路；輔助導(dǎo)航提供了全局導(dǎo)航或局部導(dǎo)航不能快速達(dá)到的相關(guān)內(nèi)容的快捷途徑狼速；上下文導(dǎo)航是嵌入頁(yè)面文字中的一種導(dǎo)航琅锻；友好導(dǎo)航提供給用戶他們通常不會(huì)需要的鏈接，但它作為一種便利的途徑來(lái)使用；遠(yuǎn)程導(dǎo)航?jīng)]有包含在頁(yè)面結(jié)構(gòu)中恼蓬，而是獨(dú)立于網(wǎng)站的內(nèi)容和功能惊完，例如網(wǎng)站地圖；索引表按字母順序排列处硬、鏈接到相關(guān)頁(yè)面的列表小槐。
4.信息設(shè)計(jì)：傳達(dá)想法給用戶。
? ? ? ? ? 指示標(biāo)識(shí)：用來(lái)幫助用戶理解“他們?cè)谀摹币约啊彼麄兡苋ツ摹暗南到y(tǒng)——將信息設(shè)計(jì)與導(dǎo)航設(shè)計(jì)結(jié)合到一起荷辕；
? ? ? ? ? 頁(yè)面布局：將信息設(shè)計(jì)凿跳、界面設(shè)計(jì)和導(dǎo)航設(shè)計(jì)放置到一起，形成一個(gè)統(tǒng)一的疮方、有內(nèi)在凝聚力的架構(gòu)的地方控嗜。頁(yè)面布局被納入一個(gè)詳細(xì)的文檔，即頁(yè)面示意圖或線框圖案站，對(duì)一個(gè)頁(yè)面中所有的組成部分以及它們?nèi)绾谓Y(jié)合到一起的躬审、最直觀地描述棘街。
? ? ? ? ? 線框圖：整合在結(jié)構(gòu)層的全部三要素的方法：通過(guò)安排和選擇頁(yè)面元素來(lái)整合界面設(shè)計(jì)蟆盐；通過(guò)識(shí)別和定義核心導(dǎo)航系統(tǒng)來(lái)整合導(dǎo)航設(shè)計(jì)；通過(guò)放置和排列信息組成部分的優(yōu)先級(jí)來(lái)整合信息設(shè)計(jì)遭殉。把這三者放在一個(gè)文檔中石挂，線框圖就可以確定一個(gè)建立在基本概念結(jié)構(gòu)上的架構(gòu)，同時(shí)指出了表現(xiàn)層的設(shè)計(jì)應(yīng)該前進(jìn)的方向险污。
第七章? 表現(xiàn)層
? ——感知設(shè)計(jì)
1.合理設(shè)計(jì)感知：（1）嗅覺(jué)和味覺(jué)痹愚，用戶體驗(yàn)設(shè)計(jì)師很少考慮到；
? ? ? ? ? ? ? ? ? ? ? ? ? ? （2）觸覺(jué)：屬于工業(yè)設(shè)計(jì)領(lǐng)域蛔糯；
? ? ? ? ? ? ? ? ? ? ? ? ? ? （3）聽(tīng)覺(jué)：聲音不僅可以用來(lái)通知用戶拯腮，還可以使導(dǎo)航變得更具有個(gè)性；
? ? ? ? ? ? ? ? ? ? ? ? ? ? （4）視覺(jué)：用戶體驗(yàn)設(shè)計(jì)師最得心應(yīng)手的領(lǐng)域蚁飒，具體內(nèi)容如下：
2.用戶眼睛移動(dòng)軌跡的模式有兩個(gè)特點(diǎn)：遵循的是一條流暢的路徑动壤；不需要太多細(xì)節(jié)來(lái)嚇倒用戶的前提下，為用戶提供有效選擇的淮逻、某種可能的”引導(dǎo)琼懊。
3.對(duì)比和一致性：對(duì)比，當(dāng)一個(gè)元素在設(shè)計(jì)中顯得與眾不同時(shí)爬早，用戶就會(huì)注意到哼丈。通過(guò)給文本一些不同的顏色(比如紅色)或一個(gè)醒目的圖形將他們凸顯出來(lái)，就能讓整個(gè)界面完全不同了筛严。一致性醉旦，使你的設(shè)計(jì)有效的傳達(dá)信息：將視覺(jué)元素的大小保持一致的尺寸，可以使你在需要的時(shí)候把它們更容易的重新組合成一個(gè)新的設(shè)計(jì)。? ?
4.內(nèi)部和外部的一致性：
? ? ? 內(nèi)部一致性——在產(chǎn)品的兩個(gè)不同的地方反映了不同的設(shè)計(jì)方法髓抑。解決方法”確定有可能在產(chǎn)品各種各樣的界面咙崎、導(dǎo)航和信息設(shè)計(jì)等不同環(huán)境中反復(fù)出現(xiàn)的設(shè)計(jì)元素。在進(jìn)行設(shè)計(jì)之前吨拍，從這些不同的環(huán)境中將每一個(gè)設(shè)計(jì)元素獨(dú)立出來(lái)褪猛。只設(shè)計(jì)一次就可以將方案應(yīng)用到整個(gè)產(chǎn)品中。
? ? ? 外部一致性——這個(gè)產(chǎn)品沒(méi)有在同一企業(yè)的其他產(chǎn)品中羹饰，反映出被用的伊滋、相同的設(shè)計(jì)方法。
5.配色和排版： 配色——更亮和更醒目的顏色可以用于設(shè)計(jì)前景色——那些你希望得到更多注意的元素中队秩；更黯淡的顏色最好用于那些不需要跳出頁(yè)面的背景元素中笑旺；擁有更多可選擇的色彩，為我們提供了一套能做出高效的馍资、可供設(shè)計(jì)選擇的工具包筒主。排版——對(duì)品牌標(biāo)識(shí)有重要作用；對(duì)于正文來(lái)講鸟蟹，任何文本都會(huì)呈現(xiàn)在一個(gè)較大面積的區(qū)域并且被用戶長(zhǎng)時(shí)間的注視乌妙，因此簡(jiǎn)單最好；對(duì)于更大的文本元素或者類似導(dǎo)航元素中看到的短標(biāo)簽一樣的文本建钥，稍微具有個(gè)性的字體也是非常恰當(dāng)?shù)摹?/p>
6.設(shè)計(jì)和成品和風(fēng)格指南：設(shè)計(jì)和成品——在視覺(jué)設(shè)計(jì)領(lǐng)域中對(duì)線框圖最直接的模擬式視覺(jué)模型或設(shè)計(jì)合成品藤韵，顯示了各個(gè)獨(dú)立的組件時(shí)如何結(jié)合到一起形成一個(gè)有機(jī)的整體的；或者它們沒(méi)有組成一個(gè)整件熊经，就說(shuō)明某個(gè)地方破壞了它泽艘，同時(shí)也表示這是一個(gè)任何解決辦法都必須要考慮到的約束條件。風(fēng)格指南——承載了設(shè)計(jì)決策的權(quán)威文檔镐依。它匯總了視覺(jué)設(shè)計(jì)的各個(gè)方面匹涮，所有元素；還包括某一模塊或網(wǎng)站功能的具體標(biāo)準(zhǔn)槐壳。
第八章? 要素的應(yīng)用
1.提出正確的問(wèn)題：將每一個(gè)決定都建立在對(duì)其背后議題的理解上然低。與用戶有關(guān)的第一個(gè)問(wèn)題恐怕是問(wèn)你自己的：你為什么要這么做？
2.產(chǎn)品開(kāi)發(fā)是一場(chǎng)“馬拉松”宏粤。
