作为从业者说句公道话，中国网上支付体验差的根源在于“安全性”，所以才要用证书、用控件来尽可能“保障”安全，同时也给控件、证书的“兼容性”问题种下了祸根。这个症结主要受制于目前中国公民“个人信用体系”的不完善，这就是国情，不是目前谁能一拍脑袋、开个会能解决的。举个例子，美国建立信用体系历时百年，上世纪80年代初美国才建立全国数据共享个人信用体系。

支付宝正在从单纯服务于淘宝，走向做网民生活的水电煤。我想不仅支付宝，任何一家商业公司的“网络支付”平台，如果想做生活的水电煤，想影响网民的日常起居，必将纳入国家管控体系。准确说，网络支付想做大，等于抢中国人民银行的生意，因为网络支付本身就应该是国家银行的“电子政务”。那中国人民银行为什么不自己做？目前国家的电子政务现状已如此“繁花似锦”，作为公民还能奢求什么？当然，我们谁都知道这件事等中国人民银行来做不靠谱，从他们现在网站的表现就能看出一二（点击后别怀疑，现在是2010年）。

归根结底，不能有效发展的根源，在于整个体系不均衡，缺乏信用体系已成为制约中国经济发展的瓶颈。绝大多数用户体验问题的根本都在于最底层的那块短板，否则其他做再好也不会有实质性突破。Jack Ma在公开场合说过“支付宝可以随时送给国家。”这本身就是国家电子政务的未来。

淘宝也类似，网上能买到便宜货的道理很简单，一方面商家直销无中间渠道，另一方面商家不用缴税。店主既没有实体店开销，又没有衙门抽税，利润空间自然大的多，价格方面实体店根本不是对手。但是，如果网络店铺、网络商城真正成长到足以影响国民经济的规模，朝廷不出手才怪，现在是对“你”没兴趣。到时如果备案、监管、缴税等一系列门槛出台，在网络上做生意还能有多少便利和优势？对用户体验的影响又要打多少折扣？

以上两个行业例子，真实反映了在绝大多数互联网公司里推行“用户体验”的实际情况。很多时候，问题症结明明就摆在那里，我们却无力去直接推动和改变。就算有机会实施，弄不好也会搞成熙宁变法中的“执拗公”王安石，或者封建社会制度下的“怨妇”祥林嫂。

有时把事情想太清楚其实挺没意思，反而做起来碍手碍脚。说白了，凡事都在夹缝中生存，高手总在游刃有余中寻找利用时间差。问题代表着机会，我很想告诉同行们，咱们这个领域到底有多大想象空间，所以千万别放弃。

2000年传入国内，国内最早专业从事UI的公司还是我们的民族软件——金山，据说在2000年已成立人机界面组，虽然只有2个人。金山软件的UI 团队是业内名副其实的黄埔军校，培养了如今江湖上整整一代的设计领袖，并且他们出的作品也深远影响了国产软件的用户体验整体水准。也许早期的金山软件用户们还记得，随后WPS和金山毒霸的界面设计在整个大环境内首屈一指。

2001年2月出版的《软件创新之路》中文版，在技术专著角度强调了交互与界面的重要性，为UI概念被广泛认可做好了铺垫。作者叫Alan Cooper，眼熟吧？没错，这本书就是后来2006年3月出版的《交互设计之路》的前辈版本。

2001年到2003年之间，国内大小公司相继设立UI职位，同期，不少平面设计和网页设计从业者也开始尝试转行做UI。因为当时从事web design非常不景气，整体水平低下，市场环境糟糕。

2003年随着ChinaUI论坛的上线，此概念开始在数字设计领域声名鹊起。如同ChinaUI网站最早的title“欢迎来到中国第一个UI设计网站”，但什么是UI？我估计当时没几个人清楚。同年5月，由金山转会腾讯的唐沐主导了QQ发展史上革命性的界面升级。耳目一新的QQ界面给粉丝们带来了极大惊喜，在外观和人性化方面做了较大改善。

此后，以UI为主题的设计类网站层出不穷。我当时对UI其实并不太感兴趣，认为与我从事的是两个路子，但每天看到、听到的讨论又不得不去了解相关知识。从概念角度推敲，当时所有软件UI从业者所做的，都应该是Graphical user interface，简称GUI，仅仅只是UI的一个分支。所以，我后来特纳闷，为什么没有Web user interface？也可以简称WUI。

