众妙之门

目　录

第一部分　用户体验设计技巧

第1章　让界面教导用户　2

1.1　界面应能教授用户　2

1.2　界面应能引导用户　5

1.3　总结　8

第2章　在网页设计中通过测量数据优化情感投入　9

2.1　情感应答和行为应答的关系　9

2.2　从数字上看：行为应答　10

2.2.1　了解　12

2.2.2　吸引　13

2.2.3　专注　15

2.2.4　依赖　17

2.3　总结　18

第3章　使用第一人称界面来优化交互过程　19

3.1　在现实世界中导航　19

3.2　增强现实　23

3.3　和周围事物进行交互　25

第4章　将界面的复杂度最小化　28

4.1　拿起斧头　28

4.2　隐藏繁杂内容　29

4.3　把视觉噪音最小化　30

4.4　重用　31

4.5　空白状态不应该是空白　32

4.6　展示　33

4.7　总结　38

第5章　网站评估入门　39

5.1　如何评价网站的好坏　39

5.2　咨询评估　39

5.3　启发式方法　40

5.3.1　发光的并不一定是金子　40

5.3.2　成功的度量　41

5.4　多层蛋糕　42

深度　43

5.5　设计评分系统　44

图像化　44

5.6　评估竞争者　46

一个鲜明的对比　47

5.7　总结　49

第6章　设计流程而不是设计页面　50

6.1　从用户入手　50

6.2　把用户流程和转化渠道结合起来　51

典型的用户流程　51

6.3　关于渠道：解析获得客户的过程　52

6.3.1　展示媒体　52

6.3.2　着陆页　53

6.4　整合整个用户体验周期的流程　54

6.5　让流程设计为你服务　55

第7章　一种提高用户体验的方法——把数据像素化　57

7.1　通过重排列达到重设计　57

7.2　Edward Tufte和他的数据/墨水比　58

7.2.1　规则一：数据第一　60

7.2.2　规则二：有根据地删去不含数据的像素　61

7.2.3　规则三：有根据地删去冗余的数据像素　64

7.2.4　规则四：有根据地最大化数据/像素比　65

7.2.5　规则五：调整　67

7.3　总结　68

第二部分　可用性测试

第8章　A/B测试终极指南　70

8.1　什么是A/B测试　70

8.2　测试什么　71

8.3　开始你的第一个A/B测试　72

8.4　A/B测试的两种设置方法　72

8.5　注意事项　73

8.5.1　不该做的　73

8.5.2　该做的　74

8.6　对一些典型A/B测试的研究　74

8.7　A/B测试工具　79

第9章　多变量测试：提高转化率的五个简单步骤　81

9.1　找到问题　81

9.2　假设　83

9.3　A/B还是多变量测试　85

9.3.1　A/B对比测试　85

9.3.2　多变量测试　85

9.3.3　进行测试　85

9.4　进行测试，分析结果　87

9.5　从测试结果中学习　89

第10章　发布网站前的十五个检查　90

10.1　收藏夹图标　90

10.2　标题和Meta数据　91

10.3　跨浏览器测试　92

10.4　校对　92

10.5　链接　93

10.6　功能检测　93

10.7　优雅降级　93

10.8　校验　94

10.9　RSS链接　94

10.10　数据分析　95

10.11　网站地图　96

10.12　防护性设计　96

10.13　优化　97

10.14　备份　98

10.15　打印模式的样式　98

10.16　下载网站发布的终极检查清单！　98

10.17　你还有什么问题需要检查？　99

第11章　通过收集建议进行可用性测试　100

11.1　定期维护和严格修剪　101

11.2　考虑“假如”的情况　102

11.3　从他人的角度维护内容　104

11.4　有价值的其他观点　104

11.5　不是所有的观点都带来提升　105

11.6　对测试的建议　106

11.7　测试工具　106

第12章　多变量测试——优化设计的科学方法　108

12.1　着手多变量测试　109

12.2　A/B测试和多变量测试的不同点　109

12.3　多变量测试的类型　111

12.4　该做和不该做的　112

12.4.1　不该做的　112

12.4.2　该做的　112

12.5　实例研究　113

12.6　多变量测试的工具和资源　115

12.6.1　工具　115

12.6.2　资源　115

第13章　用户及用户体验测试工具全面测评　117

13.1　免费和免费升级版　117

13.2　优质工具　129

网页设计中的用户体验会受到访客感情、理念和文化背景等方面的影响。因此，网页设计师要利用讲故事的方法来提升设计的传达性，利用工具来解决问题，利用客户服务来帮助用户，制定合理的开发策略，从而提高整体的用户体验。本书能够赋予读者更为深刻的洞察力，让读者在优化网站时能够根据书中总结的原则进行设计，显著提升网站的吸引力。◆ 设计的意义在于解决问题◆ 设计“好脾气”的网页◆ 通过叙事打造更好的用户体验◆ 从喜欢到热爱：打造历久弥新的用户体验◆ 通过UX 设计提高客服质量◆ 设计出产品的吸引力◆ 设计出快乐感◆ 高效网页设计的十大原则◆ 高效网页设计的另外五大原则◆ 改善用户界面设计的十大技巧◆ Web 应用界面设计的十大技巧◆ 优秀用户界面设计的12 个技巧◆ 网页表单可用性深度指南◆ 十个可用性的噩梦用户体验的优劣直接影响了网站能否成功实现自身的目标，如吸引访客点击、引导用户注册、说服顾客下单购买，等等。《众妙之门——Web用户体验设计与可用性测试》分为用户体验设计和可用性测试两个部分：第一部分帮助读者了解优秀体验设计的原则、方法和案例，将这些知识灵活运用到项目中，便可以获得良好的效果；然而优秀的用户体验是不可能一步到位的，因此第二部分对可用性测试方面的知识进行了深入的介绍，它能对新建站点和网站改进方面起到非常重要的积极作用。　　无论是用户体验设计师、交互设计师、视觉设计师、产品经理还是网站测试人员，都能从这本由世界顶级专家合作编写的《众妙之门——Web用户体验设计与可用性测试》中获得帮助与启发。【作者简介】本书出自著名Web设计博客Smashing Magazine，汇集全球众多知名设计师多年积累的宝贵经验，以结合大量实例的生动方式，详细阐述了网站用户体验设计的知识与技巧。