网站内容设计基本原则(Web设计中的速度是个设计问题,但是它不是你能作出差异的唯一地方)
优采云 发布时间: 2021-10-20 07:00网站内容设计基本原则(Web设计中的速度是个设计问题,但是它不是你能作出差异的唯一地方)
设计的几个原则 网站 速度是一个设计问题,但它并不是唯一可以有所作为的地方。作为设计师,您可以做的不仅仅是压缩 JPEG 或清除 HTML。如果您设计的网站更易于使用,即使实际下载时间相同,您的客户也会认为该网站更快。网页设计书籍的重点通常是风格而不是设计。该设计侧重于对主题或内容的理解,并为服务用户提供有用的方法。风格是设计的必要组成部分,但它只关心视觉表现。两者之间的区别很重要,但很容易被忽视。网页设计师 Jeffrey Zeldman 说,当风格和设计之间的差异消失时,“我们充满了毫无意义的糖果,我们不知道什么是美。” 在最好的设计中,风格背后是适当的解决方案。在 Web 上,速度、组织、透明度和一致性问题驱动着您的解决方案。在构建网站的过程中,您会经常遇到挑战,有时也会对做出正确的设计选择感到困惑。本文重点介绍如何将客户体验放在首位,以及客户对糟糕的性能和服务的容忍度低。请记住以下原则将使您更容易做正确的事情。原则一:速度优先大多数设计师并不把速度作为一个设计问题。但 Web 是一种交互式体验,而不是一种视觉体验。在构建网站的过程中,您会经常遇到挑战,有时也会对做出正确的设计选择感到困惑。本文重点介绍如何将客户体验放在首位,以及客户对糟糕的性能和服务的容忍度低。请记住以下原则将使您更容易做正确的事情。原则一:速度优先大多数设计师并不把速度作为一个设计问题。但 Web 是一种交互式体验,而不是一种视觉体验。在构建网站的过程中,您会经常遇到挑战,有时也会对做出正确的设计选择感到困惑。本文重点介绍如何将客户体验放在首位,以及客户对糟糕的性能和服务的容忍度低。请记住以下原则将使您更容易做正确的事情。原则一:速度优先大多数设计师并不把速度作为一个设计问题。但 Web 是一种交互式体验,而不是一种视觉体验。请记住以下原则将使您更容易做正确的事情。原则一:速度优先大多数设计师并不把速度作为一个设计问题。但 Web 是一种交互式体验,而不是一种视觉体验。请记住以下原则将使您更容易做正确的事情。原则一:速度优先大多数设计师并不把速度作为一个设计问题。但 Web 是一种交互式体验,而不是一种视觉体验。
交互体验将用户置于一定的节奏控制之下。当用户需要等待时,他们会失去控制,体验会降低。客户并不关心他们等待的原因,尽管这些原因可能是拨号连接不良、互联网拥塞或服务器问题。他们只想知道您网站上现在有哪些信息,而不是过一会儿。等待页面出现时间过长的站点访问者将前往别处,无论您的站点多么有用或与他们的关系如何。许多调查关注页面在浏览器中加载所需的时间及其对购物的影响。研究发现,糟糕的下载时间会产生重要影响。消费者相信互联网提供了他们需要的服务。要求他们推迟他们的请求会耗尽客户。由于 Web 性能问题造成的年收入损失估计为 250 亿美元。Zona 研究院发现,该网站的主页放弃率约为 30%。这意味着大约三分之一的网站访问者在请求主页后离开。页面加载时间减少1秒左右,网站速度降低6-8%。不过,目前大家似乎都不太关注速度问题。图 1 显示,尽管有用户投诉,但商业网站的主页还是变慢了。这在很大程度上是因为公司只关注内容的质量,并将其视为获得有意义体验的关键。然而,研究表明,客户认为慢速网站毫无用处。Zona 研究院发现,该网站的主页放弃率约为 30%。这意味着大约三分之一的网站访问者在请求主页后离开。页面加载时间减少1秒左右,网站速度降低6-8%。不过,目前大家似乎都不太关注速度问题。图 1 显示,尽管有用户投诉,但商业网站的主页还是变慢了。这在很大程度上是因为公司只关注内容的质量,并将其视为获得有意义体验的关键。然而,研究表明,客户认为慢速网站毫无用处。Zona 研究院发现,该网站的主页放弃率约为 30%。这意味着大约三分之一的网站访问者在请求主页后离开。页面加载时间减少1秒左右,网站速度降低6-8%。不过,目前大家似乎都不太关注速度问题。图 1 显示,尽管有用户投诉,但商业网站的主页还是变慢了。这在很大程度上是因为公司只关注内容的质量,并将其视为获得有意义体验的关键。然而,研究表明,客户认为慢速网站毫无用处。页面加载时间减少1秒左右,网站速度降低6-8%。不过,目前大家似乎都不太关注速度问题。图 1 显示,尽管有用户投诉,但商业网站的主页还是变慢了。这在很大程度上是因为公司只关注内容的质量,并将其视为获得有意义体验的关键。然而,研究表明,客户认为慢速网站毫无用处。页面加载时间减少1秒左右,网站速度降低6-8%。不过,目前大家似乎都不太关注速度问题。图 1 显示,尽管有用户投诉,但商业网站的主页还是变慢了。这在很大程度上是因为公司只关注内容的质量,并将其视为获得有意义体验的关键。但是,研究表明,客户认为慢速网站毫无用处。这是因为公司只关注内容的质量,并将其视为获得有意义体验的关键。但是,研究表明,客户认为慢速网站毫无用处。这是因为公司只关注内容的质量,并将其视为获得有意义体验的关键。但是,研究表明,客户认为慢速网站毫无用处。
因此,在设计有用的商业站点时,满足可接受的下载时间具有最高优先级。作为设计师,您可以在满足这一需求方面发挥重要作用。主页性能正在下降。尽管研究表明网站访问者对慢速网站的反应是负面的,但数据仍然显示商业网站主页的加载速度正在放缓而不是加速。更多广告和动态生成页面的流行导致了这种性能缓慢。此图表显示了连接到热门旅游、购物和证券交易所网站时 56Kbps 的平均响应时间。不要使用缓慢下载来测试客户的耐心或阻碍可用性。世界上大多数人仍在使用低速连接,因此您应该尽可能减少页面上的元素。例如,如果您使用图像导航,请将它们放在一个组中,而不是彼此隔离。网络的实际情况 Internet 是一个复杂的分布式网络,支持不断增加的数据和用户数量。它的创建是为了连接大学、政府和军事机构,并不打算用于处理数十亿美元的国际贸易。结果是它有一定的局限性,其中最显着的是等待时间或滞后。当数据包从一台计算机传输到另一台计算机时会发生延迟。等待时间是指计算机之间请求和响应之间的时间间隔。在过去几年中,大多数 Web 内容(例如许多商业站点提供的内容)都变得动态了。网络的实际情况 Internet 是一个复杂的分布式网络,支持不断增加的数据和用户数量。它的创建是为了连接大学、政府和军事机构,并不打算用于处理数十亿美元的国际贸易。结果是它有一定的局限性,其中最显着的是等待时间或滞后。当数据包从一台计算机传输到另一台计算机时会发生延迟。等待时间是指计算机之间请求和响应之间的时间间隔。在过去几年中,大多数 Web 内容(例如许多商业站点提供的内容)都变得动态了。网络的实际情况 Internet 是一个复杂的分布式网络,支持不断增加的数据和用户数量。它的创建是为了连接大学、政府和军事机构,并不打算用于处理数十亿美元的国际贸易。结果是它有一定的局限性,其中最显着的是等待时间或滞后。当数据包从一台计算机传输到另一台计算机时会发生延迟。等待时间是指计算机之间请求和响应之间的时间间隔。在过去几年中,大多数 Web 内容(例如许多商业站点提供的内容)都变得动态了。和军事机构,并不打算用于处理数十亿美元的国际贸易。结果是它有一定的局限性,其中最显着的是等待时间或滞后。当数据包从一台计算机传输到另一台计算机时会发生延迟。等待时间是指计算机之间请求和响应之间的时间间隔。在过去几年中,大多数 Web 内容(例如许多商业站点提供的内容)都变得动态了。和军事机构,并不打算用于处理数十亿美元的国际贸易。结果是它有一定的局限性,其中最显着的是等待时间或滞后。当数据包从一台计算机传输到另一台计算机时会发生延迟。等待时间是指计算机之间请求和响应之间的时间间隔。在过去几年中,大多数 Web 内容(例如许多商业站点提供的内容)都变得动态了。
实时(动态)组合内容不仅需要比发送静态页面更多的带宽,而且还需要响应速度更快的 Web 服务器和应用程序。任何由信息处理引起的延迟都会增加网络延迟。您站点的大部分响应能力取决于网络技术、软件和硬件的复*敏*感*词*互。设计最快站点的先决条件是了解页面如何从服务器到达客户端,以及在此过程中可能发生的潜在延迟。在设计快速站点之前,您必须了解网页如何从服务器到达客户端。这是一个复杂且几乎不可见的过程。许多商业站点使用专门的内容交付服务(例如 Akamai 和 Digital Island)。这些公司设计了系统来改变数量,他们可以智能地消除网络中的许多延迟。处理疏忽的方法虽然在网络处理中可能会出现很多错误,但这些因素中的大多数是普通用户看不到的。如果页面加载缓慢,很多放置图片的地方都有空框,程序员团队会先打电话给设计师,因为你的作品是绝对可见的。程序员组要求您将页面减少 1KB 比在应用服务器中调试问题更容易。如果您准备好处理类似情况,您可能对设计团队有用。图 3 是一个好的开始。它可以帮助你了解设计中可以调整的内容,当你的调整不够时,你可以建议团队其他成员找出并询问是否有页面下载缓慢,
从任何相关的性能数据开始,记录收录 HTML 和图像的完整页面的大小。有一些 HTML 编辑软件程序(例如 Dreamweaver)可以自动计算此信息。设置页面限制并确保没有页面超过它。与一家可以不断测量网站下载时间和等待时间的公司签订合同(例如Keynote Systems4)。在频繁的测试中,您网站的速度应该是最优先考虑的。底线是用户的百分比谁使用快速访问连接)它不断增加,但了解仍然使用拨号连接的在线用户的容量至关重要。测试表明,访问者的下载时间容忍度在 2 到 10 秒之间。因为所有的证据都表明越快越好,目标应该是每页 4-5 秒。您是否满足此条件可能意味着您的底线在数百美元和数千美元之间的差距。当您有历史性能和总页面大小信息时,您可以要求团队重新关注其他可能失败的领域。更重要的是,您可能会成为速度问题的用户拥护者,并将提供良好的用户体验作为最重要的标准。想象一下,销售部门的某个人走进来并说“在此页面上还需要两个广告位置。” 您可能会回答“添加这些位置会增加每页 28KB 的下载时间。而且放缓会对销售产生负面影响。您想要这个吗?” 通常的解释并不那么容易,但是通过将需求与现实联系起来,您可以教育所有涉及此问题的各方。()