http://en.wikipedia.org/wiki/Graphical_user_interface

A graphical user interface or GUI is a type of user interface item that allows people to interact with programs in more ways than typing such as computers; hand-held devices such as MP3 Players, Portable Media Players or Gaming devices; household appliances and office equipment with images rather than text commands.

首先要肯定概念推广对业界整体实力的推动作用，但因对概念理解的不清晰，甚至误导，绝大多数同行认为“UI等于网页设计”，更有人认为“UI是专业的网页设计”。很大程度上影响了当时的web design主流审美，当时所谓好的“网页”设计，要么是一幅全由图片拼接的平面大作，要么就是由各种华丽的UI控件堆砌而成软件皮肤，丝毫看不到任何 web design的技巧和内涵。

注意，软件的UI设计与网页的UI设计完全是两套知识体系。对于软件UI来说，设计师能够操作到的仅仅是视觉的表现层，所以从事软件UI的基本都是视觉设计师；而网站UI在表现原理上有很大区别，不是视觉设计师天马行空想象就能做，也不是所见即所得做出来的样子马上就可以用在页面上。关键网页表现层还有个Front-End的概念，所有界面控件表现都通过代码来落实，这是web最终用户体验的质量总控。

针对互联网产品而言，当时有同行认为真正的UI专业流程，应该是用户研究、需求分析、架构设计、交互设计、可用性测试整个过程。我认为错的很离谱，因为对概念层级理解的模糊，导致对整个体系的认识存在缺陷。以点盖面，以偏盖全，后来的“交互设计”也走入此误区。

http://mashable.com/2009/01/09/user-experience-design/

It’s not uncommon to confuse “user experience” with “user interface” — after all it’s a big part of what users interact with while experiencing digital products and services. But the UI is just one piece of the puzzle.

就我目前的实践经验来看，比较认同《用户体验的要素》作者的总结——界面设计只是框架层的一部分，与信息设计、导航设计并列组成用户真正能够看到和使用的原型。Web设计中典型的Web UI是表单，几乎每个系统、平台都有，也是处理用户交互行为最容易出问题的难点。

GUI背景设计师做网站，有很显著的GUI风格，我观察中外很多设计师作品得出的结论。因为他们对web构建原理的认识不够，还有本身产出技能上的习惯差异所致。当然，也有个中高手，能够融洽的处理两者差异。总体上来看，因为GUI与WUI各专业体系纵深发展的日趋分化，顶尖GUI高手一般只专注于 GUI领域。

用户体验量化方法研究的提出

近年来，用户体验一词铺天盖地的出现在网络上、书本中。而在众多的用户体验相关描述中，认知度较高的包括：（1）用户体验是用户在使用产品的过程中所感受到的、所获得的全部内容的总和；（2）用户体验是衡量产品质量的一个重要标准，是一种与交互相关的集合。与此同时，无论是用户体验的相关工作人员，还是众多企业的高管，都意识到好的用户体验不仅能够满足用户的需求，同时能够提高企业的经济效益。

而此时，用户体验的相关工作人员所面临的问题是如何评测产品给用户带来的体验呢？这就需要我们通过一定的方法对用户体验进行量化。在诺曼、Robert等学者所作研究的基础上，我们在用户体验量化方法上进行了大胆的尝试。在用户体验量化方法的研究过程中，我们首先通过分析用户体验的流程来建立用户体验的层次；其次，以该层次为基础来寻找每个层次的组成要素以及要素间的相互关系，并依照层次的划分提出用户体验量化的方法；再者通过案例详细阐述用户体验量化方法的运用。

在这里，我将分三次向大家展示整个方法的研究，今天要和大家分享的是用户体验层次模型的建立。

用户体验层次模型的构建

为了研究用户体验量化方法，我们首先需要明确用户体验是如何产生的。这就需要我们建立一个囊括全部要素在内并能表明各要素间相互关系的用户体验层次结构。诺曼认为用户体验是一种与交互相关的集合，这为用户体验层次结构的构建提供了依据。于是我们结合诺曼的理论从用户体验的流程出发对用户体验进行模糊的层次划分，之所以称之为模糊的层次是因为对于不同的操作者以及不同的产品，甚至是不同的任务来说，各个层次中各要素的划分不尽相同，这一点会在其他的研究中涉猎，但在《用户体验量化方法研究》的系列中将不再详细陈述。用户体验模糊层次模型如图1所示。

