本书是界面设计领域的畅销书中文版。书中通过30多个故事,阐明了如何将好的设计原则运用到实际的Web应用程序界面中,使界面引人入胜,如何创造的瞬间,给用户以美好的体验。 本书适用于各层次Web设计人员和开发人员使用。
细节决定成败
每个使用瞬间对总体用户体验都至关重要
首部Web"微观设计"杰作,凝聚千锤百炼的业界经验
让你的网站立刻焕然一新
Robert Hoekman, Jr. 著名的交互设计师,Miskeeto公司创始人,曾任职于Adobe、美联航等知名公司。除本书外,他还著有Designing the Obvious以及Flash User Experience Best Practices等多部畅销图书,都在业界产生了较大影响。
目 录
及时部分 指引用户
第1章 令人心动的及时印象 3
1.1 发现页面布局 4
1.2 引导用户的视线 11
1.2.1 应用古腾堡图表 11
1.2.2 使用颜色来吸引注意 15
第2章 凸显个性 17
2.1 统一设计风格,形成积极的印象 19
第3章 导航之道 26
3.1 告诉软件该做什么 27
3.1.1 每个人都想当指挥 29
3.1.2 避免Login综合症 31
3.1.3 我来说,你来做 33
第4章 链接生来不平等 34
4.1 让环境提示成为引导的线索 36
第5章 标签云里抬头看路 40
5.1 你的创新是否有效 42
5.1.1 什么时候该说不 43
5.1.2 如果你不是解决方案的一部分 45
第二部分 学习
第6章 开门见山 49
6.1 为什么说欢迎辞没有用 49
6.2 为扫描而设计 51
第7章 为界面做标记 55
7.1 停止标记你的"假设" 56
第8章 生动传神的视频 59
8.1 视频演示胜过千言万语 60
8.1.1 使用视频来表述问题 61
8.1.2 使用视频来表述想法 62
8.2 极为简单的视频演示艺术 63
第三部分 搜索
第9章 提出搜索词建议 67
9.1 运用Poka-yoke机制,使用自动完成输入框 68
9.1.1 局限性 70
9.1.2 好雨知时节 72
第10章 列出搜索结果 73
10.1 信赖那些行之有效的标准 74
第11章 精炼你的搜索 78
11.1 高级搜索也简洁 80
11.1.1 递进显示 81
11.1.2 引人入胜的交互 82
第四部分 深入
第12章 视频播放器的标准化 87
12.1 拨开VCR设计的迷雾 87
12.1.1 且慢——还有做得更好的 92
12.1.2 博采众长 94
第13章 巩固你的表单布局 97
13.1 设计出行云流水般的表单 98
13.2 让"确定/取消"更 101
13.2.1 处理方式和第二处理方式 102
13.2.2 这很重要 104
第14章 驾驭Wizard向导 105
14.1 建立清晰的预期 105
第15章 的一英里:即时校验 111
15.1 要纠错,也要赞扬 113
第16章 简化长表单 120
16.1 清晰的预期 121
第17章 让他们登录 126
17.1 再一次改进标准 127
17.1.1 网络用户名与用户姓名 127
17.1.2 更上一层楼 128
第18章 计算字符数 131
18.1 到达限制 132
18.1.1 编辑中的poka-yoke 134
18.1.2 一点小警告 136
第五部分 参与
第19章 创建个人资料 139
19.1 递进地增加 140
19.1.1 把数据变成仪表盘 141
19.1.2 空白资料页面 143
第20章 编辑 144
20.1 在正确的时间显示正确的工具 146
20.1.1 把高级的玩意藏起来 148
20.1.2 打扫干净 150
第21章 开展社交活动 151
21.1 朋友与随员 152
第22章 显而易见的博客 156
22.1 通往更好的博客的三条路 157
22.1.1 解决方案 158
22.1.2 别跟着傻瓜上路 163
第23章 邀请讨论 164
23.1 让你的顾客发表意见 164
23.1.1 一个关于信任的问题 165
23.1.2 起用你的Otaku 166
23.1.3 标记那些来犯者 168
23.1.4 为他们让路 168
第24章 得到一个好的评分 169
24.1 清晰胜于效率 170
第六部分 管理信息
第25章 让RSS更有意义 175
25.1 破译其他选择 177
第26章 自定义标签 181
26.1 分类系统、分众分类系统以及变异体 183
26.1.1 消除语言障碍 183
26.1.2 阐述新想法 184
26.1.3 提出建议 184
26.1.4 搜索,搜索,再搜索 185
26.1.5 自定义标签的未来 186
第27章 通过拖放来组织信息 187
27.1 交互的三种状态 187
27.1.1 "邀请" 187
27.1.2 "操作" 188
27.1.3 "实现" 190
27.1.4 完成的感觉 191
27.1.5 判断你的功能是否正当 192
第28章 用系统通知来管理中断 194
28.1 为改变而设计 195
28.2 界面元素的再利用资源 198
第七部分 离开
第29章 退出 203
29.1 化简为繁 203
29.2 动员用户返回 205
29.2.1 空间的再利用 206
29.2.2 消息 207
第30章 抹去那些尘封的用户 208
30.1 变怠惰为热情 209
30.1.1 个性化沟通 210
30.1.2 调查 211
30.1.3 对话的机会 212
30.1.4 不要做得太过火 213
第31章 由他们去吧 215
31.1 优雅地失败 216
31.1.1 打点行李 216
31.1.2 离去却(也许)并未失去 218
设计的金钥匙 221
及时部分 指引用户
第1章 令人心动的及时印象
人们常说及时印象往往会给人留下一生的记忆。对于一个网站而言,这一说法也同样成立。但遗憾的是注意到这一点的站点并不是很多。有人说Steve Jobs,这位Apple公司无畏的领导者,对及时印象非常执著。也许这可以解释为什么Apple公司的产品总能在及时时间就吸引人们的眼球。
哪怕是打开一台还在包装盒里的崭新的MacBook Pr0,就足以让人流口水。首先,单凭外包装就令人满怀期望和惊喜。而一旦打开包装盒,将MacBook安置在书桌上,它的启动过程从及时个瞬间开始就极富魅力。伴随着栩栩如生的动画,它用多种语言向你表示欢迎,会自动搜索网络
连接,提示你把之前Mac电脑中所有的数据和存档备份到新电脑中来,还让你在一片端庄雅致的桌面背景之上进行设置,一切都为用户考虑得细致人微,让这整个过程毫不费力。
要把这一切搬到互联网上则并不容易。不过,设计一个引人注目、令人动心的页面仍然是我们工作中不可缺少的一部分。
前不久有一位客户来找我,带着一大堆关于首页设计的需求。他在设计一个专门面向平面设计师的社区网站。他已经完成了一项困难的工作,就是精简了需求列表,只保留了那些真正有用、确实与网站用户相关的部分。而我所要做的就是把这份列表转变成美好的及时印象。
由于这个网站主要针对平面设计师,因此它的首页需要一个中心区域突出展示大量富有特色的图片,同时还需要一些小区域来安排用户的账号信息、网站特色项目以及登录框。当然,页面中还需要包括那些常见元素,如网站lo90、欢迎辞、导航栏、搜索框以及页脚信息等。
……
Robert的书我们公司人手一册,他地总结了交互设计之道。 — Matt Mullenweg, 著名博客软件WordPress创始人