Web界面设计

序

前言

原理一：直截了当

第1章：页内编辑

1.1单字段行内编辑

1.2多字段行内编辑

1.3覆盖层编辑

1.4表格编辑

1.5群组编辑

1.6模块配置

1.7选择编辑模式的原则

第2章：利用拖放

2.1趣味瞬间

2.2拖放的用途

2.3拖放模块

2.4拖放列表

2.5拖放对象

2.6拖放操作

2.7拖放集合

2.8实现拖放的挑战

第3章：直接选择

3.1切换选择

3.2集合选择

3.3对象选择

3.4混合选择

原理二：简化交互

第4章：上下文工具

4.1上下文交互

4.2费茨定律

4.3上下文工具

4.4实时可见工具

4.5悬停即现工具

4.6开关显示工具

4.7级联递进工具

4.8二级菜单

原理三：足不出户

第5章：覆盖层

5.1对话框覆盖层

5.2详情覆盖层

5.3输入覆盖层

第6章：嵌入层

6.1对话框嵌入层

6.2列表嵌入层

6.3详情嵌入层

6.4标签页

6.5嵌入层与覆盖层

第7章：虚拟页面

7.1虚拟滚动

7.2内置分页

7.3滚动分页：传送带

7.4虚拟摇摄

7.5伸缩式用户界面

7.6分页与滚动

第8章：流程处理

8.1GoogleBlogger

8.2魔法原理

8.3交互式单页

8.4嵌入式部件

8.5对话框覆盖层

8.6配置程序

8.7静态单页

原理四：提供邀请

第9章：静态邀请

9.1引导操作邀请

9.2漫游探索邀请

第10章：动态邀请

10.1悬停邀请

10.2预期功能邀请

10.3拖放邀请

10.4推论邀请

10.5更多内容邀请

10.6邀请的优点

原理五：巧用变换

第11章：变换模式

11.1加亮和减暗

11.2扩展与折叠

11.3自恢复式淡出

11.4动画效果

11.5聚光灯效果

第12章：变换的目的

12.1增添魅力

12.2增进沟通

原理六：即时反应

第13章：查询模式

13.1自动完成

13.2实时建议

13.3实时搜索

13.4微调搜索

第14章：反馈模式

14.1实时预览

14.2渐进展现

14.3进度指示

14.4定时刷新

尾声：富交互的原理和模式

索引

　　想知道怎样在今天的Web上创造伟大的用户体验吗？UI专家BillScott和TheresaNeil通过本书向读者展示了超过75种基于富交互构建Web界面的模式。作者以自己在Sabre、Yahoo!和Netflix多年的工作经验为依托，把精挑细选的各种最佳实践归结为6个重要原理，深入浅出地向读者阐释了如何有效利用当前的Web技术。　　本书以当前最流行的Web站点为例，介绍了大量行之有效的Web界面设计模式。如果你想构建或重构站点，并希望站点以丰富的交互为特色，那本书就是你出奇制胜的宝典。　　当前的Web已经进入崭新的时代！本书涵盖了在基于独一无二的Web环境下、在创建丰富体验的过程中设计Web界面的最佳实践、模式和原理。UI专家BillScott和TheresaNeil在他们多年实践经验和不懈探索的基础上，总结提炼出了Web界面设计的六大原理直截了当、简化交互、足不出户、提供邀请、使用变换和即时反应，并以这六大原理为依托，以当今Web上各类开风气之先的流行网站为示例，向读者展示了超过75种基于富交互构建Web界面的模式，并以简单明了的语言，阐明了数以百计行之有效的最佳实践。同时，书中还给出诸多反模式，即在Web界面设计过程中应该避免的做法。本书是迄今为止一部专注于富Web界面设计的经典之作。　　本书既是一本Web界面设计指南，又是一本Web界面实例参考，适合Web界面设计、开发、研究人员、爱好者，以及Web项目管理人员阅读。