图1展示了用户体验的产生流程，元素处于整个用户体验模糊层次的最底层，包括产品层面要素和行为层面要素。以手机为例，产品层面的要素包括手机所发出的声音、光，手机所呈现的图片、视频等；而行为层面的要素包括按、长按、单击、双击等。行为交互层是指使用户与产品进行交互的单元，不难发现，用户与产品间的交互都可以通过图1中所示的最小单元来形成；若干个行为交互形成了用户的体验行为；用户的若干个体验行为形成了用户体验。将图1的内容按照发生的先后顺序进行重新构建，我们可以得到用户体验的逻辑层次，并称它们为目标层、行为层、体验层，如图2所示。这三个层次与诺曼所提出的本能层、行为层、反思层的理论相吻合。

在目标层上，需要用户对自己的目标进行识别，得到为完成实践目标所需要的信息与操作方式从而进入行为层；在行为层中，用户完成若干个行为交互，最后进入体验层；在体验层中用户会产生不同的主观感受，这需要通过问卷方法对用户的主观感受进行度量。三个层次间相互关联、互相影响，是用户体验形成的必然组成要素。用户在体验层形成最终的主观感受，而目标层、行为层即是用户主观感受的原因，又是用户主观感受的客观记录，通过对目标层、行为层的分析，可以获取用户相应的主观感受。这一点在后面所提出的用户体验方法中有明显的体现。

1. 设计风格：符合目标客户的审美习惯，并具有一定的引导性。
网站在设计之前，必须明确目标客户群体，并针对目标客户的审美喜好，进行分析，从而确定网站的总体设计风格。
2. 网站LOGO：确保logo的保护空间，确保品牌的清晰展示而又不占据过分空间。
3. 页面速度：正常情况下,尽量确保页面在5秒内打开。如果是大 型门户网站，必须考虑南北互通问题，进行必要的压力测试。
4. 页面布局：重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。
5. 页面色彩：与品牌整体形象相统一，主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。
6. 动画效果：与主画面相协调，打开速度快，动画效果节奏适中，不干扰主画面浏览。
7. 页面导航：导航条清晰明了、突出，层级分明。
8. 页面大小：适合多数浏览器浏览（以15寸及17寸显示器为主）。
9. 图片展示：比例协调、不变形，图片清晰。图片排列既不过于密集，也不会过于疏远。
10. 图标使用：简洁、明了、易懂、准确，与页面整体风格统一。
11. 广告位：避免干扰视线，广告图片符合整体风格，避免喧宾夺主。
12. 背景音乐：与整体网站主题统一，文件要小，不能干扰阅读。要设置开关按钮及音量控制按钮。

二、交互体验：呈现给用户操作上的体验，强调易用/可用性。

13. 会员申请：介绍清晰的会员权责，并提示用户确认已阅读条款。
14. 会员注册：流程清晰、简洁。待会员注册成功后，再详细完善资料。
15. 表单填写：尽量采用下拉选择，需填写部分需注明要填写内容，并对必填字段作出限制。（如手机位数、邮编等等，避免无效信息）
16. 表单提交：表单填写后需输入验证码，防止注水。提交成功后，应显示感谢提示。
17. 按钮设置：对于交互性的按钮必须清晰突出，以确保用户可以清楚地点击。
18. 点击提示：点击浏览过的信息颜色需要显示为不同的颜色，以区分于未阅读内容，避免重复阅读。
19. 错误提示：若表单填写错误，应指明填写错误之处，并保存原有填写内容，减少重复工作。
20. 在线问答：用户提问后后台要及时反馈，后台显示有新提问以确保回复及时。
21. 意见反馈：当用户在使用中发生任何问题，都可随时提供反馈意见。
22. 在线调查：为用户关注的问题设置调查，并显示调查结果，提高用户的参与度。
23. 在线搜索：搜索提交后，显示清晰列表，并对该搜索结果中的相关字符以不同颜色加以区分。
24. 页面刷新：尽量采用无刷新（AJAX)技术，以减少页面的刷新率。
Ajax是新兴的网络开发技术的象征。它将JavaScript和XML技术结合在一起，用户每次调用新数据时，无需反复向服务器发出请求，而是在浏览器的缓存区预先获取下次可能用到的数据，界面的响应速度因此得到了显著提升。
25. 新开窗口：尽量减少新开的窗口，以避免开过多的无效窗口，设置弹出窗口的关闭功能。
26. 资料安全：确保资料的安全保密，对于客户密码和资料进行加密保存。
27. 显示路径：无论用户浏览到哪一个层级，哪一个页面，都可以清楚知道看到该页面的路径。

