漸進增強：跨平台用戶體驗設計

漸進增強：跨平台用戶體驗設計
定價：354 元
NT $ 308
 

內容簡介

如果你想開發一個既優雅又好用的網站，僅僅知道如何編寫代碼是遠遠不夠的。

本書介紹了一種名為漸進增強的設計思想，只要將這種它運用在項目中，就能使網站的兼容性、適應性和可訪問性得到極大改善。

本書的獨特之處在於，作者站在一個宏觀的視角，考察了Web設計流程的各個環節，將內容組織、UX設計、UI開發、響應式設計、前端開發、服務端開發、性能優化，以及種種對用戶產生影響的因素聯系在一起進行分析，以得出優化方案。

本書作者Aaron Gustafson是Web標准化項目的前項目經理，一直致力於Web的標准化和可訪問性方面的工作，並且積累了豐富的經驗。

在近二十年的 Web 從業生涯中， Aaron 服務過眾多我們所耳熟能詳的企業，包括 Box、Happy Cog、美國職棒大聯盟、 McAfee、紐約時報、SAS、StubHub、美國國家環境保護局、Vanguard、Walgreens和Yahoo等。Aaron亦作為 Web 標准化的顧問參加了微軟瀏覽器團隊的研發工作。

Aaron善於通過寫文章來分享他的經驗和知識。他為《A List Apart》雜志撰寫的「漸進增強三部曲」長期以來備受讀者歡迎。他圍繞漸進增強這個主題寫成的圖書《自適應Web設計》也獲得了非常好的口碑和銷量。除了寫作，Aaron現在經常參加各種Web大會，與大家分享Web技術和設計方面的思考，並在世界各地和當地Web從業者進行研討會形式的交流。

在Aaron的家鄉，田納西州的查塔努加市，他建立了查塔努加開放設備實驗室。在這個實驗室中，Aaron和Kelly McCarthy組織了很多創意和技術的分享活動。Aaron 是Rosenfeld Media「專家」俱樂部的成員，其博客地址是aaron-gustafson.com。

翟東方，北師大文學系，互聯網內容方向從業十年：蘇州街角擼過碼，西溪濕地畫過圖，中關村里奮過袖，后廠村口堵過車；曾向往入讀北大哲學系，屢屢失利；熱衷於用代碼解決設計問題，有些心得。梁任公曾曰：「啟超沒有什麼學問……」話鋒一轉，「還是有些的嘛！」既醉心之，則發展之，則分享之，獨樂樂不如眾樂樂。Quora上有雲：「Don』t waste time on trying to find meaning and purpose in life other than your instincts.（與其努力向別人證明什麼，不如跟隨自己的天賦做點什麼）。」 頗以為是。

任潔，北航交互設計碩士。互聯網從業九年，走了一條從視覺設計到交互設計再到產品經理的道路，也因此接觸了從電商門戶到O2O等各種各樣的產品形態。平時喜歡研究民俗和東亞志怪文獻。自幼跟隨老師學習工筆白描，熱愛一切復雜美麗的線描圖案。
歡迎加入讀者交流QQ群：364021031。

 

目錄

第1章　為體驗而設計 / 1
1.1　優秀的代碼，麻煩的設備 /　2
1.2　早期的Web是什麼樣 /　4
1.3　技術實現和用戶體驗 /　6
一個教訓　/　7
1.4　你滿足不了所有的人 /　9
1.5　向后兼容，向前適應 /　10
技術服務於內容　/　11
1.6　適應未知的設備 /　12
1.7　提升Web的可訪問性 /　14
1.8　分層次設計 /　16
1.9　漸進增強的設計思想 /　19

第2章　內容是一切的基礎 /　21
2.1　讓文案和用戶產生交流 /　23
2.2　設計稿中引入有意義的文案 /　24
2.3　優化文案，更好地與用戶對話 /　26
問題出現時，做好准備　/　28
2.4　文案不確定怎麼辦 /　30
2.5　為用戶優化文案內容 /　32
2.6　多種形式的內容 /　33
2.6.1　分析成本和收益 /　33
2.6.2　保持內容的可訪問性 /　37
2.7收集數據的時候，請保持和用戶的對話　/　40
2.8　允許留白 /　41
2.9　讓內容帶路 /　43

