日常學(xué)習(xí)《用戶體驗(yàn)的要素》這本書，由于平時(shí)有做讀書筆記的習(xí)慣，在這里做一下讀書筆記。

作者：Jesse James?Garrett

緒論：《用戶體驗(yàn)的要素》用簡(jiǎn)潔的語言系統(tǒng)化地詮釋了設(shè)計(jì)、技術(shù)和商業(yè)融合是最重要的發(fā)展趨勢(shì)。它的潛力在于是能衡量“哪些是可能的”，更重要的在于我們“如何把技術(shù)的可能性轉(zhuǎn)變成人類體驗(yàn)的提升”。

“在你解決問題的同時(shí)，還要尊重用戶的體驗(yàn)”

前言：這不是一本有答案的書，或者是一本關(guān)于技術(shù)的書，或者更好的說，它是一本“如何提出正確問題的書”

目錄：

第一章：用戶體驗(yàn)為什么如此重要

第二章：認(rèn)識(shí)這些要素

第三章：戰(zhàn)略層：網(wǎng)站目標(biāo)和用戶需求

第四章：范圍層：功能規(guī)格和內(nèi)容需求

第五章：結(jié)構(gòu)層：交互設(shè)計(jì)與信息架構(gòu)

第六章：框架層：界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)

第七章：表現(xiàn)層：視覺設(shè)計(jì)

第八章：要素的應(yīng)用

第一章：用戶體驗(yàn)與網(wǎng)站

網(wǎng)站是一個(gè)“自助式”產(chǎn)品，用戶只能依靠自己的智慧和經(jīng)驗(yàn)來獨(dú)自面對(duì)，當(dāng)用戶被網(wǎng)站的某個(gè)地方困住了，大多數(shù)網(wǎng)站并不能意識(shí)到的用戶的困境。僅僅是“去理解人們的所想和所需”這樣一件簡(jiǎn)單的事情，都從來沒有得到過重視

企業(yè)已經(jīng)開始意識(shí)到，提供優(yōu)質(zhì)的用戶體驗(yàn)是一個(gè)重要的、可持續(xù)的競(jìng)爭(zhēng)優(yōu)勢(shì)。用戶體驗(yàn)形成了客戶對(duì)企業(yè)的整體印象，界定了企業(yè)和競(jìng)爭(zhēng)對(duì)手的差異。

信息類的網(wǎng)站僅僅把信息放在網(wǎng)站上是不夠的，它必須用一種能幫助人們理解和接受的方式呈現(xiàn)出來。否則，用戶永遠(yuǎn)不會(huì)發(fā)現(xiàn)你所提供的服務(wù)或產(chǎn)品正是他們?cè)趯ふ业摹?/p>

即便有了強(qiáng)大的功能，高效的溝通仍然是決定產(chǎn)品是否成功的關(guān)鍵因素。

“特性”和“功能”是重要的，但是用戶體驗(yàn)對(duì)客戶的忠誠(chéng)度有著更大的影響

除了投資回報(bào)率（ROI），我們需要的是一種衡量的方法，用于計(jì)算“花出去的錢”轉(zhuǎn)化成了多少的“企業(yè)的價(jià)值”。

通過跟蹤有百分之幾的用戶被轉(zhuǎn)化到了下一個(gè)環(huán)節(jié)，就能衡量你的網(wǎng)站在達(dá)到"商業(yè)目的"方面的效率有多高。

任何在用戶體驗(yàn)上所做的努力，目的都是為了提高效率。

在完成任務(wù)時(shí)所花費(fèi)時(shí)間越少，那么在一天之內(nèi)能完成的事情就越多。根據(jù)一直以來時(shí)間就是金錢的觀點(diǎn)，節(jié)省員工的時(shí)間就直接等于節(jié)約企業(yè)的金錢。

當(dāng)你累得精疲力盡的時(shí)候，至少不能是因?yàn)橐恢痹诤凸ぞ咦龆窢?zhēng)

記住你的用戶

創(chuàng)建吸引人的、高效的用戶體驗(yàn)的方法被稱為以用戶為中心的設(shè)計(jì)。以用戶為中心的設(shè)計(jì)思想非常簡(jiǎn)單：在開發(fā)產(chǎn)品的每一個(gè)步驟中，都要把用戶列入考慮范圍。這個(gè)簡(jiǎn)單思想之下的含義，卻出乎意料的復(fù)雜。

用戶所體驗(yàn)的每一件事，對(duì)你來講都應(yīng)該是經(jīng)過慎重考慮和論證以后的決定。實(shí)際上，設(shè)計(jì)出一個(gè)更好的解決方案需要更多的時(shí)間和費(fèi)用，你可能不得不在各個(gè)方面做出妥協(xié)。但是，一個(gè)以用戶為中心的設(shè)計(jì)流程保證了這些妥協(xié)不是隨機(jī)決定的?？紤]用戶的體驗(yàn)，把它分解成各個(gè)組成要素、從不同的角度來了解它——通過這些才能確保你控制了決策所造成的全部結(jié)果。

