从前，这些东西叫做报纸。

报纸将从印刷机中脱出，墨水仍然湿润，然后通过巨型机器将其对折。

这使它们有可能自豪地展示在城镇周围的架子上以及放入硬币时打开的盒子内。

但是这些报纸必须找到一种方法来迅速吸引路过的人们的注意力，因此他们提出了“超越目标”的想法。

这导致了网站设计中最受关注的概念之——“卷轴之上”。

当然，仍然存在的报纸通常以两种尺寸出版：宽版和小报。宽幅版面的布局要比宽阔的布局高，更多的是纵向布局。

为了节省展示架和自动售货机上的空间，通常将长页报纸在长边的中间折叠成两半。

这意味着页面上半部分的任何内容都“超出折叠”，并且将在报纸展示时出现。

因此，报纸业很快就成为惯例，尽管“故事层出不穷”，但要吸引尽可能多的重要和引起关注的头条新闻。

这样做是为了希望随便的读者可以发现感兴趣的标题并购买报纸，而且头条新闻越多，获得更多读者兴趣的机会就越大。

小报是更方形或书形的报纸，通常可以在架子或自动售货机上看到其整个封面。

向前迈进了数字时代，“折叠”一词被准押韵的“滚动”代替。

将纸张转换为像素

这两个概念明显不同，因为折叠只能用物理纸完成，滚动需要屏幕上的像素。

但是，这个想法仍然是一样的。当网页首次加载时，观众会看到页面的顶部。

如果页面包含更多内容，则用户必须向下滚动才能看到它。这有点像网络工作原理的一成不变的规律。

因此，听到人们谈论将重要内容保持在网站设计上方的重要性非常普遍。

从本质上讲，这一概念是坚实的。自然，您希望通过屏幕上首先出现的任何内容来吸引用户的注意。

无论您是新闻网站，博客还是在线商店，都是如此。

但是，过于专注于“滚动上方”也很容易忘了滚动下方的所有空间仍然有价值。

Shopify部分和堆叠

Shopify的内置部分功能经常会鼓励商店所有者建立将内容划分为页面的各个部分的网站，这是构建便于移动但又引人入胜的页面的关键基础。

这迫使我们优先考虑内容的优先级，并考虑最重要或视觉上引人入胜的内容首先出现的方式。

注意：试图将所有内容都适合移动设备的滚动条可能会很快变得令人丧失兴趣，但是通过谨慎地进行优先级排序和创造力。

您可以为购物者创造高度吸引人的体验：

使用最佳摄影或图形吸引注意力；

精心制作标题和其他引人注目的文字并引起注意（但购物者也想了解更多）；

使用号召性用语（CTA）鼓励用户参与；

使用华丽的全宽度内容也很诱人，这些内容也占据了浏览器窗口的大部分或全部高度。

但是允许下面的某些内容在滚动上方“窥视”是一个简单的视觉提示，还有更多值得看的地方在页面上。

在继续浏览页面时，您需要牢记两个关键点：优先级和演示。

01 内容优先

优先级包括将更重要的内容放在页面上方。

在开始自定义之前，请仔细考虑页面上想要的内容。

考虑使用废纸或粘滞便笺代表内容的每个部分，然后在考虑如何移动它们。

当优先事项开始出现时，请考虑潜在的受众如何处理内容以及订单是否满足他们的需求。

还要考虑流量，您是否以对可能考虑购买的人有意义的方式介绍内容。

一旦开始构建页面，您始终可以使用拖放功能在页面上移动内容，并查看它如何影响页面的流动。

最终，确定优先级的目标应该是使购物者在页面上获得更高的投资。

这几乎适用于所有类型的页面-无论是“产品”页面，“关于我们”页面，还是更常见的页面。

展示您的公司，产品或服务如何解决问题：

从最强大的功能或与众不同的独特主张入手。

这不仅包括产品或服务本身，还包括客户服务，担保或免费送货等方面。

当您从购物者那里获得“购买”时，就开始添加有关您引入的主要想法的更多信息或更多详细信息，以继续参与。

最后，在页面上完成一些更具体的细节和其他信息，尽管这些信息仍然很重要，但可能并不是购物者所要寻找的第一件事。

这也是添加有关策略可能需要的“详细说明”的好地方。

02 产品页面

有了Flex Shopify主题，商店所有者和设计师现在可以使用备用产品页面模板在标准生产画廊，信息和表格上方添加内容，从而为产品页面设计开辟了有趣的可能性。

许多成功的电子商务商店都回避了传统的产品页面布局，转而使用图像和文字来展示其产品或服务，赢得信任和购买，然后包括“添加到购物车”区域

与传统画廊相比，这通常可以使您更好地展示产品摄影和图像。

同样，您通常可以更有效地使用文字标题来吸引注意力并解释您的业务。

您可以使用更高级的布局来创建更具吸引力的产品说明，而不仅仅是文字块。

包含信任标记和其他有助于转换的元素会更容易。

使用此方法的产品页面还具有减少成为销售人员的感觉。

取而代之的是，鼓励购物者了解产品或服务-相当于拿起一件商品，检查它并看您是否喜欢的数字形式。

当然，总会有一些商店仍然从传统布局中受益，因此，如果您尝试使用此方法，则最好在转换生效后密切监视转换率。

即使您不使用更高级的Flex产品页面布局或发现该页面不适用于您的商店，也可以考虑将其内容移至图库和产品表格下方。

尽管这不是用户首先看到的东西，但精明的在线购物者经常将“滚动上方”的内容视为摘要，并在下面查找更详细的信息，图像等。