三、浏览体验：呈现给用户浏览上的体验，强调吸引性。

28. 栏目的命名：与栏目内容准确相关，简洁清晰，不宜过于深奥。
29. 栏目的层级：最多不超过三层，导航清晰，运用JAVAscrip等技术使得层级之间伸缩便利。
30. 内容的分类：同一栏目下，不同分类区隔清晰，不要互相包含或混淆。
31. 内容的丰富性：每一个栏目应确保足够的信息量，避免栏目无内容情况出现。
32. 内容的原创性：尽量多采用原创性内容，以确保内容的可读性。
33. 信息的更新频率：确保稳定的更新频率，以吸引浏览者经常浏览。
34. 信息的编写方式：段落标题加粗，以区别于内文。采用倒金字塔结构。
35. 新文章的标记：为新文章提供不同标识（如new），吸引浏览者查看。
36. 文章导读：为重要内容在首页设立导读，使得浏览者可以了解到所需信息。文字截取字数准确，避免断章取义。
37. 精彩内容的推荐：在频道首页或文章左右侧，提供精彩内容推荐，吸引浏览者浏览。
38. 相关内容的推荐：在用户浏览文章的左右侧或下部，提供相关内容推荐，吸引浏览者浏览。
39. 收藏夹的设置：为会员设置收藏夹，对于喜爱的产品或信息，可进行收藏。
40. 栏目的订阅：提供Rss或邮件订阅功能
41. 信息的搜索：在页面的醒目位置，提供信息搜索框，便于查找到所需内容。
42. 页面打印：允许用户打印该页资料，以便于保存。
43. 文字排列：标题与正文明显区隔，段落清晰。
44. 文字字体：采用易于阅读的字体，避免文字过小或过密造成的阅读障碍。可对字体进行大中小设置，以满足不同的浏览习惯。
45. 页面底色：不能干扰主体页面的阅读。
46. 页面的长度：设置一定的页面长度，避免页面过长而影响阅读。
47. 分页浏览：对于长篇文章 进行分页浏览。
48. 语言版本：为面向不同国家的客户提供不同的浏览版本。
49. 快速通道：为有明确目的的用户提供快速入口。

四、情感体验：呈现给用户心理上的体验，强调友好性。

50. 客户分类：将不同的浏览者进行划分（如消费者、经销商、内部员工），为客户提供不同的服务。
51. 友好提示：对于每一个操作进行友好提示，以增加浏览者的亲和度。
52. 会员交流：提供便利的会员交流功能（如论坛），增进会员感情。
53. 售后反馈：定期进行售后的反馈跟踪，提高客户满意度。
54. 会员优惠：定期举办会员优惠活动，让会员感觉到实实在在的利益。
55. 会员推荐：根据会员资料及购买习惯，为其推荐适合的产品或服务。
56. 鼓励用户参与：提供用户评论、投票等功能，让会员更多地参与进来。
57. 会员活动：定期举办网上会员活动，提供会员网下交流机会。
58. 专家答疑：为用户提出的疑问进行专业解答。
59. 邮件/短信问候：针对不同客户，为客户定期提供邮件/短信问候，增进与客户间感情。
60. 好友推荐：提供邮件推荐功能。
61. 网站地图：为用户提供清晰的网站指引。

五、信任体验：呈现给用户的信任体验，强调可靠性。

