Web界面设计(修订版)
李松峰 译
出版时间:2015年01月
页数:309
想知道怎样在今天的Web上创造伟大的用户体验吗?UI专家Bill Scott和Theresa Neil通过本书向读者展示了超过75种基于富交互构建Web界面的模式。作者以自己在Sabre、Yahoo!和Netflix多年的工作经验为依托,把精挑细选的各种最佳实践归结为6个重要原理,深入浅出地向读者阐释了如何有效利用当前的Web技术。本书每一部分都围绕一个设计原理展开讨论,通过学习本书,读者可以掌握以下原理。
· 直截了当:通过页内编辑、拖放和直接选择等模式实现基于上下文的内容编辑。
· 简化交互:借助“轻量级”上下文工具,有效减少用户与站点的不必要交互。
· 足不出户:采用覆盖层、嵌入层、动态内容和页内流程模式保证访问者不离开当前页面。
· 提供邀请:向用户发出进入下一级交互的邀请,帮助用户发现站点的功能。
· 巧用变换:学习何时、何地、以何种方式使用动画、电影转场效果及其他变换手段。
· 即时反应:以实时搜索、实时建议、实时预览及更多模式,为用户提供丰富的交互式体验。
本书以当前最流行的Web站点为例,介绍了大量行之有效的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.1 Google Blogger
- 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界面设计(修订版)
译者:李松峰 译
国内出版社:电子工业出版社
出版时间:2015年01月
页数:309
书号:978-7-121-25444-4
原版书书名:Designing Web Interfaces
原版书出版商:O'Reilly Media
Bill Scott
Bill Scott居住在美国加利福尼亚州洛斯盖多斯,目前是Netflix公司的UI工程总监,这个职位恰好能够发挥他在界面工程和设计方面的专长。
Theresa Neil
Theresa Neil是德克萨斯州奥斯汀市的一名用户体验咨询师。她组建了一个用户体验设计小组,其中的设计师和开发人员都具有十分丰富的从业经验。她的设计小组与客户紧密协同,致力于创建能令人产生愉悦、提升工作效率和自信心的产品。她最新的项目是为餐馆设计一款桌面应用程序,让客户能在自己的餐桌前点餐。其他更多项目,请浏览她的网站www.theresaneil.com,或访问她的twitter 账户@theresaneil。