src="/js/jquery-1.11.0.min.js">

新云顶官方网站·yd11888·欢迎您

新云顶官方网站·yd11888 type="text/javascript" src="/js/JQuery.js"> type="text/javascript" src="/js/ajax.js">
0574-87675251
Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

您的公司想拥有一个属于自己的网站吗?您可以填写右边的表格,让我们了解您的网站需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!

易商世纪互联

地 址:宁波市镇海区骆驼街道镇海大道中段432号鼎信大厦1502室

电 话:0574-87675251

传 真:0574-87675131

E-mail:yishang@yiso.cn

填写您的项目信息

关闭

网站建设之15条网页设计原则,将提高您的转化率

      许多因素都会直接影响您网站的转化。但是,网页设计是其中最重要的。我们得到的第一印象是视觉和决定性的。因此,如果您想提高网站的转换率,则首先要进行网页设计。

      在本文中,我们汇总了可以帮助您完成此任务的基本原理和技巧。

      确保您的Web设计响应灵敏且移动友好


      移动流量的份额正在增长,并将在2020年增长。研究表明,如果不可能通过移动设备执行必要的操作,则大多数用户将拒绝与该品牌进行交互。因此,在更改网站设计以获得更多转化之前,请确保网站在移动设备上正确显示,并且用户在使用过程中不会遇到绊脚石。

      怎么做?一切都取决于您创建网站的方式。例如,WordPress和其他流行CMS上的网站从创建之日起便会做出响应。但是,对可用性的额外测试不会过多。


      根据希克定律给较少的选择


      该法则表明,较少的选择可以提高决策的速度,反之亦然。例如,如果您在主页上一次使用三个号召性用语,例如,在网站上注册,获得折扣并下载一本电子书,那么用户将很难决定先采取哪个操作。按照逻辑顺序安排这些号召性用语会更加合理,因为它们已被列出并为用户提供了上一个操作之后的下一个操作。

      您在页面上显示的产品数量也是如此。您不应向用户展示所有适合其搜索查询的产品-最好显示五个最合适的选项并允许使用过滤器继续搜索。

      添加全屏网站大门


      考虑在用户将主页滚动到特定点时显示全屏销售线索表单的可能性。首先,全屏表单将吸引所有用户的注意,并且不会让他被站点的其他元素所干扰,其次,这只是我们之前讨论的选择可能性。因此,用户仅收到两个选项。首先是关闭销售线索表格并继续与站点进行交互。第二个是给您他的电子邮件地址,以换取您的报价。

      将最重要的点放在交叉路口


      您可能知道摄影的主要规则之一-三分法则。根据此规则,两条线在视觉上将屏幕水平和垂直划分,从而形成九个正方形。因此,屏幕中心的线的四个交点是用户的关注中心,这就是为什么应将基本信息(如号召性用语)放置在此处的原因。

      优化您的网站加载速度


      此项与设计直接相关,因为您的页面可能会因为过多的图片而超载,从而减慢了网站的加载速度。删除所有不必要的内容并优化关键图像。据统计,最佳站点加载速度为2到5秒。在这种情况下,您需要争取一个更低的指标,因为40%的用户表示他们将关闭一个加载时间超过三秒钟的网站,这意味着您每次网站速度下降时都将失去潜在的潜在客户。

      使用负空间获得积极结果


      Jan Tschichold说,负空间应该被视为一个主动元素,而不是一个被动背景。距离和注意力之间存在联系。更大的距离吸引了人们的注意,而其他元素的缺失则更能区分现有元素。设计人员可以使用此space属性突出显示重要元素。在内容的特定片段上添加空格会使用户关注此区域,这仅仅是因为屏幕上没有其他东西可以吸引注意力。在下面的示例中可以看到,Google在其项目中大力支持空白。它有助于立即了解该项目的目的:重点在于页面的主要目标。

      选择正确的颜色以建立适当的关联


      不幸的是,关于哪种颜色转换效果更好,没有统一的建议。一切都取决于您的业务细节。例如,白色和蓝色会带来稳定性和可靠性。因此,贝宝使用此组合来形成正确的关联。

      如果您不确定您的色彩是否正常工作,请回到色彩心理学的起源,然后重新检查您公司的价值观并找到最合适的搭配。

      此外,对于按钮的颜色,它们的转换效果差强人意也有不同的看法。按钮的正确颜色是一个古老的哲学问题。有人声称,通过红色按钮可以实现最高的转化率。其他人则说绿色或蓝色。正确的答案听起来像这样(与市场营销和设计中的许多其他答案一样):“它需要进行测试。” 因此,选择一种与设计的原色形成对比的按钮颜色,并进行一些测试以了解哪种颜色可以更好地转换。

      使用一张大图片而不是几张小图片


      正确的图像可以说出多个文本段落。因此,请在网站设计中使用视觉感知和情感的力量。例如,您可以将图像设置为网站的背景,然后将所有元素放置为遵循网页设计的基本规则。顺便说一下,它也有助于提高转换率。

       而且,这种方法促进了简约和极简主义,这是近年来的趋势,正确选择的图像会唤起必要的情感和联想。反之亦然,正如我们所说,太多的图像会使选择变得更加复杂,并分散了用户的注意力。

      摆脱与设计无关的所有事物


      换句话说,力求最大程度的简化。在现代的信息噪声中,简单性和清晰度已成为真正的不足。研究表明,有76%的用户认为简单性是网站设计的主要决定因素。在这里,您需要在简单性,简约性和功能性之间保持平衡,因为简单性还提供了几次单击即可找到用户需求的机会。

       使用面孔和其他社会证明


       不幸的是,Internet上充斥着虚假评论,并且毫无疑问您的用户也对此有所了解。因此,您需要立即为他们提供这个机会,而不是强迫他们搜索有关您的产品或服务的反馈(竞争对手可能会写这些反馈来破坏您的业务)。

       因此,请考虑网站设计的方式,使您可以在页面末尾添加一些真实的评论(甚至更好的轮播)。并且一定要使用在世人员(最好是您的真实客户)的照片来营造有力的社会证据的印象。

       简化导航


       您可能已经看到了包含一百万个类别的网站,并且根本不可能在第一次尝试中选择正确的部分。而且如果以前,用户仍然花时间进行这种搜索,那么今天他们希望无需其他操作即可查看所需信息。

       因此,请重新考虑您浏览网站的方法,减少类别的数量,删除所有不必要的内容并仅保留最重要的部分。正如我们已经说过的那样,所有选择范围都会使决策复杂化,或者通常会迫使用户离开页面并将任务推迟到以后。

       集成成就计数器


       这是一种引发下意识反应的心理技巧-人们倾向于相信统计数据。这是另一个通过建立信任和创造可靠性印象来提高转化率的机会。但是有一个关键点。还记得我们谈论过三分法则和战略交叉点的规则吗?这些正是您需要进行统计的位置,以便它们成为关注和感知的中心。

       给人为的缺陷留下印象


       营销人员不同意这种销售策略,但对于快速和季节性销售,此方法仍然适用。因此,如果您有季节性或促销性报价,或者您正在测试对新产品的兴趣,则可以创造出一种稀缺的错觉,并在设计的帮助下反映这种情况。例如,您可以设置一个倒数计时器,然后再次将数字放在访问者注意的焦点上。

       但是,您仍然需要在此处正确放置号召性用语按钮。在这种情况下,最好遵循Z方案。

       用户的注意力沿上水平线向斜下方滑动,并转到底部的信息。将徽标水平放置在标题的左上角。右下角是号召性用语的理想之地。

       减少必要步骤


       您可以正确地注意到,这是UX设计人员的责任,但是实际上,只有Web和UX设计人员必须共同努力才能获得单一结果时,情况才是如此。用户体验设计是另一个直接影响转换的因素,用户与目标操作之间的分离步骤越少,完成目标操作的可能性就越大。

       因此,您需要再次确保他需要的信息或产品距离单击不超过三次。

       确保正确的行动呼吁


       要提高网站的转化率,请在提出号召性用语时使用三分法则和Z方案。如果您要复制号召性用语,则可以增强对号召性用语的认识–在线条的交点和页面右上角,字母Z的顶行结束。因此,用户的注意力将首先停在右上角,然后沿对角线向下滑动并直接停留在左侧线的交点的战略点。

       最小化用户输入


       现代用户非常不耐烦,我们已经在段落中讨论了加载页面的速度。而且没有人愿意浪费时间,尤其是在移动设备上,因此大量的填写表格可能会扼杀您的转化。因此,请查看您的注册表格,仅保留三行-输入名称,电子邮件地址和密码,并添加通过Google和Facebook注册的功能。

       结论


       如您所见,许多技巧都会影响转化。但是,要记住的最重要的一点是,任何新方法都应该在用户身上进行测试。每个业务和每个目标受众都是特定的;因此,没有关于在设计中使用哪些模板来增加转化的模板说明。此外,设计是转换(或不转换)的第一个但不是最后一个因素,这也需要记住。
src="/js/shkj.js">
拔打电话免费咨询

与我们合作

与易商合作,您将会得到更成熟的网站建设服务。

建站咨询热线:

宁波大市区:0574-87675251

慈溪 / 余姚:0574-23670061

src="/js/jquery.nicescroll.min.js"> src="/js/base.js"> src="/js/index.js">
Baidu
sogou