62. 搜索引擎：查找相关内容可以显示在搜索引擎前列。
63. 公司介绍：真实可靠的信息发布，包括公司规模、发展状况、公司资质等。
64. 投资者关系：上市公司需为股民提供真实准确的年报，财务信息等。
65. 服务保障：将公司的服务保障清晰列出，增强客户信任。
66. 页面标题：准确地描述公司名称及相关内容。
67. 文章来源：为摘引的文章标注摘引来源，避免版权纠纷。
68. 文章编辑作者：为原创性文章注明编辑或作者，以提高文章的可信度。
69. 联系方式：准确有效的地址、电话等联系方式，便于查找。
70. 服务热线：将公司的服务热线列在醒目的地方，便于客户查找。
71. 有效的投诉途径：为客户提供投诉或建议邮箱或在线反馈。
72. 安全及隐私条款：对于交互式网站，注明安全及隐私条款可以减少客户顾虑，避免纠纷。
73. 法律声明：对于网站法律条款的声明可以避免企业陷入不必要的纠纷中。
74. 网站备案：让浏览者确认网站的合法性。
75. 相关链接：对于集团企业及相关企业的链接，应该具有相关性。
76. 帮助中心：对于流程较复杂的服务，必须具备帮助中心进行服务介绍。

测试您的页面

测试您的页面是否达到“突出重点，一目了然”，能够让用户在短时间内找到他们所需要的信息，其实可以是个低成本的小型测试。fivesecondtest.com 这个有趣网站是一个专门做5秒测试的站点。测试者上传一张站点的截图，然后被试观看截图5秒，然后说出刚才看到了哪些东西。另外一种方式是被试看到截图，在5秒的时间中，点击他所关注到的所有焦点，最后给出每个焦点他认为的描述。

下图是本文开篇的时候，8个用户的测试结果：

这种测试比起眼动议来说，测试的成本要低得多，而且能够明确得测试出你的页面的浏览者是否能在第一时间发现他们所需要的内容，并且可以比较出，这是否符合你的设计的初衷。
达到“突出重点，一目了然”

那么，如何达到这样的“突出重点，一目了然”呢？据鄙人不完全归纳，可以有以下方法：

为扫描而设计，不是阅读

你几乎需要把每个用户都想象成大忙人——他们没有时间停留在你精心设计的页面上，去阅读每一行你辛苦撰写的问题，去欣赏你精心设计的高光与圆角—— 他们想要的只是尽快地找到有用的信息。如果找不到，互联网上也许有很多替代品，可能是你的竞争对手，用户可以轻而易举地到其他网站上去寻找他们需要的信息。《点石成金》这本书也比较详尽地描述了这个要点。相信大家都应该阅读过了。《点石成金》里谈到关于“为扫描而设计，不是阅读”时，

给出了几种方法：

1. 尽量符合用户习惯的设计，让人接受陌生的东西需要代价，除非我们觉得这个代价是必须的。
2. 在页面把越重要的东西越突出，建立清楚的视觉层次。
3. 可以点击的地方必须突出，让人明显知道可以点击。
4. 把页面划分成明确定义的区域
5. 省略多余的文字

Yahoo Small Bussiness的页面改版很具有代表性。 改版前：

两次改版后：

我们可以发现，改版后的页面视觉层次得到了很大的提升。白色内容区域、浅蓝色右边栏和深蓝色的注册区域渐渐递进，深蓝色背景上的强烈反差的黄色按钮 “Sign Up”，引导着这个页面的主要目的，亦是重点。另外，大家可以发现，内容文字部分比先前的老版本少了一半一半再一半再一半。。。相应的，使用列点和大图的方式传递了相同的信息。“Sign Up”显而易见，而且视觉上有突起的渐变效果也马上让人知道，那是个按钮。

将功能“藏起来”

部分产品经理有一个这样的通病，他们每每作出一个新功能，就爱向用户炫耀新的工作成果。看起来，这样挺好，一来让用户知道本网站还没死，而且还在为他们不断得制作新的功能，二来辛苦开发了数天甚至数月的功能要是没人用，那该多“杯具”啊！于是乎，你就会发现，长期“坚持”下来，界面上的元素越来越多。 假设某一天，这样的产品经理全部被谷歌挖走，那么谷歌的首页将会是一个放满“杯具”的餐桌：

还有一个例子来自于某BSP，它的博客顶端存在着一个工具栏，有30个左右的链接。而这个工具栏在4年前他的用户高速增长期其实并不存在。

如果你了解20-80原则，你应该知道：80%的用户只会使用20%的功能。所以，为什么要让那些少人使用的80%的功能总是放在显眼的位置，扰乱那些只需要20%的功能的大部分用户呢？(此句有些拗口，我承认，麻烦看官们可能要反复阅读几次。。)其实那些80%的功能大部分是专家用户所喜欢的，我们应当将这些功能“藏起来”，目的就是不影响新手和中间用户，并等着他们去发现，然后大叫：“哦，居然这个网站有这个功能，太棒了！”我们来看看 Google Reader iPhone/Android 版本最近的小改版：

