NEWS INFORMATION

等等，折叠还是一回事？是的，有折叠！

等等，折叠仍然是一件事吗？

是的，有褶皱。对于每个屏幕上的每次访问，都有一个可视区域。底部是著名的褶皱。要查看此行下方的任何内容，访问者必须滚动。

为什么以及这在网页设计中是否重要是一个备受争议的话题。这里有两个最好的论点：“没有折叠！” vs “折叠仍然很重要。”

当然，屏幕尺寸有上千种，从小到大。上个月，该网站在 958 个不同大小的屏幕上被浏览。所以一些设计师说折叠不再重要。

但这是底线（明白了吗？）每次访问仍然是一折，所有访问仍然是平均折。诸如此类的工具将其清楚地显示为台式机/笔记本电脑、移动设备和平板电脑的滚动热图中的一条线。

所以是的，有一个折叠，你放在它上面和下面的东西很重要。一项研究表明，访问者 80% 的时间都在首屏。

因此，将您的价值主张，即您所做工作的 8 字形版本，放在页面上方、首屏上方。

3.但不要把所有的号召性用语放在首位

游客可能会在那里待更长时间，但这并不意味着他们已经准备好采取行动。很多说服发生在页面的下方。

在分析 2500 万次访问时，他们发现大多数参与都发生在首屏以下。虽然顶部的内容可能是可见的，但它不一定是号召性用语的最有效位置。

关于这项经常被引用的研究的一个警告：主要由新闻网站使用，这些网站与营销网站非常不同。没有人在新闻网站上做得更多！普通的网页设计技术不适用。

确保将号召性用语放在页面上可能引起高度关注的任何位置。

4.使它成为一个高页面。回答所有访客的问题。

更多像素意味着有更多空间来回答问题、解决异议和添加支持证据。如果访问者没有找到重要问题的答案，他们可以简单地继续向下移动页面。一旦他们感到满意，他们就会停止阅读。

最有效的销售页面模拟销售对话。

您永远不会在销售会议上打断某人并停止回答他们的问题，对吗？这就是一个短页所做的一切；它停止回答问题。

这就是 Crazy Egg 著名的研究的用武之地。他们调查了他们的观众，找到了他们最关心的问题，并建立了一个高大的页面来解决所有问题。

页面长了 20 倍。转化率提高了 30%。

5. 一次展示一件事

“我喜欢干净、现代的设计。” 这是我们的大多数客户在开始网页设计项目时告诉我们的。他们经常以苹果的网站为例。

游客不喜欢混乱。我们喜欢留白。换句话说，我们喜欢低视觉复杂度。

2012 年，谷歌开始探索哪些类型的网站对访问者来说看起来很漂亮。这是一项关于简单性的研究，标题非常复杂：视觉复杂性和原型在网站第一印象中的作用：致力于理解审美判断。

他们了解到，更复杂的设计不太可能被认为是美丽的。

这解释了单列布局和高页面的趋势。多列（左导航、内容区域、右栏）是更复杂的设计，在访问者的视野中具有更多的视觉元素。

所以去掉杂乱。使两个元素之一成为每个滚动深度的焦点。

6.坚持标准布局

同一项谷歌研究发现，“高原”也与感知美有关。换句话说，怪异通常并不漂亮。遵循网页设计标准的网站更有可能被喜欢。

被认为是最漂亮的网站具有高原型和低视觉复杂性。它们简单而干净。

这样想，区分你的品牌是件好事，但布局不是这样做的地方。你说的有区别。但是要典型地使用您的网站。

有些车看起来很棒。它们不一样。他们好美。但是它们的侧面仍然有门，底部有轮子，前面还有大灯。

但标准是什么？根据我们自己的研究，这些是网站的标准元素：

具有高原型的“标准”站点包括以下内容：

7.提防“假底”

现代营销网站，尤其是销售页面，都是用页面块构建的。这些是多行内容，通常一侧是图像，另一侧是文本，在单列中沿着页面向下流动。

以下是潜在客户生成网站上典型服务页面的剖析。

如图所示，页脚的背景颜色较深。如此多的网站这样做，以至于访问者现在希望切换到较暗的背景来表示页面底部。

但是如果设计中有一个带有深色背景的页面块，访问者可能会认为他们已经到达底部并停止滚动。这是一个假底。

注意：我和我自己的设计师讨论过这个问题。我们的创意总监库尔特克鲁斯提出了一个很好的观点。背景颜色的变化是让访问者知道内容类型正在发生变化的好方法。我听到了，库尔特！

