设优秀网站的六大原则

在Web上，速度、组织方式、透明度和一致性的问题驱动着你的解决方案。本文讲解使Web页面的设计和样式之间平衡的时候如何紧记这些方面以及客户的需求。

　　Web设计的图书的焦点通常是样式而不是设计。设计聚焦于对主题或内容的理解，并为服务用户提供一条有用的途径。样式是设计的一个必要的组件，但是它仅仅关心可视化的表现。

　　两者之间的差别很重要并且容易被忽视。Web设计师Jeffrey Zeldman说，当样式和设计之间的差别消失时，"我们满眼都是毫无意义的糖果，都不知道美是什么了"。

　　在最好的设计中，样式位于适当的解决方案的后面。在Web上，速度、组织方式、透明度和一致性的问题驱动着你的解决方案。在建立站点的过程中，你会经常遇到挑战，有时候对作出的正确的设计选择感到困惑。本文聚焦于如何把客户的体验放在首位，以及客户对于低下的性能和服务的很低的忍耐力。紧记下面的原则将会使你做正确的事情更加容易。

　　原则1：速度优先

　　大多数设计师没有把速度当成设计的问题。但是Web是交互式的体验而完全不是视觉的体验。交互式的体验把用户置于某个步调的控制下。当用户需要等待时，他们就会失去控制，并且体验会降低。

　　客户不会关心自己等待的原因，虽然这些原因可能是不良的拨号连接、Internet拥挤或服务器的问题。他们只想知道你的站点上现在，而不是过一会儿后有些什么信息。等待页面显示的时间太长的站点访问者会去其它的地方，不管你的站点是如何有用，或与他们如何相关。

　　很多调查聚焦于页面载入浏览器花费的时间以及它对购物的影响。研究发现不良的下载时间有重要的影响。消费者相信Internet提供了自己需要的服务。要求他们推迟自己的请求将使客户流失。每年因为Web性能问题流失的收入估计有250亿美元。

　　Zona研究机构发现Web站点的主页放弃率（abandonment rate）大约是30％。这意味着每3个站点访问者中大约有一个在请求主页后离开了。把页面载入的时间减少约1秒钟，该站点的这个比率降低6－8％。

　　但是，看起来目前大家对于速度问题的注意力是很小的。图1显示商务Web站点的主页不顾用户的抱怨，正在不断减慢。这在很大程度上是因为公司只聚焦于内容的质量，把它作为形成有意义的体验的关键。但是，研究显示客户认为缓慢的站点是无用的（图2所示）。因此，符合可以接受的下载时间在有用的商务站点的设计中有最高优先级。作为设计师，你在符合这种需求的时候可以扮演重要的角色。

图1：主页性能在下降

　　图片说明：尽管研究显示站点访问者对于缓慢的站点反映消极，但是数据还是显示载入商务站点主页的速度趋势是减慢而不是加快。更多的广告和动态生成页面的流行促成了这种性能的迟缓。这张图表显示了56Kbps连接到流行的旅游、购物和证券交易站点时的平均响应时间。

图2：不要用缓慢的下载试验客户地耐心或妨碍可用性

　　图片说明：世界上的大多数人仍然在使用低速连接，因此应该尽可能减少页面上的元素。例如，如果你使用图像导航，那么把它们放到一组中而不要彼此孤立。

　　网络的实际情况

　　Internet是一个复杂、分布式的网络，支持着数量不断增加的数据和用户。它的产生是为了连接学院、政府和军事机构，并没有打算用于处理数以十亿美元计的国际贸易。结果就是它有一定的限制，其中最值得注意的是等待时间，或者称为滞后。数据包从一台计算机传递到另一台计算机时延迟就会发生，等待时间指计算机之间请求和响应信息之间的时间间隔。

　　在过去几年中，大部分Web内容（例如很多商务站点提供的内容）变成了动态的。实时（动态地）组合内容比起发送静态页面不仅需要更多的带宽，还需要更高响应性的Web服务器和应用程序。由信息处理引起的任何延迟都会增加到网络延迟中。你的站点的大部分响应能力依赖于网络技术、软件和硬件的复杂的相互影响。

　　设计最快的站点的先决条件是理解页面如何从服务器到达客户，以及在路途中哪儿可能发生潜在的延迟（图3所示）。

图3：加速过程

　　图片说明：在你设计一个快速的站点前，你必须了解Web页面如何从服务器到达客户。这是一个复杂的并且大部分不可见的过程。

　　很多商务站点使用专门的内容传递服务（例如Akamai和Digital Island）。这些公司已经设计了改量的系统，它们能智能地删除了网络中的很多延迟。

　　对付过失的方法

　　尽管在网络处理中可能出现很多的错误，但是其中的大多数因素对于临时用户是不可见的。如果页面载入缓慢，并且在很多放置图片的地方是空的方框，那么程序员组会首先呼叫设计师，因为你的工作是绝对可以看见的。程序员组要求你把页面再减少1KB比调试应用程序服务器中的某个问题更加容易。

　　你准备好处理类似的情形就可能对设计组有用。图3是一个很好的开始，它帮助你了解在设计中可以调整哪些东西，并且当你的调整不够的时候可以建议小组的其它成员查找问题。

　　如果有下载缓慢的页面，就收集供给信息。从任何相关的性能数据开始，记录有HTML和图象的完整的页面的大小。有一些HTML编辑软件程序（例如Macromedia的Dreamweaver）会自动计算这些信息。设置页面限制并且确保没有页面超过它。与某个可以不断衡量站点下载时间和等待时间的公司（例如Keynote Systems4）签订合同。你的站点的速度应该在频繁的测试中优先权最高。

　　底线

　　尽管采用快速访问连接的用户比例不断增加，但是了解仍然使用拨号连接的在线用户的容量是至关紧要的（图4所示）：

图4：按连接速度划分的在线用户

　　测试显示访问者的下载时间的容忍的范围是2到10秒。因为所有的证据显示速度越快越好，因此目标应该为每个页面4－5秒（图5所示），是否符合这个条件可能意味着你的底线上的数百与数千美元之间的差距。

图5：考虑带宽

　　图片说明：这个图表对于估计某个页面在最好的网络上会花费多长下载时间是有用的。但是你要记住网络中的等待时间会增加延迟。

　　当有了历史的性能和页面大小的总量信息后，你可以让小组重新聚焦于其它的可能出现故障的地方。更重要的是，你可能成为速度问题的用户主张者，并且使提供良好的用户体验成为最主要的标准。

　　想象一下销售部的某个人走进来说"在这个页面上还需要两个广告位置"。你可能会回答"增加这些位置每个页面将会增加下载28KB的时间。而速度减慢将会对销售产生负面影响。你希望这样吗？"。通常的解释没有这么容易，但是把要求与现实性连接起来，你就能教育涉及这个问题的所有当事人。

　　速度是个设计问题，但是它不是你能作出差异的唯一地方。作为设计师，你可以做的事情比压缩JPEG或清除HTML更多。如果你设计的站点更容易使用，即使实际的下载时间是相同的，你的客户也会认为站点更快了。