本書是AJAX之父的經典之作。本書用簡潔的語言系統化地詮釋了設計、技術和商業融合是最重要的發展趨勢。全書共8章，包括關于用戶體驗以及為什么它如此重要、認識這些要素、戰略層、范圍層、結構層、框架層、表現層以及要素的應用。
從本書第1版出版到現在已經過去十幾年了，它定義了關鍵的實踐準則，已經成為全世界網站和交互設計師工作時的重要參考。新版中，作者進一步細化了他對于產品設計的思考。 同時，這些思考并不僅僅局限于桌面軟件上，而是已經擴展到包括移動終端在內的多種應用及其分支中。成功的交互產品設計比創建條理清晰的代碼和鮮明的圖形要復雜得多。你在滿足企業戰略目標的同時，還要滿足用戶的需求。如果沒有一個“有凝聚力、統一的用戶體驗”來支撐的話，即使是好的內容和精密的技術也不能幫助你平衡這些目標。創建用戶體驗看上去極其復雜，有很多方面（可用性、品牌識別、信息架構、交互設計）都需要考慮。本書用清晰的說明和生動的圖形分析了其復雜內涵，并著重于工作思路而不是工具或技術。作者給了讀者一個關于用戶體驗開發的總體概念——從企業戰略到信息架構需求再到視覺設計。
第 2版前言
讓我們直奔主題吧：第 2版的不同點在哪里？
第 2版與第 1版相比，最大的變化是范圍不再局限于 Web網站。盡管書中使用的例子大部分仍然與 Web相關，但無論是關注點、概念模型還是設計原則，都可以應用于所有的產品和服務。
我這么做有兩個原因，而且都與過去 10年間發生的事情有關。在過去 10年間，無論是用戶體驗本身還是影響用戶體驗的要素，都發生了很多變化。
首先，這些年來，我不斷地聽到有人成功地把用戶體驗要素的模型應用到與Web無關的產品上。有些人本來是 Web設計師，因為種種原因開始做類似手機應用的新產品；有些人是非 Web產品的設計師，卻仍然能將用戶體驗要素融到他們的工作當中。
而與此同時，用戶體驗所涉及的領域也大大擴展了。我們現在談及“用戶體驗設計的價值和影響力”，早就不再局限于第 1版中所說的“Web產品領域”，甚至也不僅僅局限于“基于屏幕交互的產品領域”。
第 2版秉持近似的觀點。如果只考慮模型立足的根源，Web仍然是第 2版所討論的重點，但本書并不要求你理解 Web頁面是如何開發出來的 —所以，即使你從沒寫過一行 Web代碼，也應該可以將其應用到自己的工作當中。
拋開上面這兩個原因不談，對于已經讀過第 1版的讀者，我希望你知道：第2版不是完全推翻了第 1版重新再造的新模型，它只是對你已經知道（并且希望你能愛上）的、被大家所熟悉的要素模型進行了打磨和提煉，其核心思想和哲學概念是始終如一的。細微之處有少量變化，但大的框架沒有改變。
如果這些要素能派上用場，我會感到欣慰。期待接下來的精彩！
Jesse James Garrett
2010年 11月
第 1版前言
這不是一本關于“怎樣做（how-to）”的書。有很多討論如何建設網站的書，這本不是。
這不是一本關于技術的書。在這里你找不到一行代碼。
這不是一本有答案的書。相反，這本書說的是“如何提出正確的問題”。
這本書將告訴你，在閱讀其他的書籍之前你需要提前了解什么。如果你需要一個大的概念，或者需要了解用戶體驗設計師所做出的決策的環境，那么這本書很適合你。
這本書經過精心設計，使你可以在一兩個小時之內讀完。如果你是一個剛剛進入用戶體驗領域的新手─可能你是一個負責組建用戶體驗團隊的管理人員，或者你是一個碰巧進入這個領域的作家或設計師 ─那么這本書將給你一些基礎的概念。如果你已經對設計方法和用戶體驗領域的關注點很熟悉了，那么這本書將幫助你更有效地把這些概念傳達給與你合作的人。
背后的故事
由于被詢問得太多，所以我決定把本書的誕生過程寫下來。
1999年下半年，我作為第一個信息架構設計師加盟了一個多年做網頁設計的顧問公司。我通過很多方式來明確我的崗位職責并向人們不停地講述我所做的事情是什么、這些事情如何與其他人所做的工作融合到一起等。一開始，他們都十分小心而且還有一點警惕，但是很快他們開始意識到我的存在是為了讓他們的工作更容易，而不是更困難。我的出現并不表示他們的權威性降低了。
與此同時，我在編寫一個與我工作相關的、我個人用于收藏網上資源的網站（它最終作為 www.jjg.net/ia/的信息架構資源頁面而發布在互聯網上）。在做這些研究的時候，我總是不斷地受到一些基礎概念的詞匯的困擾，在這個領域中它們看上去很相似但實際上被隨意和胡亂使用。某資料中稱為“信息設計”的東西很顯然和另一個資料所稱的“信息架構”完全一樣，而第三份資料中把所有這些放在一起稱為“界面設計”。
在 1999 年年底到 2000 年 1 月，我強撐著完成了一系列對這些關鍵議題的一致定義，并找到一種方式來表達它們之間的關系。但是我當時非常忙，被一些正在進行中的工作纏住了，脫不開身，我試著去闡述和說明的那種模型沒有真正地在工作中產生效果，所以在 1 月快結束的時候，我放棄了這個念頭。
同年 3 月，我到得克薩斯州奧斯汀市參加一年一度的 South by Southwest交互展覽。這是忙碌而又發人深省的一周，在此期間我幾乎沒睡多少覺——大會的議程安排和晚上的活動就像一場耗時兩三天的馬拉松比賽。
那個星期快結束的時候，我通過奧斯汀機場的安檢口準備登上返回舊金山的飛機，這時一個三維的矩陣突然就跳進了我的腦海里，并完全占據了我的整個思緒。在登上飛機之前我一直都耐心地等待著。而在我坐下的同時，我掏出記事本把它畫了出來。
回到舊金山之后，由于傷風我幾乎立刻就倒下了。我經歷了大約一個星期的高燒和譫語。在剛剛感到清醒的時候，我馬上把記事本上的草圖變成整潔地展現在一張紙上的完整圖示。我把它稱為“用戶體驗要素”。后來我聽說，這個稱呼喚起了大多數人對于“元素周期表”和“Strunk and White”的回憶。不過讓大家失望的是，在選擇這個標題的時候，我的腦海中完全沒有這種聯想─之所以從辭典中把“要素（element）”挑選出來，只是為了代替蹩腳的、聽上去很技術化的“組件（component）”一詞。
3月30日，我把最終的圖發布到了網上（你現在仍然可以在 www.jjg.net/ia/elements.pd
杰西·詹姆斯·加勒特（Jesse James Garrett） Adaptive Path的創始人和總裁。他在用戶體驗領域的貢獻包括：創建了影響深遠的“用戶體驗要素”模型；開發了“視覺辭典”，一個規范信息架構文檔的符號系統；定義了Ajax，創建Web應用的一種方法。他由于被PC World評為“互聯網最重要的50人”而獲得了《連線》雜志的激賞獎。他的工作成就包括與Twitter、NPR、Skype、哈佛商業評論和Crayola等企業的合作。 他還是一個活躍的演說家，向全世界宣講關于產品設計、用戶體驗和創新的新思想。
贊譽
序言
前言
讀者指南
第1章?引言?┊1
1.1 什么是設計模式?┊3
1.2 Smalltalk MVC中的設計模式?┊4
1.3 描述設計模式?┊6
1.4 設計模式的編目?┊7
1.5 組織編目?┊8
1.6 設計模式怎樣解決設計問題?┊10
1.6.1 尋找合適的對象?┊10
1.6.2 決定對象的粒度?┊11
1.6.3 指定對象接口?┊11
1.6.4 描述對象的實現?┊12
1.6.5 運用復用機制?┊15
1.6.6 關聯運行時和編譯時的結構?┊18
1.6.7 設計應支持變化?┊19
1.7 怎樣選擇設計模式?┊22
1.8 怎樣使用設計模式?┊24
第2章?實例研究：設計一個文檔
?編輯器?┊25
2.1 設計問題?┊27
2.2 文檔結構?┊27
2.2.1 遞歸組合?┊28
2.2.2 圖元?┊29
2.2.3 組合模式?┊31
2.3 格式化?┊31
2.3.1 封裝格式化算法?┊31
2.3.2 Compositor和Composition?┊32
2.3.3 策略模式?┊33
2.4 修飾用戶界面?┊34
2.4.1 透明圍欄?┊34
2.4.2 MonoGlyph?┊35
2.4.3 Decorator模式?┊36
2.5 支持多種視感標準?┊37
2.5.1 對象創建的抽象?┊37
2.5.2 工廠類和產品類?┊38
2.5.3 Abstract Factory 模式?┊40
2.6 支持多種窗口系統?┊40
2.6.1 是否可以使用Abstract Factory
模式?┊40
2.6.2 封裝實現依賴關系?┊41
2.6.3 Window和WindowImp?┊43
2.6.4 Bridge模式?┊46
2.7 用戶操作?┊46
2.7.1 封裝一個請求?┊47
2.7.2 Command類及其子類?┊47
2.7.3 撤銷和重做?┊48
2.7.4 命令歷史記錄?┊49
2.7.5 Command模式?┊50
2.8 拼寫檢查和斷字處理?┊50
2.8.1 訪問分散的信息?┊51
2.8.2 封裝訪問和遍歷?┊51
2.8.3 Iterator類及其子類?┊52
2.8.4 Iterator模式?┊55
2.8.5 遍歷和遍歷過程中的動作?┊55
2.8.6 封裝分析?┊56
2.8.7 Visitor類及其子類?┊59
2.8.8 Visitor模式?┊60
2.9 小結?┊60
第3章?創建型模式?┊62
3.1 Abstract Factory（抽象工廠）—對象
創建型模式?┊66
3.2 Builder（生成器）—對象創建型
模式?┊74
3.3 Factory Method（工廠方法）—對象
創建型模式?┊81
3.4 Prototype（原型）—對象創建型
模式?┊89
3.5 Singleton（單件）—對象創建型
模式?┊96
3.6 創建型模式的討論?┊102
第4章?結構型模式?┊104
4.1 Adapter（適配器）—類對象結構型
模式?┊106
4.2 Bridge（橋接）—對象結構型
模式?┊115
4.3 Composite（組合）—對象結構型模式?┊123
4.4 Decorator（裝飾）—對象結構型
模式?┊132
4.5 Facade（外觀）—對象結構型
模式?┊139
4.6 Flyweight（享元）—對象結構型
模式?┊146
4.7 Proxy（代理）—對象結構型
模式?┊155
4.8 結構型模式的討論 ?┊164
4.8.1 Adapter與Bridge?┊164
4.8.2 Composite、Decorator與Proxy?┊164
第5章?行為型模式?┊166
5.1 Chain of Responsibility（職責鏈）—
對象行為型模式?┊167
5.2 Command（命令）—對象行為型
模式?┊175
5.3 Interpreter（解釋器）—類行為型
模式?┊183
5.4 Iterator（迭代器）—對象行為型
模式?┊193
5.5 Mediator（中介者）—對象行為型
模式?┊205
5.6 Memento（備忘錄）—對象行為型
模式?┊212
5.7 Observer（觀察者）—對象行為型
模式?┊219
5.8 State（狀態）—對象行為型模式?┊227
5.9 Strategy（策略）—對象行為型
模式?┊234
5.10 Template Method（模板方法）—
類行為型模式?┊242
5.11 Visitor（訪問者）—對象行為型
模式?┊246
5.12 行為型模式的討論?┊256
5.12.1 封裝變化?┊256
5.12.2 對象作為參數?┊257
5.12.3 通信應該被封裝還是被
分布?┊257
5.12.4 對發送者和接收者解耦?┊258
5.12.5 總結?┊260
第6章?結論?┊261
6.1 設計模式將帶來什么?┊262
6.1.1 一套通用的設計詞匯?┊262
6.1.2 書寫文檔和學習的輔助
手段?┊263
6.1.3 現有方法的一種補充?┊263
6.1.4 重構的目標?┊264
6.2 本書簡史?┊265
6.3 模式界?┊266
6.3.1 Alexander的模式語言?┊266
6.3.2 軟件中的模式?┊267
6.4 邀請參與?┊267
6.5 臨別感想?┊268
附錄A?詞匯表?┊269
附錄B?圖示符號指南?┊273
附錄 C?基本類?┊277
參考文獻?┊284
新書資訊![用戶體驗要素：以用戶為中心的產品設計（原書第2版）（精裝版） [美]杰西·詹姆斯·加勒特](http://pic.book1993.com/Pic)