为页面块选择背景颜色时要小心。为了安全起见，请仅选择细微的变化或始终使用白色或浅灰色。然后在页脚中切换为深灰色或黑色。

8.避免轮播和旋转滑块

它们多年来一直很受欢迎，客户喜欢它们。但是主页幻灯片有一个问题：访问者可能只能看到第一张幻灯片。

有许多研究得出了相同的结论。后续幻灯片上的消息不太可能被看到，号召性用语也不太可能被点击。看看大学网站上幻灯片的点击率就知道了。

它们可能很受欢迎，因为它们很容易获得批准。来自不同部门的不同利益相关者都获得了一些优势。他们喜欢内部政治，而不是访客。

主页幻灯片非常适合防止人们在会议室中互相刺伤。

那么该怎么做呢？

9. 避免使用 Tab 和

这是隐藏内容的另一种方法：避免使用选项卡和可扩展的内容框。

知道多达 76% 的网站访问者正在扫描，您可以通过将其全部公开，而无需单击显示某些内容，从而使他们更容易看到您的内容。

如果选项卡和可扩展手风琴有效，您可能会在亚马逊上看到它们。

请记住，滚动比单击更快、更容易。如果访问者必须瞄准并点击或点击才能看到某些东西，他们就不太可能看到它。

图片

让我们继续看视觉效果。这些提示特定于网页上的图像。

10.使用人物图片

人脸是独一无二的强大图像。从我们出生的那一刻起，我们就更加关注面孔。人物图片的魅力在网页设计中非常有用。

面孔不仅吸引注意力，而且还与转化相关联。来自 的一项著名案例研究表明，当销售页面上的面孔与推荐相结合时，结果会得到巨大提升。

确保您的网站看起来不像没有灵魂的“废弃宇宙飞船”。

多年来，我与数以千计的企业就他们的营销进行了交谈，我注意到了一种模式。大公司总是想看起来小，小公司总是想看起来大。很奇怪，对吧？

确实，每家公司都应该努力变得更加个性化和人性化。

11.但避免库存照片的人

库存照片有时间和地点，但我会避免像瘟疫这样的人的库存照片。他们只是从不觉得真诚，所以他们没有建立信任。

由于高质量的生产，公司被库存照片所吸引。但是您的访客更关心现实。他们更喜欢看到真正为公司工作的人。

真实性比抛光更重要。

研究支持这一点。NN Group 的一项研究发现，访问者会忽略库存照片和“填充”人物的图像，但实际上会查看真实人物的照片。

所以做你自己，展示你的团队并使用真实人物的照片，即使他们已经完美无瑕。

12.使用面部作为视觉提示

人物图像为您提供了一个特殊的机会来吸引访问者的注意力。著名的“你看他们看哪里”现象。

当研究人员詹姆斯向 106 人展示该设计时，他展示了良好定位的面孔的力量。他们有能力将访问者的注意力引向其他元素。

这是著名的娃娃脸书房。当婴儿看着相机时，访客也看着婴儿。当婴儿看头条新闻时，访客会看头条新闻。

我的朋友奥利厌倦了这个婴儿的例子（对不起，奥利！）。如果有人知道其他研究或好的例子，请在评论中告诉我！

使用面部图像中的凝视作为定向提示，将访问者的注意力引导到感兴趣的陈述或行动号召上。

13. 使用箭头作为视觉提示

面孔可以引导注意力，但它们并不是控制访客眼睛的唯一方法。小手绘箭头可能更有效。

在 CXL 进行的这项眼球追踪研究中，发现一个简单的箭头更能有效地吸引访问者查看页面元素。

如果您希望访问者看到某些东西，请用箭头指向它。我不确定这个提示是非常明显还是非常有见地。

14.使用颜色将访问者的注意力引导到行动号召上

颜色具有情感内涵（红色是紧急的，蓝色是平静的），它们是品牌标准的一部分。但它们也是将访问者的注意力吸引到按钮和 CTA 的机会。

对按钮颜色的研究证实了颜色和亮度对比吸引注意力的能力。

但研究表明，彩色按钮并不总是有效。如果您希望按钮在视觉上更加突出：

“冯·雷斯托夫效应”

1930 年代，德国科学家冯发现，当展示 10 件物品的清单时网络对时设计，如果物品的颜色与其他物品不同网络对时设计，人们就会记住这些物品。这是因为枕叶对视觉差异或“模式干扰物”很敏感。

互联网营销商 Paras 进行的实验表明，出色的颜色不仅会被更多人记住，而且点击次数也更多：增加 60%！

