Web界面设计
出版信息
Bill Scott、Theresa Neil / 李松峰 / 电子工业出版社 / 2015-3 / 108.00
内容简介
当前的Web已经进入崭新的时代!《Web界面设计》涵盖了在基于独一无二的Web环境下、在创建丰富体验的过程中设计Web界面的最佳实践、模式和原理。UI专家Bill Scott和Theresa Neil在他们多年实践经验和不懈探索的基础上,总结提炼出了Web界面设 计的六大原理——直截了当、简化交互、足不出户、提供邀请、巧用变换和即时反应,并以这六大原理为依托,以当今Web上各类开风气之先的流行网站为示例,向读者展示了超过75种基于富交互构建Web界面的模式,并以简单明了的语言,阐明了数以百计行之有效的最佳实践。同时,书中还给出诸多反模式,即在Web界面设计过程中应该避免的做法。《Web界面设计》是迄今为止一部专注于富Web界面设计的经典之作。
《Web界面设计》既是一本Web界面设计指南,又是一本Web界面实例参考,适合Web界面设计、开发、研究人员、爱好者,以及Web项目管理人员阅读。
作者简介
Bill Scott居住在美国加利福尼亚州洛斯盖多斯,目前是Netflix公司的UI工程总监,他在这个职位上发挥着自己在界面工程和设计方面的专长。此前,他是雅虎公司的Ajax技术推广专家,并负责管理Yahoo! Design Pattern Library(Yahoo!设计模式库)。
Bill的IT从业经历漫长而耐人寻味,他对设计可用性产品的技术和创意具有独到的见解。通过www. looksgoodworkswell.com可以了解他广泛的爱好和思想发展脉络。
Theresa Neil是一位居住在美国得克萨斯州奥斯汀市的用户体验咨询师,她的职业是为创业型公司和财富500强公司设计互联网应用程序。访问www.designgenie.org可以欣赏她的设计作品。
目录
序....................................................v
前言..............................................vii
原理一:直截了当
第1章:页内编辑.......................... 3
1.1 单字段行内编辑 ............ 4
1.2 多字段行内编辑 ............ 8
1.3 覆盖层编辑 .................. 11
1.4 表格编辑 ...................... 15
1.5 群组编辑 ...................... 18
1.6 模块配置 ...................... 21
1.7 选择编辑模式的原则 .. 23
第2章:利用拖放 ....................... 25
2.1 趣味瞬间 ...................... 26
2.2 拖放的用途 .................. 29
2.3 拖放模块 ...................... 30
2.4 拖放列表 ...................... 40
2.5 拖放对象 ...................... 46
2.6 拖放操作 ...................... 52
2.7 拖放集合 ...................... 57
2.8 实现拖放的挑战 .......... 59
第3章:直接选择........................ 61
3.1 切换选择 ...................... 62
3.2 集合选择 ...................... 67
3.3 对象选择 ...................... 70
3.4 混合选择 ...................... 72
原理二:简化交互
第4章:上下文工具.................... 79
4.1 上下文交互 .................. 79
4.2 费茨定律 ...................... 80
4.3 上下文工具 .................. 81
4.4 实时可见工具 .............. 81
4.5 悬停即现工具 .............. 85
4.6 开关显示工具 .............. 91
4.7 级联递进工具 .............. 93
4.8 二级菜单 ...................... 98
原理三:足不出户
第5章:覆盖层.......................... 105
5.1 对话框覆盖层 ............ 107
5.2 详情覆盖层 ................ 112
5.3 输入覆盖层 ................ 119
第6章:嵌入层.......................... 123
6.1 对话框嵌入层 ............ 123
6.2 列表嵌入层 ................ 127
6.3 详情嵌入层 ................ 132
6.4 标签页 ........................ 134
6.5 嵌入层与覆盖层 ........ 136
第7章:虚拟页面...................... 137
7.1 虚拟滚动 .................... 137
7.2 内置分页 .................... 142
7.3 滚动分页:传送带 .... 147
7.4 虚拟摇摄 .................... 149
7.5 伸缩式用户界面 ........ 151
7.6 分页与滚动 ................ 155
第8章:流程处理...................... 157
8.1 Google Blogger........... 157
8.2 魔法原理 .................... 158
8.3 交互式单页 ................ 160
8.4 嵌入式部件 ................ 164
8.5 对话框覆盖层 ............ 168
8.6 配置程序 .................... 171
8.7 静态单页 .................... 174
原理四:提供邀请
第9章:静态邀请...................... 181
9.1 引导操作邀请 ............ 181
9.2 漫游探索邀请 ............ 185
第10章:动态邀请.................... 191
10.1 悬停邀请 .................. 191
10.2 预期功能邀请 .......... 196
10.3 拖放邀请 .................. 200
10.4 推论邀请 .................. 209
10.5 更多内容邀请 .......... 210
10.6 邀请的优点 .............. 213
原理五:巧用变换
第11章:变换模式.................... 217
11.1 加亮和减暗 .............. 217
11.2 扩展与折叠 .............. 222
11.3 自恢复式淡出 .......... 227
11.4 动画效果 .................. 228
11.5 聚光灯效果 .............. 231
第12章:变换的目的 ............... 233
12.1 增添魅力 .................. 233
12.2 增进沟通 .................. 234
原理六:即时反应
第13章:查询模式.................... 253
13.1 自动完成 .................. 253
13.2 实时建议 .................. 257
13.3 实时搜索 .................. 262
13.4 微调搜索 .................. 268
第14章:反馈模式.................... 275
14.1 实时预览 .................. 275
14.2 渐进展现 .................. 284
14.3 进度指示 .................. 286
14.4 定时刷新 .................. 292
尾声:富交互的原理和模式.... 295
索引........................................... 297