渐进增强 跨平台用户体验设计【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

渐进增强 跨平台用户体验设计PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第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和id54

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 充分利用ARIA161

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