改版前：

改版后：

大家可以发现，原来占据垂直空间的New items/all items的切换、mark all as read等功能，全部藏匿在右上角的下拉按钮中。Refresh被替换成了一个可以容易理解的Refresh图标，顶端其他产品的链接也祛除了下划线。关于将功能“藏起来”、功能肥胖症是个说不完的话题，《哈佛商业评论》早在06年的时候也详细探讨过这样的问题，这部分内容，我过段时间也整理整理，为大家奉上吧，本文中，就不作深入探讨。

关注于用户的主要任务流

关注于用户想要的，而不要强迫用户查看、理解与操作无关的事情，是关于“突出重点、一目了然”的UCD方法论的延伸。这个想法，解决了什么元素该被 “突出重点”从而达到界面“一目了然”的问题。从用户角色到场景，到任务流，可以决定每个界面——也就是任务流上的节点最重要的元素是什么。加之融合商业目标，即成页面的重点。其他非重点的元素应该尽量“藏起”或是“显得暗淡”些。我们来看一个来自于Magic Ink(by Bret Victor)的例子： 这是个书籍的搜索结果页面。

我们能够发现，这个页面觉得凌乱不堪。各种大小，各种颜色，各种粗细的字体混杂在一起，眼花缭乱。就像《气球》这首歌唱的：

黑的白的红的黄的
紫的绿的蓝的灰的
你的我的他的她的
大的小的圆的扁的
好的坏的美的丑的
新的旧的各种款式各种花色任你选择

说实话这么多种气球还真不知道该选哪个。如果我们可以通过UCD（或者是其他方式）分析出，这个书籍的结果页，用户需要这些信息：

1. 书籍内容。这本书标题是什么，是关于什么的？
2. 书籍评价。这本书好吗？别人对它的评价如何，这些评论可信么？

根据这个目标，重新设计后的结果如下：

我们可以看到，这本书内容和评价都一目了然，信息结构利于扫描和比较。重要的信息大而具有色彩，次要信息成灰色的小字。关于这些更详细的叙述可以参见原文。

总结

本文描述了什么是“突出重点，一目了然”。如何测试页面是否“突出重点，一目了然”，以及如何达到“突出重点，一目了然”。 有句话我挺喜欢，作为结局吧。在《What’s Next in Web Design?》中说道的：

“Simplicity is when someone takes care of the details.”

“简单而不简陋！”(谢谢青云给出的翻译！)

我们所追求的界面或者功能做得简单，不是粗制滥造，而是需要把下在创造更多无用的功能的功夫转变到现有功能的细节上。做出来东西容易，但是把东西做好做精难啊！

感谢：ued.taobao.com分享！

　　从0.1秒至10年或以上，用户界面设计有许多不同的时段，各有其独特的可用性问题。
　　在用户体验方面有其自己版本的“10的次方（powers of 10）”（Charles Eames 1968年的经典纪录片）。对我们来说，事物并不是按照10的倍数变大或变小，大多数的用户界面具有大致相同的物理尺寸，它们是由人体所决定的。例如，黑莓键盘约为1 / 5的电脑键盘大小,而不是1 / 10的大小。而且，除了墙壁大小的显示器，没有什么会比10倍PC显示器更大。
　　但在第四维—时间上，用户体验的时间尺度却超越多个10的倍数.