专家提示！为所有链接、按钮和翻转效果选择一种动作颜色。使其与整个设计中使用的品牌颜色不同（这些是“被动颜色”）。除可点击项目外，在任何地方都使用动作颜色。

导航和链接

现在我们将介绍网站导航建议，包括吸引访问者的菜单、按钮和链接。

15. 具有描述性

导航总是在视觉上脱颖而出，因此它是一个交流的机会。访问者通常通过扫描标题开始他们的访问。那里的任何东西，包括你的菜单，都可能被看到。

当导航标签是通用的时，您就错过了告诉访问者您在做什么的机会。比较这两个例子：

如果您的导航选项卡很常见，那么它们在数千甚至数百万个网站中都很常见。您错过了利用网站导航最佳实践、帮助访问者和提高搜索排名的机会。

16. 把家放在左边，但除此之外，不要太在意菜单项的顺序

如果您有主页链接，请将其放在左侧。这是最常见的地方，所以游客会期望在那里找到它。

至于其余的菜单项，研究表明顺序并不那么重要。两项不同的眼动追踪研究表明，菜单项的顺序与访客成功之间的相关性较低。

所以不要花很多时间担心菜单中的顺序。

17. 小心从服务页面链接到博客文章

如果访问者在服务页面上，目标是将他们转化为潜在客户。如果您添加了很多离开和阅读博客的机会，它们将登陆不太关注潜在客户生成的页面。博客文章自然有更多的干扰、退出机会和更低的转化率。

18. 小心链接到其他网站上的任何内容

只要相关，就链接到可以帮助访问者实现目标的事物。在博客文章中，这通常是对来源的引用或指向外部参考的链接。这篇文章链接到几十篇文章和研究！

但是在服务页面和您的主页上，您应该小心链接到其他网站。对于任何优化以将访问者转化为潜在客户的页面，问问自己，你真的希望访问者点击那个链接吗？它是否帮助您实现了目标？

19.避免在网站标题中使用社交媒体图标

同样，标题中的彩色社交媒体图标也不适合您的目标。如果访问者点击这些糖果色按钮中的任何一个，他们就会进入一个充满干扰的网站。他们不太可能回来。

这通常是进行社交媒体整合的错误方式。如果您链接到社交网络，请从页脚开始。如果访问者正在寻找，他们可以找到社交网络，但您并不是建议他们离开。

写作

让我们谈谈单词。早些时候，我们在主页上展示了一个以关键字为中心的标题。以下是进入网站的一些写作技巧，包括标题、副标题和正文。

20.写有意义的副标题

晦涩的字幕无处不在。它们通常是大而无用的，但其次是小而有用的东西。很奇怪，对吧？相反会更有意义。

确保活动对访客有意义且有帮助。如果你的副标题写着“产品”或“服务”之类的东西，问问自己一个更具描述性的术语是否更有帮助。这里有些例子。

这对扫描仪和可用性都有好处。这对视障人士和可访问性都有好处。这也是一个很好的 SEO 最佳实践。不要错过展示相关性的机会！

专业提示：字幕可能完全没有必要。这个页面没有它也一样好吗？访客还会知道他们在看什么吗？如果是这样，只需将其删除。

21.避免长段落和长行

冗长、块状的段落不符合数字内容最佳实践。简单地分解长段落可以使内容更易于使用。作为一般规则，不要写超过 3-4 行的段落。

“阅读短段落，略读长段落，跳过真正的长段落” - Jason Fried，创始人兼首席执行官

如果行长，访问者可能更难以阅读。该网站的风格指南建议不要超过 12 个字线。

22.避免行话。使用简单的词。

越容易阅读，网站就越成功。使用访问者期望的常用词。长句和花哨的词迫使颞叶更加努力地工作。情况不妙。

“保持简单！认知流畅度”衡量访问者的大脑处理他们正在查看的内容的难易程度。当某些东西难以阅读时，我们会不知不觉地发现它更危险和/或更耗时。因此，为了最大限度地提高转化率，请使用简短的文本、简单的字体和易于阅读的设计。

“低文化”用户的副本适合所有人。这不是降低它。这是关于使用每个人都能理解的简单语言。研究表明，降低可读性水平会提高所有访问者的成功率。

即使是博士也更喜欢在 8 年级阅读。

这个大词对您来说可能听起来很聪明，但它可能会让您的访问者感到愚蠢。怀疑自己的访客不太可能采取行动。所以在你写作的时候，不断问自己这个问题：

