在页面上使用HTML组织内容 - 虚拟文件

可读性是组织和显示内容的最重要原则网页。您的网页应该允许访问者轻松阅读，理解并对您的内容采取行动。您为访问者考虑的所需操作可能是点击并阅读其他内容，与他人共享内容，或者进行购买。

组织糟糕的内容将导致用户在与您的内容互动之前离开您的网站足够长的时间以完成所需的操作。

<！ - 1 - >

这些数字显示了网站可读性的两个例子。在这个图中，Craigslist。 org在纽约搜索了一套公寓。

来源：craigslist。组织

搜索结果的结构类似于列表，您可以使用过滤器和搜索表单来限制显示的内容。每个列表都有多个属性，如描述，卧室数量，邻居，最重要的是价格。比较不同列表中的类似属性需要付出一些努力 - 注意您的眼睛必须遵循的锯齿状线条。

<！ - 2 - >

下图显示了在Hipmunk进行搜索的结果。 com从纽约到伦敦的航班。

来源：hipmunk。 com

与Craigslist搜索结果一样，您可以限制使用过滤器和搜索表单显示的内容。另外，每个航班列表具有多个属性，包括价格，运营商，出发时间，着陆时间和持续时间，这些与公寓列表的属性类似。但是，使用Hipmunk布局来比较来自不同航班的类似属性要容易得多。请注意，与Craigslist相比，内容的布局可让您的眼睛沿着页面的一条直线，因此您可以轻松排列和比较不同的选项。

在显示内容时，不要低估简单的力量。虽然Craigslist的内容布局看起来可能太简单了，但该网站是全球访问量最高的50个网站之一。 reddit的。 com是排名前50的网站的另一个例子。

在显示您的内容之前，先问问自己几个问题：

• 您的内容是否具有相关数据的一个属性，还是遵循连续步骤？如果是这样，请考虑使用列表。

• 您的内容是否有适合比较的多个属性？如果是这样，请考虑使用表格。

• 你需要收集访客的意见吗？如果是这样，请考虑使用表单。不要让这些选择压倒你。选择一个，看看你的访客如何反应，如果有必要，改变你如何显示内容。评估一个版本与另一个版本的相同网页的过程称为

A / B测试。