　　0.1秒
　　时间对人的知觉及心理的影响，许多效果发生在这一时间尺度上。
　　由Gitte Lindgaard博士领导的研究小组发现，人们可以在网页出现后仅需50毫秒就可以产生第一感觉，即1/20秒（50毫秒只是0.1秒的一半，但它已经相当接近“10的次方”的分析）。在Lindgaard的研究中，屏幕图像每隔0.05秒对测试者进行切换,他们仍然能够区分出设计的好坏。重要的是要意识到这并不是用户实际使用网页的方式,首先,网页并不会在屏幕上只显示一瞬间的时间,相反可能会显示一秒(如果幸运的话,会更长),其次,人们在决定下一步做什么之间,往往会花一段时间看一下当前页面.尽管如此，但该项研究表明，人们能够形成基本的视觉印象非常快。
　　如果你想让用户感觉他们动作的效果是立即发生的，0.1秒是一个时间界限。比如，当你单击一个弹出式菜单后，如果在0.1秒之内菜单弹出来，则用户的感觉就是立即发生的；否则如果超过0.1秒才弹出来，那么感觉就不是“即时的”，相反，给人的感觉就是电脑在做一些事情，然后才弹出菜单。因此,要建立用户立即响应的效果,界面操作必须少于0.1秒。在视线跟踪的研究中，大部分的结果都少于0.1秒。实际上，视线跟踪研究主要注重的是人们在看网页时切换网页的时间的影响。人们看东西非常直接，所以我们必面重视内容的清晰。

　　1秒
　　当计算机时间超过0.1秒，但不超过1秒响应您的输入，感觉像是电脑在输出结果。虽然用户感觉到短暂的延迟，但他们会仍然继续在当前的事情上。这意味着，在1秒的响应时间里，用户有一种交互控制的感觉，即使他们发现，这是一个双向互动（它们和计算机之间）。与此相反，0.1秒的反应时间，用户只是感觉他们自己在做事情。
　　对于Web可用性而言，这意味着新的网页必须在1秒内显示出来，用户才会觉得自己在自由地浏览，如果慢于这个时间，他们会觉得计算机对自己的浏览造成阻碍。在Web发展的初期，就不可能实现这种页面下载时间。这就是为什么很多指南建议您尽量减少需要浏览的页数：在当时，用户导航到新的一页将是不愉快的，因为打开新的页面将超过一秒钟的时间。今天，随着宽带普及，1秒以内的下载时间是非常可能的，应该成为追求的目标。现在的主要问题不在于大的图形或大的页面内容（千字节的数量）。现在，响应变慢的原因更多的是由于过多的动态元素及复杂的设计。（另外，重要的是要记住，有些人仍在使用拨号方式，特别是在农村地区或发展中国家。移动设备也有较慢的连接，所以你网站的移动版本通常对这些需要特别的考虑。）

　　10秒
　　1秒后，用户就必须要等待电脑的回应,等待的时间越长，急躁的情绪也越大，大约10秒钟后，用户的情绪将达到极限，内心将开始产生疑惑，超过10秒，用户往往会离开网站，而不是试图继续恢复他们一开始想要做的事情。10秒也是这样的一个时间，在这个时间点，用户将会认为该网页是不好的，并且决定离开。如果平均页面访问时间为30秒，对于有经验的用户，他们会将更短的时间分配给每个网页。人们在互联网上浏览时，要么满足他们的需求，否则他们就可能离开。

　　1分钟
　　用户应能在1分钟内完成简单的任务。比较差的网站可能需要超过一分钟的时间来完成简单的任务，比如从储蓄帐户转移资金到支票帐户–将被用户取消。大多数主页上的视频广告不应该超过1-2分钟，因为人们不喜欢被动地看比这更长的东西。

　　10分钟
　　10分钟，将是访问网站的一个较长的时间。在一个案例中，例如，我们研究一个用户在B2B网站上的购买行为，一共访问了25个网页，最长的网页访问时间为 7分钟。

　　1小时
　　大多数可用性研究持续1至2小时，因为难以让用户进行更长时间的测试，除非我们在对小孩进行测试-对他们来说是一个小时已经是最大的-我们通常会限制我们的测试时间在90分钟以内。人在测试一两个小时之后会感觉疲惫。大部分的网上任务都会在一个小时内完成。在一项研究中，一半的的电子商务的购买行为发生在用户进入网站的28分钟内。当然，另一半则分布在间隔较长的时间段内。

　　1天
　　一天是客户交易请求的最大响应时间， 虽然您应该在1分钟内发送电子邮件和交易确认信息，以便让用户了解他们的行为系统已经作出了合适的响应,如用户订单或用户地址的变更。这里的差别是，如果用户在1分钟内未得到响应，他们会以为该项服务需要人工干预，而不会认为计算机坏了，当然，更快捷的响应会更好。许多用户经常每天检查某些内容的更新， 所以，如果需要，你可以每天向用户发送一个email新闻 （但要注意：你也应该发布一个取消订阅的功能）。

感谢：腾讯CDC 分享