注冊 | 登錄讀書好,好讀書,讀好書!
讀書網(wǎng)-DuShu.com
當(dāng)前位置: 首頁出版圖書科學(xué)技術(shù)工業(yè)技術(shù)無線電電子學(xué)、電信技術(shù)漸進增強 跨平臺用戶體驗設(shè)計

漸進增強 跨平臺用戶體驗設(shè)計

漸進增強 跨平臺用戶體驗設(shè)計

定 價:¥59.00

作 者: [美] Aaron,Gustafson 著;翟東方,任潔 譯
出版社: 人民郵電出版社
叢編項:
標(biāo) 簽: 編程語言與程序設(shè)計 計算機?網(wǎng)絡(luò)

ISBN: 9787115448484 出版時間: 2017-02-01 包裝: 平裝
開本: 小16開 頁數(shù): 190 字數(shù):  

內(nèi)容簡介

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

作者簡介

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

圖書目錄

第1章 為體驗而設(shè)計 / 1
1.1 優(yōu)秀的代碼,麻煩的設(shè)備 / 2
1.2 早期的Web是什么樣 / 4
1.3 技術(shù)實現(xiàn)和用戶體驗 / 6
一個教訓(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è)計 / 16
1.9 漸進增強的設(shè)計思想 / 19
第2章 內(nèi)容是一切的基礎(chǔ) / 21
2.1 讓文案和用戶產(chǎn)生交流 / 23
2.2 設(shè)計稿中引入有意義的文案 / 24
2.3 優(yōu)化文案,更好地與用戶對話 / 26
問題出現(xiàn)時,做好準(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ù)的時候,請保持和用戶的對話 / 40
2.8 允許留白 / 41
2.9 讓內(nèi)容帶路 / 43
第3章
使用文檔結(jié)構(gòu)化標(biāo)記增強用戶體驗 / 45
3.1 那些年的“網(wǎng)頁重構(gòu)” / 47
3.2 利用HTML強調(diào)內(nèi)容 / 49
3.3 實現(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提升頁面可訪問性 / 71
3.7 容錯處理 / 73
3.8 標(biāo)記語言對于用戶體驗的意義 / 77
第4章 通過視覺設(shè)計提升用戶體驗 / 79
4.1 設(shè)計一個系統(tǒng),而非一堆頁面 / 80
4.1.1 設(shè)計清算 / 81
4.1.2 從設(shè)計風(fēng)格組件開始,發(fā)現(xiàn)整站的視覺語言 / 82
4.1.3 建立視覺規(guī)范或組件庫 / 83
4.2 不做無米之炊 / 84
4.2.1 營造和用戶的對話場景 / 84
4.2.2 考慮極端情況 / 86
4.3 理解CSS渲染規(guī)則 / 87
4.3.1 就近原則 / 87
4.3.2 權(quán)重高比就近更重要 / 90
4.3.3 利用CSS容錯性 / 92
4.3.4 漸進式導(dǎo)航的實例 / 97
4.4 從小屏幕開始的設(shè)備響應(yīng) / 101
4.4.1 為所有人提供支持,為一些人提供優(yōu)化 / 105
4.4.2 布局從小到大變化的實例 / 107
4.4.3 允許流動布局 / 109
4.5 緊跟標(biāo)準(zhǔn) / 111
4.6 防守性的設(shè)計 / 114
保守地應(yīng)用樣式 / 115
4.7 在頁面中隱藏內(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 針對其他媒體類型和交互方式而設(shè)計 / 122
4.9.1 設(shè)計一個供打印的頁面 / 123
4.9.2 兼容不同的交互方式 / 124
4.9.3 考慮大屏幕設(shè)備 / 126
4.10 保留瀏覽器的默認樣式 / 128
4.10.1 關(guān)于瀏覽器默認控件是否美觀的討論 / 129
4.10.2 關(guān)于模擬系統(tǒng)控件的討論 / 129
4.11 擁抱可持續(xù)性 / 130
第5章
通過交互設(shè)計提升用戶體驗 / 133
5.1 了解潛在的問題,避免日后踩坑 / 135
5.1.1 了解Web的性質(zhì) / 136
5.1.2 什么情況下會“無JavaScript” / 138
5.2 保證最基礎(chǔ)的用戶體驗 / 140
5.3 防止性的代碼 / 142
5.3.1 先觀察,再動手 / 142
5.3.2 特性檢測 / 145
5.3.3 確認代碼依賴的庫的存在 / 146
5.4 建立最低限度的代碼支持 / 147
5.5 區(qū)分對待 / 149
5.6 創(chuàng)建頁面所需的結(jié)構(gòu) / 150
5.7 描述當(dāng)前發(fā)生了什么 / 152
5.8 代碼簡單明晰 / 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)整需求提升頁面體驗 / 161
5.12 鼠標(biāo)事件之外 / 164
5.12.1 發(fā)揮鍵盤的作用 / 164
5.12.2 提升觸屏體驗 / 166
5.13 不要依賴網(wǎng)絡(luò)狀況 / 169
5.13.1 將數(shù)據(jù)存儲在客戶端 / 169
5.13.2 進一步豐富離線體驗 / 171
5.14 合理發(fā)揮技術(shù)能力 / 172
第6章 持續(xù)的手藝活兒 / 175
6.1 體驗圖 / 176
6.1.1 Ix圖的優(yōu)點 / 177
6.1.2 圖片延遲加載的實例 / 178
6.1.3 標(biāo)簽式界面實例 / 184
6.2 從歷史中學(xué)習(xí),寄希望于明天 / 185
6.2.1 移動互聯(lián)網(wǎng)時代,等價于一個新的撥號上網(wǎng)時代 / 186
6.2.2 以前的小屏幕,變成了現(xiàn)在的大屏幕 / 186
6.2.3 僅有文字的設(shè)計方案回歸了 / 187
6.3 對任何情況都要做好準(zhǔn)備 / 190

本目錄推薦

掃描二維碼
Copyright ? 讀書網(wǎng) ranfinancial.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號 鄂公網(wǎng)安備 42010302001612號