首页 >> 电脑教程 >> 网页特效 >> 正文

建设优秀网站的六大原则

[ 来源:互联网 | 本篇文章热度: | 收藏本文 ]
 ZhouWei.Net关键字导读:网站  Web
   
      在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连接到流行的旅游、购物和证券交易站点时的平均响应时间。

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

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

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

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

建设优秀网站的六大原则(图三)
图3:加速过程

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

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

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

  如果有下载缓慢的页面,就收集供给信息。从任何相关的性能数据开始,记录有HTML和图象的完整的页面的大小。有一些HTML编辑软件程序(例如Macromedia的Dreamweaver)

首页 上一页 1 2 下一页 尾页
   
打印
网站  Web

>> 相关资讯:

上一篇:        下一篇: