当我们设计的网站,并计划如何这些网站的内容将被显示出来,我们经常在考虑理想的情况下做到这一点。标题和文本区域想象为具有一定的长度,而伴随该文本图像设计的尺寸,这将使他们能够按预期在整体设计工作,以显示。即使这些元素作为其一部分有些流体一个自适应网站构建(其中他们应该是),将有对它们如何灵活是一个限制。
如果部署一个网站的CMS(内容管理系统),并允许客户管理该网站,添加新的内容随着时间的推移,你已经设计绝对会被考验的极限。信任的事实,你的客户会想办法改变你做梦也没有想到,他们会做网站。如果你还没有占到情况远超出你在你的设计过程中工作的那些理想的,该网站的布局可能会受到严重威胁。
这就是为什么,你压力测试的所有网站内容,网站的布局,推出该网站之前的方面是特别重要的。下面是一些提示你如何能做到这一点。
测试图片大小
毫无疑问,最常见的方式,人们打破自己网站的布局是通过添加不当大小的图片(这也是他们网站的负面影响的方式整体性能,并导致下载速度慢)。这包括过大的图像,以及那些太小如预期在网站工作。
即使你使用CSS来强制这些图像的大小,布局,是疯狂了规模与原有规格为网站的图片会产生问题。如果图像的尺寸是不正确的,你的CSS可以迫使该图像使用适当的宽度和高度来显示,但图像本身和它的纵横比可能会失真。这肯定会对你的网站看起来太小将是一个形象带来负面影响“炸毁”,将失去质量。它的形象是太大了,它由较小的CSS化妆看起来很好,并保留其质量,但文件大小可能是不合理的大,是如何被使用的。
当测试你的网站的工作,一定要在你的下跌预期范围之外的图像添加。加在CSS和响应图像的技术,通过调整所述的图像,或者在一个不正确的纵横比的情况下,使用类似的也考虑应对这些挑战的CSS剪辑属性按照需要裁剪的形象。
测试其他媒体
除了图像,还考其他媒体,如网站上的视频,看到这些元素将如何使用不同的尺寸和长宽比值出现在你的布局。再次,考虑你的网站的响应特性和它是如何工作的不同的设备和屏幕尺寸。
测试文本标题
图像后,引起了大多数问题与非网络专业人士管理的活网站的下一个网站领域是文字标题。这些文字的(假想)短行,这将经常启动一个页面的内容或网页上的一节。这一段,上面写着“测试文本标题”上面的文字是这样的一个例子。
如果你设计了一个网站,以适应这样一个标题:
“测试文本标题”
但是,你的客户端使用CMS用这样的标题添加一个文章:
“网页上的各种测试文本标题所有具有不同容量需求和用户需求”
然后,你的布局可能无法干净容纳所有这些额外的文本。就像你要强调通过添加您最初专门为大小之外坠井项测试你的图像和媒体,所以你应该用文字标题这样做,确保有足够的灵活性,以有效地显示甚至超长时间的线条像1以上。
测试文本长度
停留在文本的主题,你也想为测试不同长度的文本页面上的主要内容。这包括文字,这是非常,非常长以及文本,这是非常,非常短-这实际上是注定许多页面布局的问题。
因为网页,按质,生长在大小,以适应所包含的文本的高度,用大量文字的页面通常只是可以根据需要扩展的高度。除非你已经限制页面的高度(你不应该,如果你想你的页面是灵活做),那么多余的文字应该不会构成问题。太少的文字是另外一个问题-这是一个许多设计师忘记了自己的设计过程来测试。
太少的文本可以使页面看起来不完整甚至断裂,所以一定要扩展您的网页内容,要看看在这些情况下会发生什么,并进行必要的调整,以您的网站的CSS来处理这些情况。
测试页面缩放
视力问题的人可使用Web浏览器的页面缩放功能,以增加你的网页的大小。如果有人在显著量放大,你的布局可能会打破。这就是为什么你可能想使用的原因之一新兴市场为计量单位为你的网站的字体大小,以及你的媒体查询。因为EM是测量的相对单位(基于浏览器的默认文字大小),他们是更有利于流畅,灵活的网站布局。
测试你的网站,页面缩放,不要只停留在变焦的一个或两个层次。放大你的网站上下了各种层次,以确保您的网页反应如预期。
不要忘了下载速度和性能
当你测试客户端决定的布局影响,别忘了也要注意影响这些决定都对网站的性能。这些客户将增加可能会妨碍网站的下载速度和认真的图片和内容破坏网站的整体可用性。计划这些增加的影响,并尽自己的努力在发展过程中,尽量减少这些影响。
如果你的网站正在使用绩效预算建,分享与您的客户信息,并告诉他们如何测试性能网页指标。向他们解释维持页面大小和下载速度,这些设定的阈值的重要性,并告诉他们,他们做加法怎么能作为一个整体影响的网站。以训练他们如何保持网站工作,寻找良好的时间。在培训的主题…
客户培训是必不可少
它进行压力测试您网站的图片,文本和其它页面元素,创造风格,将占极端情况下很重要,但绝不是为客户培训的替代品。你的工作防弹网站应该是除了你花训练你的客户如何有效地照顾和管理他们的网站的时间。最后,一个训练有素的客户,谁明白自己的责任和决策的影响,他们在做一个网站,将有助你的努力,以保持该网站工作,并寻找最佳状态。