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

作者：Jesse James?Garrett

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

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

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

目錄：

第一章：用戶體驗(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)層：視覺(jué)設(shè)計(jì)

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

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

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

企業(yè)已經(jīng)開(kāi)始意識(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)出來(lái)综慎。否則，用戶永遠(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à)值”。

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

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

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

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

記住你的用戶

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

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

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

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

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

五個(gè)層面

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

框架層（skeleton）：按鈕揍诽、表格、照片和文本區(qū)域的位置栗竖∈畲啵框架層用于優(yōu)化設(shè)計(jì)布局，以達(dá)到這些元素的最大效果和效率——使你在需要的時(shí)候狐肢，能記得標(biāo)識(shí)并找到購(gòu)物車的按鈕

結(jié)構(gòu)層（structure）：與框架層相比更抽象的是結(jié)構(gòu)層（structure）添吗，框架層用于確定交互元素的位置，而結(jié)構(gòu)層用于設(shè)計(jì)用戶如何到達(dá)某個(gè)頁(yè)面份名，并且在他們做完事情之后能去什么地方碟联〖嗣溃框架層定義了導(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è)過(guò)程

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

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

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

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

基本的雙重性

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

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

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

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

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

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

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

戰(zhàn)略層：戰(zhàn)略層關(guān)注的內(nèi)容是來(lá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）溉奕，或者也可以說(shuō)安排好能讓用戶與系統(tǒng)的功能產(chǎn)生互動(dòng)的界面元素褂傀。對(duì)于信息空間方面來(lái)講，這種界面就是導(dǎo)航設(shè)計(jì)（navigation design）：在屏幕上的一些元素的組合加勤，允許用戶在信息架構(gòu)中穿行仙辟。

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

應(yīng)用這些要素

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

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

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

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

戰(zhàn)略層的定義

網(wǎng)站最常見(jiàn)的失敗就是一開(kāi)始沒(méi)有人試圖回答下面兩個(gè)非城ㄑ耄基本的問(wèn)題

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)過(guò)程中做出每一個(gè)決定的基礎(chǔ)岖圈。

To be continue...

?