漸進(jìn)增強(qiáng) 跨平臺(tái)用戶體驗(yàn)設(shè)計(jì)

定　價(jià)：￥59.00

作　者：	[美] Aaron，Gustafson 著；翟東方，任潔譯
出版社：	人民郵電出版社
叢編項(xiàng)：
標(biāo)　簽：	編程語(yǔ)言與程序設(shè)計(jì) 計(jì)算機(jī)?網(wǎng)絡(luò)

購(gòu)買這本書可以去

ISBN：	9787115448484	出版時(shí)間：	2017-02-01	包裝：	平裝
開本：	小16開	頁(yè)數(shù)：	190	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　如果你想開發(fā)一個(gè)既優(yōu)雅又好用的網(wǎng)站，僅僅知道如何編寫代碼是遠(yuǎn)遠(yuǎn)不夠的。本書介紹了一種名為漸進(jìn)增強(qiáng)的設(shè)計(jì)思想，只要將這種它運(yùn)用在項(xiàng)目中，就能使網(wǎng)站的兼容性、適應(yīng)性和可訪問性得到極大改善。本書的獨(dú)特之處在于，作者站在一個(gè)宏觀的視角，考察了Web 設(shè)計(jì)流程的各個(gè)環(huán)節(jié)，將內(nèi)容組織、UX 設(shè)計(jì)、UI 開發(fā)、響應(yīng)式設(shè)計(jì)、前端開發(fā)、服務(wù)端開發(fā)、性能優(yōu)化，以及種種對(duì)用戶產(chǎn)生影響的因素聯(lián)系在一起進(jìn)行分析，以得出優(yōu)化方案。

作者簡(jiǎn)介

　　本書作者Aaron Gustafson是Web標(biāo)準(zhǔn)化項(xiàng)目的前項(xiàng)目經(jīng)理，一直致力于Web的標(biāo)準(zhǔn)化和可訪問性方面的工作，并且積累了豐富的經(jīng)驗(yàn)。在近二十年的 Web 從業(yè)生涯中， Aaron 服務(wù)過眾多我們所耳熟能詳?shù)钠髽I(yè)，包括 Box、Happy Cog、美國(guó)職棒大聯(lián)盟、 McAfee、紐約時(shí)報(bào)、SAS、StubHub、美國(guó)國(guó)家環(huán)境保護(hù)局、Vanguard、Walgreens和Yahoo等。Aaron亦作為 Web 標(biāo)準(zhǔn)化的顧問參加了微軟瀏覽器團(tuán)隊(duì)的研發(fā)工作。Aaron善于通過寫文章來分享他的經(jīng)驗(yàn)和知識(shí)。他為《A List Apart》雜志撰寫的“漸進(jìn)增強(qiáng)三部曲”長(zhǎng)期以來備受讀者歡迎。他圍繞漸進(jìn)增強(qiáng)這個(gè)主題寫成的圖書《自適應(yīng)Web設(shè)計(jì)》也獲得了非常好的口碑和銷量。除了寫作，Aaron現(xiàn)在經(jīng)常參加各種Web大會(huì)，與大家分享Web技術(shù)和設(shè)計(jì)方面的思考，并在世界各地和當(dāng)?shù)豔eb從業(yè)者進(jìn)行研討會(huì)形式的交流。在Aaron的家鄉(xiāng)，田納西州的查塔努加市，他建立了查塔努加開放設(shè)備實(shí)驗(yàn)室。在這個(gè)實(shí)驗(yàn)室中，Aaron和Kelly McCarthy組織了很多創(chuàng)意和技術(shù)的分享活動(dòng)。Aaron 是Rosenfeld Media“專家”俱樂部的成員，其博客地址是aaron-gustafson.com。翟東方，北師大文學(xué)系，互聯(lián)網(wǎng)內(nèi)容方向從業(yè)十年：蘇州街角擼過碼，西溪濕地畫過圖，中關(guān)村里奮過袖，后廠村口堵過車；曾向往入讀北大哲學(xué)系，屢屢失利；熱衷于用代碼解決設(shè)計(jì)問題，有些心得。梁任公曾曰：“啟超沒有什么學(xué)問……”話鋒一轉(zhuǎn)，“還是有些的嘛！”既醉心之，則發(fā)展之，則分享之，獨(dú)樂樂不如眾樂樂。Quora上有云：“Don’t waste time on trying to find meaning and purpose in life other than your instincts.（與其努力向別人證明什么，不如跟隨自己的天賦做點(diǎn)什么）。” 頗以為是。任潔，北航交互設(shè)計(jì)碩士。互聯(lián)網(wǎng)從業(yè)九年，走了一條從視覺設(shè)計(jì)到交互設(shè)計(jì)再到產(chǎn)品經(jīng)理的道路，也因此接觸了從電商門戶到O2O等各種各樣的產(chǎn)品形態(tài)。平時(shí)喜歡研究民俗和東亞志怪文獻(xiàn)。自幼跟隨老師學(xué)習(xí)工筆白描，熱愛一切復(fù)雜美麗的線描圖案。歡迎加入讀者交流QQ群：364021031。