第3章
使用文檔結構化標記增強用戶體驗　/　45
3.1　那些年的「網頁重構」 /　47
3.2　利用HTML強調內容 /　49
3.3　實現方法不止一種 /　49
避免可能出現的問題　/　52
3.4　如何使用class和id /　54
3.4.1　使用微格式結構化內容 /　56
3.4.2　RDFa和微數據（Microdata） /　58
3.5　元素的取舍和選擇 /　60
3.5.1　注意文檔的大綱結構 /　62
3.5.2　注意代碼順序 /　65
3.5.3　避免加入多余的HTML標簽 /　69
3.6　使用ARIA提升頁面可訪問性 /　71
3.7　容錯處理 /　73
3.8　標記語言對於用戶體驗的意義 /　77

第4章　通過視覺設計提升用戶體驗 /　79
4.1　設計一個系統，而非一堆頁面 /　80
4.1.1　設計清算 /　81
4.1.2　從設計風格組件開始，發現整站的視覺語言 /　82
4.1.3　建立視覺規范或組件庫 /　83
4.2　不做無米之炊 /　84
4.2.1　營造和用戶的對話場景 /　84
4.2.2　考慮極端情況 /　86
4.3　理解CSS渲染規則 /　87
4.3.1　就近原則 /　87
4.3.2　權重高比就近更重要 /　90
4.3.3　利用CSS容錯性 /　92
4.3.4　漸進式導航的實例 /　97
4.4　從小屏幕開始的設備響應 /　101
4.4.1　為所有人提供支持，為一些人提供優化 /　105
4.4.2　布局從小到大變化的實例 /　107
4.4.3　允許流動布局 /　109
4.5　緊跟標准 /　111
4.6　防守性的設計 /　114
保守地應用樣式　/　115
4.7　在頁面中隱藏內容 /　116
4.7.1　避免使用的方法 /　117
4.7.2　可以適當使用的方法 /　118
4.7.3　最佳方法 /　119
4.8　使用CSS生成內容 /　120
4.9　針對其他媒體類型和交互方式而設計 /　122
4.9.1　設計一個供打印的頁面 /　123
4.9.2　兼容不同的交互方式 /　124
4.9.3　考慮大屏幕設備 /　126
4.10　保留瀏覽器的默認樣式 /　128
4.10.1　關於瀏覽器默認控件是否美觀的討論 /　129
4.10.2　關於模擬系統控件的討論 /　129
4.11　擁抱可持續性 /　130

第5章
通過交互設計提升用戶體驗　/　133
5.1　了解潛在的問題，避免日后踩坑 /　135
5.1.1　了解Web的性質 /　136
5.1.2　什麼情況下會「無JavaScript」 /　138
5.2　保證最基礎的用戶體驗 /　140
5.3　防止性的代碼 /　142
5.3.1　先觀察，再動手 /　142
5.3.2　特性檢測 /　145
5.3.3　確認代碼依賴的庫的存在 /　146
5.4　建立最低限度的代碼支持 /　147
5.5　區分對待 /　149
5.6　創建頁面所需的結構 /　150
5.7　描述當前發生了什麼 /　152
5.8　代碼簡單明晰 /　153
5.9　適應性的界面 /　156
5.10　不要提前應用樣式 /　159
5.10.1　在HTML中添加標記 /　160
5.10.2　充分利用ARIA /　161
5.11　通過適當調整需求提升頁面體驗 /　161
5.12　鼠標事件之外 /　164
5.12.1　發揮鍵盤的作用 /　164
5.12.2　提升觸屏體驗 /　166
5.13　不要依賴網絡狀況 /　169
5.13.1　將數據存儲在客戶端 /　169
5.13.2　進一步豐富離線體驗 /　171
5.14　合理發揮技術能力 /　172

第6章　持續的手藝活兒 /　175
6.1　體驗圖 /　176
6.1.1　Ix圖的優點 /　177
6.1.2　圖片延遲加載的實例 /　178
6.1.3　標簽式界面實例 /　184
6.2　從歷史中學習，寄希望於明天 /　185
6.2.1　移動互聯網時代，等價於一個新的撥號上網時代 /　186
6.2.2　以前的小屏幕，變成了現在的大屏幕 /　186
6.2.3　僅有文字的設計方案回歸了 /　187
6.3　對任何情況都要做好准備 /　190
看更多
網路書店 類別 折扣 價格
  1. 博客來網路書店
    新書
    87折
    $308