第二章：認(rèn)識(shí)這些要素

確保用戶在你的網(wǎng)站上的所有體驗(yàn)不會(huì)發(fā)生在你“明確的、有意識(shí)的意圖”之外，了解用戶可能采取的每一個(gè)行動(dòng)的可能性，并且去理解在這個(gè)過程中每個(gè)步驟用戶的期望值。

完整的，清晰的，有條不紊的體驗(yàn)，事實(shí)上由一系列完整的決策，大大小小的決策組成的：網(wǎng)站看起來是什么樣，它如何運(yùn)轉(zhuǎn)，它能讓你做什么，這些決策彼此依賴，告知并影響用戶體驗(yàn)方方面面。

五個(gè)層面

表現(xiàn)層（surface）：是由一系列的網(wǎng)頁，圖文組成。

框架層（skeleton）：按鈕、表格、照片和文本區(qū)域的位置?？蚣軐佑糜趦?yōu)化設(shè)計(jì)布局，以達(dá)到這些元素的最大效果和效率——使你在需要的時(shí)候，能記得標(biāo)識(shí)并找到購物車的按鈕

結(jié)構(gòu)層（structure）：與框架層相比更抽象的是結(jié)構(gòu)層（structure），框架層用于確定交互元素的位置，而結(jié)構(gòu)層用于設(shè)計(jì)用戶如何到達(dá)某個(gè)頁面，并且在他們做完事情之后能去什么地方?？蚣軐佣x了導(dǎo)航條上各項(xiàng)的排列方式，結(jié)構(gòu)層則確定哪些類別應(yīng)該出現(xiàn)在哪里

范圍層（scope）：結(jié)構(gòu)層確定了網(wǎng)站各種特性和功能的最合適的組合方式，而這些特性和功能就構(gòu)成了網(wǎng)站的范圍層。范圍層考慮的是，一個(gè)功能是否應(yīng)該成為網(wǎng)站的主要功能之一

戰(zhàn)略層（strategy）：網(wǎng)站的范圍基本上是由網(wǎng)站戰(zhàn)略層所決定的，這些戰(zhàn)略層不僅僅包括了經(jīng)營(yíng)者想從網(wǎng)站得到什么，還包括用戶想從網(wǎng)站得到什么

自下而上的建設(shè)過程

這五個(gè)層面：戰(zhàn)略、范圍、結(jié)構(gòu)、框架和表現(xiàn)——提供了一個(gè)基本的架構(gòu)，只有在這個(gè)基本架構(gòu)上，我們才能討論用戶體驗(yàn)的問題、以及用什么工具來解決用戶的體驗(yàn)。

在最低層面上，我們完全不用考慮網(wǎng)站最終的外觀，而在最高層面，我們只關(guān)心網(wǎng)站所呈現(xiàn)的最具體的細(xì)節(jié)，隨著層面的上升，我們要做的決策一點(diǎn)點(diǎn)的變得具體，并關(guān)系到越來越精細(xì)的細(xì)節(jié)。

由于是自下而上的建設(shè)過程，意味著戰(zhàn)略層的決定將具有某種向上的“連鎖效應(yīng)”，這種連鎖效應(yīng)意味著在“較高層面”中選擇一個(gè)界限之外的選項(xiàng)將需要重新考慮”較低層面“中所作出的決策。但這并不意味著較高層面上的東西完全受縛與較低層面上的決策，較高層面上的決策可能會(huì)促成較低層面上的決策的重新評(píng)估（甚至是第一次評(píng)估）。在每個(gè)層面，我們都根據(jù)競(jìng)爭(zhēng)對(duì)手所做的事情，業(yè)界最佳的時(shí)間成果來決定、這是最簡(jiǎn)單不過的常識(shí)，這些決策產(chǎn)生的連鎖效應(yīng)應(yīng)該是雙方向的。

在一個(gè)項(xiàng)目的設(shè)計(jì)過程中，應(yīng)該計(jì)劃好你的項(xiàng)目，讓任何一個(gè)層面中的工作都不能在其下層面的工作完成之前結(jié)束。這里最重要的一條就是，在我們知道基本的形狀之前，不能為房屋加上屋頂。

基本的雙重性

當(dāng)一個(gè)網(wǎng)站的用戶體驗(yàn)開始形成時(shí)，它的設(shè)計(jì)者采用的是兩種不同的語言。一群人把每一個(gè)問題看成是“應(yīng)用軟件”的設(shè)計(jì)問題，然后從傳統(tǒng)的桌面和客戶端軟件的角度來考慮解決方案。另一群人則以信息發(fā)布和檢索的角度來看待網(wǎng)站，然后從傳統(tǒng)出版、媒體和信息技術(shù)的角度來考慮問題的解決方案。

這樣就會(huì)造成很大的溝通障礙，當(dāng)大家不能再基本專用名詞上達(dá)成一致的時(shí)候，事情很少能順利進(jìn)展。