圖書目錄

第1章　為體驗(yàn)而設(shè)計(jì) / 1
1．1　優(yōu)秀的代碼，麻煩的設(shè)備 /　2
1．2　早期的Web是什么樣 /　4
1．3　技術(shù)實(shí)現(xiàn)和用戶體驗(yàn) /　6
一個(gè)教訓(xùn)　/　7
1．4　你滿足不了所有的人 /　9
1．5　向后兼容，向前適應(yīng) /　10
技術(shù)服務(wù)于內(nèi)容　/　11
1．6　適應(yīng)未知的設(shè)備 /　12
1．7　提升Web的可訪問性 /　14
1．8　分層次設(shè)計(jì) /　16
1．9　漸進(jìn)增強(qiáng)的設(shè)計(jì)思想 /　19
第2章　內(nèi)容是一切的基礎(chǔ) /　21
2．1　讓文案和用戶產(chǎn)生交流 /　23
2．2　設(shè)計(jì)稿中引入有意義的文案 /　24
2．3　優(yōu)化文案，更好地與用戶對(duì)話 /　26
問題出現(xiàn)時(shí)，做好準(zhǔn)備　/　28
2．4　文案不確定怎么辦 /　30
2．5　為用戶優(yōu)化文案內(nèi)容 /　32
2．6　多種形式的內(nèi)容 /　33
2．6．1　分析成本和收益 /　33
2．6．2　保持內(nèi)容的可訪問性 /　37
2．7
收集數(shù)據(jù)的時(shí)候，請(qǐng)保持和用戶的對(duì)話　/　40
2．8　允許留白 /　41
2．9　讓內(nèi)容帶路 /　43
第3章
使用文檔結(jié)構(gòu)化標(biāo)記增強(qiáng)用戶體驗(yàn)　/　45
3．1　那些年的“網(wǎng)頁(yè)重構(gòu)” /　47
3．2　利用HTML強(qiáng)調(diào)內(nèi)容 /　49
3．3　實(shí)現(xiàn)方法不止一種 /　49
避免可能出現(xiàn)的問題　/　52
3．4　如何使用class和id /　54
3．4．1　使用微格式結(jié)構(gòu)化內(nèi)容 /　56
3．4．2　RDFa和微數(shù)據(jù)（Microdata） /　58
3．5　元素的取舍和選擇 /　60
3．5．1　注意文檔的大綱結(jié)構(gòu) /　62
3．5．2　注意代碼順序 /　65
3．5．3　避免加入多余的HTML標(biāo)簽 /　69
3．6　使用ARIA提升頁(yè)面可訪問性 /　71
3．7　容錯(cuò)處理 /　73
3．8　標(biāo)記語(yǔ)言對(duì)于用戶體驗(yàn)的意義 /　77
第4章　通過視覺設(shè)計(jì)提升用戶體驗(yàn) /　79
4．1　設(shè)計(jì)一個(gè)系統(tǒng)，而非一堆頁(yè)面 /　80
4．1．1　設(shè)計(jì)清算 /　81
4．1．2　從設(shè)計(jì)風(fēng)格組件開始，發(fā)現(xiàn)整站的視覺語(yǔ)言 /　82
4．1．3　建立視覺規(guī)范或組件庫(kù) /　83
4．2　不做無米之炊 /　84
4．2．1　營(yíng)造和用戶的對(duì)話場(chǎng)景 /　84
4．2．2　考慮極端情況 /　86
4．3　理解CSS渲染規(guī)則 /　87
4．3．1　就近原則 /　87
4．3．2　權(quán)重高比就近更重要 /　90
4．3．3　利用CSS容錯(cuò)性 /　92
4．3．4　漸進(jìn)式導(dǎo)航的實(shí)例 /　97
4．4　從小屏幕開始的設(shè)備響應(yīng) /　101
4．4．1　為所有人提供支持，為一些人提供優(yōu)化 /　105
4．4．2　布局從小到大變化的實(shí)例 /　107
4．4．3　允許流動(dòng)布局 /　109
4．5　緊跟標(biāo)準(zhǔn) /　111
4．6　防守性的設(shè)計(jì) /　114
保守地應(yīng)用樣式　/　115
4．7　在頁(yè)面中隱藏內(nèi)容 /　116
4．7．1　避免使用的方法 /　117
4．7．2　可以適當(dāng)使用的方法 /　118
4．7．3　最佳方法 /　119
4．8　使用CSS生成內(nèi)容 /　120
4．9　針對(duì)其他媒體類型和交互方式而設(shè)計(jì) /　122
4．9．1　設(shè)計(jì)一個(gè)供打印的頁(yè)面 /　123
4．9．2　兼容不同的交互方式 /　124
4．9．3　考慮大屏幕設(shè)備 /　126
4．10　保留瀏覽器的默認(rèn)樣式 /　128
4．10．1　關(guān)于瀏覽器默認(rèn)控件是否美觀的討論 /　129
4．10．2　關(guān)于模擬系統(tǒng)控件的討論 /　129
4．11　擁抱可持續(xù)性 /　130
第5章
通過交互設(shè)計(jì)提升用戶體驗(yàn)　/　133
5．1　了解潛在的問題，避免日后踩坑 /　135
5．1．1　了解Web的性質(zhì) /　136
5．1．2　什么情況下會(huì)“無JavaScript” /　138
5．2　保證最基礎(chǔ)的用戶體驗(yàn) /　140
5．3　防止性的代碼 /　142
5．3．1　先觀察，再動(dòng)手 /　142
5．3．2　特性檢測(cè) /　145
5．3．3　確認(rèn)代碼依賴的庫(kù)的存在 /　146
5．4　建立最低限度的代碼支持 /　147
5．5　區(qū)分對(duì)待 /　149
5．6　創(chuàng)建頁(yè)面所需的結(jié)構(gòu) /　150
5．7　描述當(dāng)前發(fā)生了什么 /　152
5．8　代碼簡(jiǎn)單明晰 /　153
5．9　適應(yīng)性的界面 /　156
5．10　不要提前應(yīng)用樣式 /　159
5．10．1　在HTML中添加標(biāo)記 /　160
5．10．2　充分利用ARIA /　161
5．11　通過適當(dāng)調(diào)整需求提升頁(yè)面體驗(yàn) /　161
5．12　鼠標(biāo)事件之外 /　164
5．12．1　發(fā)揮鍵盤的作用 /　164
5．12．2　提升觸屏體驗(yàn) /　166
5．13　不要依賴網(wǎng)絡(luò)狀況 /　169
5．13．1　將數(shù)據(jù)存儲(chǔ)在客戶端 /　169
5．13．2　進(jìn)一步豐富離線體驗(yàn) /　171
5．14　合理發(fā)揮技術(shù)能力 /　172
第6章　持續(xù)的手藝活兒 /　175
6．1　體驗(yàn)圖 /　176
6．1．1　Ix圖的優(yōu)點(diǎn) /　177
6．1．2　圖片延遲加載的實(shí)例 /　178
6．1．3　標(biāo)簽式界面實(shí)例 /　184
6．2　從歷史中學(xué)習(xí)，寄希望于明天 /　185
6．2．1　移動(dòng)互聯(lián)網(wǎng)時(shí)代，等價(jià)于一個(gè)新的撥號(hào)上網(wǎng)時(shí)代 /　186
6．2．2　以前的小屏幕，變成了現(xiàn)在的大屏幕 /　186
6．2．3　僅有文字的設(shè)計(jì)方案回歸了 /　187
6．3　對(duì)任何情況都要做好準(zhǔn)備 /　190