15 条网页设计原则将提高你的转化率
已发表: 2020-03-23许多因素对您网站的转化有直接影响。 然而，网页设计是其中最重要的。
我们得到的第一印象是视觉和决定性的。 因此，如果您想提高网站的转化率，那么网页设计是首先要开始的地方。
在本文中，我们汇总了可帮助您完成此任务的基本原则和技巧。
确保您的网页设计具有响应性和移动友好性
移动流量的份额正在增长，并将在 2020 年增长。研究表明，如果无法通过移动设备执行必要的操作，大多数用户将拒绝与品牌互动。 因此，在对网站设计进行更改以获得更多转化之前，请确保网站在移动设备上正确显示，并且用户不会在其路径中遇到绊脚石。
怎么做？ 一切都取决于您创建网站的方式。 例如，WordPress 和其他流行的 CMS 上的网站从创建的那一刻起就会做出响应。 但是，对可用性的额外测试不会过度。
根据希克定律给予更少的选择
该定律表明，更少的选择会提高决策速度，反之亦然。 例如，如果您在主页上一次使用三个号召性用语，例如在网站上注册、获得折扣和下载电子书，那么用户将很难决定先采取哪个行动. 将这些号召性用语按逻辑顺序排列会更合理——因为它们被列出并在前一个动作之后为用户提供下一个动作。
您在页面上显示的产品数量也是如此。 您不应该向用户显示所有可能适合其搜索查询的产品——最好显示五个最合适的选项并允许使用过滤器继续搜索。
添加全屏网站大门
考虑在用户将主页滚动到某个点时显示全屏潜在客户表单的可能性。 首先，全屏形式会吸引用户的所有注意力，不会让他被网站的其他元素分心，其次，这只是我们之前谈到的选择可能性。 所以用户只收到两个选项。 首先是关闭潜在客户表单并继续与站点交互。 第二个是给你他的电子邮件地址以换取你的报价。
将最重要的点放在交叉点上
你可能知道摄影的主要规则之一——三分法则。 根据这个规则，两条线在视觉上将屏幕水平和垂直划分，形成九个正方形。 因此，屏幕中心的四个线条的交点是用户的注意力中心，这就是为什么要在此处放置诸如号召性用语之类的基本信息的原因。
优化您的网站加载速度
此项目与设计直接相关，因为您的页面可能会因大量图片而超载，从而减慢网站的加载速度。 删除所有不必要的内容并优化关键图像。 据统计，最佳的网站加载速度为两到五秒。 而在这种情况下，你需要争取更低的指标，因为 40% 的用户表示他们会关闭一个加载时间超过 3 秒的网站，这意味着每次网站变慢时你都会失去潜在的领先优势。
使用负空间来获得积极的结果
Jan Tschichold 说，负空间应该被视为一种积极的元素，而不是一种消极的背景。 距离和注意力之间存在联系。 更大的距离会吸引注意力，而其他元素的缺失则更能区分现有元素。 设计师可以使用这个空间属性来突出重要元素。 将空格添加到内容的特定部分会使用户关注该区域，因为屏幕上没有其他内容可以吸引注意力。 正如您在下面的示例中所见，Google 是其项目中留白的大力支持者。 它有助于立即理解这个项目的目的：重点是页面的主要目标。
选择正确的颜色来建立适当的关联
不幸的是，没有关于哪种颜色转换效果更好的通用建议。 一切都取决于您的业务细节。 例如，白色和蓝色给人一种稳定和可靠的感觉。 因此 PayPal 使用这种组合来形成正确的关联。
如果您不确定您的颜色是否正确，只需回到营销中色彩心理学的起源，并重新检查您公司的价值观并找到您的完美搭配。
此外，对于转换得更差或更好的按钮颜色有不同的看法。 按钮的正确颜色是一个古老的哲学问题。 有人声称通过红色按钮实现了最高的转化率。 其他人说绿色或蓝色。 正确答案听起来像这样（就像营销和设计中的许多其他答案一样）：“它需要进行测试。” 因此，选择与设计的原色形成对比的按钮颜色，并进行一些测试以了解哪种颜色转换效果更好。
使用一张大图而不是几张小图
一张正确的图片可以说不止几段文字。 因此，在您的网站设计中使用视觉感知和情感的力量。 例如，您可以将图像作为网站的背景，然后按照网页设计的基本规则放置所有元素。 顺便说一句，它也有助于更好的转换。
此外，这种方法提倡简约和极简主义，这是近年来的趋势，正确选择的图像会唤起必要的情感和联想。 反之亦然，正如我们所说，太多的图像会使选择变得更加复杂并分散用户的注意力。
摆脱与设计无关的一切
换句话说，争取最大程度的简单。 在现代大量的信息噪音中，简单和清晰已成为真正的不足。 研究表明，76% 的用户认为简单是网站设计的主要决定因素。 在这里，您需要在简单性、极简主义和功能性之间保持平衡——因为简单性也是通过几次点击找到用户需要的机会。
使用面孔和其他社交证明
不幸的是，互联网上充斥着虚假评论，不要怀疑您的用户也知道它。 因此，与其强迫他们搜索有关您的产品或服务的反馈（可能由您的竞争对手编写以破坏您的业务），您需要在现场给他们这个机会。
因此，以这样一种方式考虑网站设计，以便您可以在页面末尾附近放置一些真实的评论（甚至更好的是轮播）。 并且一定要使用活人（最好是你真正的客户）的照片来营造强有力的社会证据的印象。
简化您的导航
您可能已经看到包含一百万个类别的网站，并且在第一次尝试时根本不可能选择正确的部分。 如果以前，用户仍然会花时间进行此类搜索，那么今天他们希望在不采取额外操作的情况下查看他们需要的内容。
因此，请重新考虑您浏览网站的方法，减少类别数量，删除所有不必要的部分，并仅保留最重要的部分。 正如我们已经说过的那样，各种选择会使决策复杂化，或者通常会迫使用户离开页面并将任务推迟到以后。
集成成就计数器
这是一种触发潜意识反应的心理技巧——人们倾向于相信统计数据。 这是另一个通过建立信任和营造可靠印象来提高转化率的机会。 但是有一个关键点。 还记得，我们讨论过三分法则和战略交叉点吗？ 这些正是您需要放置统计数据的地方，以便它们处于关注和感知的中心。
创造人为赤字的印象
营销人员不同意这种销售策略，但对于快速和季节性的销售，这种方法仍然是合适的。 因此，如果您有季节性或促销优惠，或者您正在测试对新产品的兴趣，那么创造稀缺的错觉并在设计的帮助下反映这一点是有意义的。 例如，您可以设置倒数计时器，然后再次将数字放在访问者注意力的焦点上。
但是，在这里您仍然需要正确定位号召性用语按钮。 在这种情况下，最好按照 Z 方案执行此操作。
用户的注意力沿着上水平线，斜向下滑动，到底部的信息上。 在左上角，水平放置徽标 - 标题。 右下角是号召性用语的理想位置。
减少必要步骤的数量
您可以正确地注意到这是 UX 设计师的职责，但在实践中，这只是 Web 和 UX 设计师必须一起工作以获得单一结果的情况。 UX 设计是另一个直接影响转化的因素，将用户与目标操作分开的步骤越少，完成它的可能性就越大。
因此，您需要再次确保他需要的信息或产品不超过三下点击。
确保您的号召性用语在正确的位置
为了提高您网站的转化率，请在发出号召性用语时利用三分法和 Z 方案。 如果你复制它，你可以增强对行动号召的感知——在线条的交叉处和页面的右上角，字母 Z 的顶行结束的地方。 这样，用户的注意力会先停在右上角，然后斜向下滑动，直接停留在左侧线条的关键交点处。
最小化用户输入
现代用户非常不耐烦，我们已经在加载页面速度的段落中谈到了这一点。 一个巨大的填写表格可能会扼杀你的转化，因为没有人愿意浪费时间，尤其是在移动设备上。 因此，请查看您的注册表并只留下三行 - 姓名、电子邮件地址和密码，并添加通过 Google 和 Facebook 注册的功能。
结论
如您所见，许多技巧会影响转换。 但是，要记住的最重要的事情是，任何新方法都应该在用户身上进行测试。 每个企业和每个目标受众都是特定的； 因此，没有关于在您的设计中使用什么来增加转化率的模板说明。 此外，设计是转换（或不转换）的第一个但不是最后一个因素，这也需要记住。