為了解決網(wǎng)站這種基本的雙重性質(zhì)，我們從中間把這五個(gè)層面分開，在左邊這些要素僅用于描述軟件界面類型的網(wǎng)頁。在右邊，我們將把這些要素用于超文本信息空間。

在軟件的一邊，我們主要關(guān)注的是任務(wù)——所有的操作都被納入一個(gè)過程，去思考人們?nèi)绾瓮瓿蛇@個(gè)過程，在這里，我們把網(wǎng)站看成用戶用于完成一個(gè)或多個(gè)任務(wù)的一個(gè)或一組工具。

在超文本一邊，我們的關(guān)注點(diǎn)是信息——網(wǎng)站應(yīng)該提供哪些信息，這些信息對(duì)于用戶的意義是什么。超文本就是創(chuàng)建一個(gè)“用戶可以穿越的信息空間”。

用戶體驗(yàn)的要素

//根據(jù)雙重性，我們把五個(gè)層面從中間劃分成兩個(gè)部分，再對(duì)著劃分出來的模塊進(jìn)行細(xì)分。

戰(zhàn)略層：戰(zhàn)略層關(guān)注的內(nèi)容是來自企業(yè)外部的用戶需求（user need），與用戶需求相對(duì)應(yīng)的，是我們自己對(duì)網(wǎng)站的期望目標(biāo)（site objective）。這些網(wǎng)站目標(biāo)可以是商業(yè)目的或者是其他類型的目標(biāo)。

范圍層：當(dāng)從戰(zhàn)略層進(jìn)入范圍層以后，在軟件方面它就轉(zhuǎn)變成創(chuàng)建功能規(guī)格（functional specification）：對(duì)產(chǎn)品的”功能組合“的詳細(xì)描述。而在信息空間方面，范圍則是以內(nèi)容需求（content requirement）的形式出現(xiàn)：對(duì)各種內(nèi)容元素的要求的詳細(xì)描述。

結(jié)構(gòu)層:在軟件方面，結(jié)構(gòu)層將從范圍轉(zhuǎn)變成交互設(shè)計(jì)（interaction design），在這里我們可以定義系統(tǒng)如何響應(yīng)用戶的請(qǐng)求。在信息空間方面，結(jié)構(gòu)層則是信息架構(gòu)（information architecture）：在信息空間中內(nèi)容元素的分布。

框架層：框架層被分成了三個(gè)部分。不管是軟件界面還是信息空間，我們必須要完成信息設(shè)計(jì)（information design）：一種促進(jìn)理解的信息表達(dá)方式。在軟件產(chǎn)品一邊，框架層還包括了界面設(shè)計(jì)（interface design），或者也可以說安排好能讓用戶與系統(tǒng)的功能產(chǎn)生互動(dòng)的界面元素。對(duì)于信息空間方面來講，這種界面就是導(dǎo)航設(shè)計(jì)（navigation design）：在屏幕上的一些元素的組合，允許用戶在信息架構(gòu)中穿行。

表現(xiàn)層：在表現(xiàn)層上，軟件產(chǎn)品或者是信息空間的關(guān)注點(diǎn)都是一樣的：視覺設(shè)計(jì)（visualdesign），或者是說產(chǎn)品的外觀，它做起來筆說起來棘手得多。

應(yīng)用這些要素

很少有網(wǎng)站只屬于這兩個(gè)部分中的一個(gè)，在每個(gè)層面中，這些要素必須相互作用才能完成該層面的目標(biāo)。你在某個(gè)要素上所做的決定對(duì)同一個(gè)層面的其他要素是不可能沒有影響的。

這種把用戶體驗(yàn)劃分成各個(gè)方塊和層面的模式，非常有利于我們?nèi)タ紤]用戶在體驗(yàn)中有可能遇到的麻煩，但現(xiàn)實(shí)世界中這些區(qū)域的界限并沒有那么明確。最常見的情形是，你很難鑒定某個(gè)用戶體驗(yàn)的問題是否可以通過重視這個(gè)要素或者那個(gè)要素去解決。

還有兩個(gè)額外的因素，首先是內(nèi)容，其次是技術(shù)。

第三章：戰(zhàn)略層——網(wǎng)站目標(biāo)和用戶需求

戰(zhàn)略層的定義

網(wǎng)站最常見的失敗就是一開始沒有人試圖回答下面兩個(gè)非?；镜膯栴}

1.我們要從這個(gè)網(wǎng)站得到什么——網(wǎng)站目標(biāo)——企業(yè)內(nèi)部

2.我們的用戶要從這個(gè)網(wǎng)站得到什么——用戶需求——企業(yè)外部

結(jié)合內(nèi)外兩者，就組成了戰(zhàn)略層，也就成為我們?cè)O(shè)計(jì)用戶體驗(yàn)過程中做出每一個(gè)決定的基礎(chǔ)。

To be continue...

?