您的访问者是否 100% 知道此页面上的字词的含义？

23.列表顺序和“序列位置效应”

在您的副本中订购任何列表时，请将重要的内容放在开头和结尾。读者关注度和保留率在所有列表中最低。当访问者浏览页面时，第一个和最后一个项目最有可能保留在短期记忆中。

24. 回答访问者最关心的问题

他们带着问题来了。该网站的主要工作就是回答这些问题。每一个未回答的问题都是错失建立信任的机会。未回答的问题也增加了访客离开的可能性。

当 Joel 应用他的流程来查找问题和编写答案时，他的目标网页转化率翻了一番。他采访了客户，分析了他们的反应，确定了信息的优先顺序，最后，他在新的营销文案中使用了观众自己的话。聪明的！

以下是乔尔用来发现访客最关心的问题的问题：

发生了什么让您寻找解决方案？你还尝试过什么，你不喜欢什么？是什么让您几乎不可能从我们这里购买？是什么让您有足够的信心尝试我们？是什么让 X 成为您的最佳解决方案？在评估 X 时，您认为最重要的是什么？你现在能做什么（或做得更好）而你以前不能做什么？举个例子说明 X 什么时候影响了你？简而言之，您的网站的目的是什么？回复。25.添加证据和社会证明

“从众偏见”是人类倾向于做其他人正在做的事情。因此，提供证据表明其他人选择了您，使选择您的公司似乎是一个不错的选择。目标是让除使用您的公司之外的任何决定都显得违反直觉。

向您的访问者证明您是合法的。理想情况下，您的每一项营销主张都有证据支持。

“你有多少次点击设计奖得主名单上的网站，并在‘家’这个醒目的标题标签上翻白眼？那是当你相信一个机构‘创造出完全独特和独特的东西’而不是做出承诺时构建当某些事情按照您的客户/客户需要并期望它起作用时会发生什么。” – 仁，

最快和最简单的方法是添加推荐。以下是其他类型的社会证明。

多少证据才够？您应该添加多少推荐？

很多。可能没有太多证据。我们对亚马逊的一个产品详细信息页面进行了快速分析，发现该页面的 43% 是证据和评论。

专家提示！不要制作推荐页面。它们往往是低流量页面。相反，将推荐添加到每个服务页面。

26.提及稀缺性，引发“损失厌恶”

人类不是有效的成本/收益计算器。我们倾向于高估损失而低估收益。换句话说，失去比得到更痛苦。

在线和离线都是如此，并解释了许多人类行为。这篇文章解释得很好：将行为经济学和认知心理学应用于设计过程。

这种损失厌恶对网页设计师和文案很有用。以下是一些在考虑损失厌恶的情况下编写副本的技巧。

温和地提醒您的访问者，如果他们现在不采取行动，他们将会错过、冒险或失去什么。27.优化订阅者的电子邮件注册表单

这篇文章的底部有一个。这是一个订阅号召性用语。如果仔细观察，您会发现它包含三个独立的元素。这些是 3 P 的电子邮件注册表单。

当我们第一次尝试这些更改时，旧表单的转化率非常低，因此改进非常显着。我们看到电子邮件注册量增加了 4,863%。

在设计您的电子邮件注册表单时，使其可见，使用社交证明并告诉读者他们得到了什么。

不仅仅是一个漂亮的网站

人人都爱美。每个人都喜欢酷炫的新设计功能。每个人都是批评家。但作为游客，我们需要的不仅仅是美丽。我们需要信息。作为网站所有者，我们需要结果。

以下是两项具有相同发现的研究。第一个是一项调查，显示访问者更看重易于查找的信息，而不是精美的设计或精美的用户体验。

第二项研究是 NN Group 的一组用户测试的结论。它表明，当访问者失败时，是因为他们找不到信息，而不是因为网站不够漂亮。

我和任何人一样喜欢漂亮的设计。这就是我开始这项业务的原因！我经常想起这句话：

“设计师的一生是奋斗的一生。与丑陋作斗争。” – , 设计传奇

但在网页设计中，我们为内容创建容器。访问者是为了内容，而不是容器。

网站应该很漂亮。他们应该对访客产生视觉或情感上的影响。但是您网站的成功超越了美学。这是为了帮助访客找到他们需要的东西。这是本文中每个技巧的核心。这就是网页设计的真正目的。

了解更多学习网络推广知识，就来广西网络推广。

上一篇：原创力将四川省互联网产业链产业链安全情形安全
下一篇：做网络营销必须知道了解网络的特点和网络营销形式呢？