提高客户转化的网页布局方法

网站建设:提高客户转化的网页布局

能把目标访问者转换成客户的网站不仅有良好的外观设计,也不仅是说服式的内容组织,还需要一些更深入的研究。

依据的交互设计和心理学理论、以及采用A/B测试热力图等工具分析访问者的过程中,不断总结出提高网站客户转化的网页布局理论。

本文客户转化指通过网站把访问者转化为客意向户。对于B2B网站来说,从网站获得电话咨询或收到来自网站的邮件邀约,那么网站实现了客户转化。对于B2C网站,新客户购买产品及老客户重复消费是客户转化的重要指标。

潜在客户对您的产品和服务感兴趣。这些群体也会同时比较多家企业,访问多个网站。纯粹以说服为目的的页面是否能为访问者带来舒适体验?是否能够达到转化目的?这有待数据证明。但以下布局设计方法将为网站提升客户转化发挥作用。

简洁导航,控制链接

一个人面临的选择越多,所需要作出决定的时间就越长。 希克法则是交互设计中的七大定律之一。

心理学家希娜·艾扬格和马克·莱珀有一个著名研究:他们发现一张只展示6种果酱的展品桌比一张有24种果酱的展品桌更容易吸引人们的兴趣。

这就是希克行动法则的一个例子:行动的损失与选择的数量成比例。

在网页设计中如果要提高转换,那么给予访问者选择的机会需要减少。我们可以通过限制用户的选择数量来提高转换。首先考虑的是导航栏。显然,主导航不能有太多的链接可供选择,否则用户将降低对您网站的兴趣。

依据此原理,在着陆页设计时减去主导航,避免跳转操作。紧接着有个问题,一个内容繁多的网站如何设计简洁导航呢?这里有个原则:主要业务在主导航,其他部分作为网站底部或者侧导航处理。但是链接的数量需要控制,能够集中在一个页面阐述的问题,不再细分为多个页面。

构成布局元素的数量

在交互设计中有“7加减2法则”。意思是网页上任何一组元素的设置数量在5-9个之间。例如导航菜单个数6个,首页一组内容块的个数控制在9个以内,选项卡的设置最多不要超过9个等等。

“7加减2法则”来源于19世纪中叶,爱尔兰哲学家威廉汉密尔顿观察到:如果将一把子弹撒在地板上,人们很难一下子观察到超过7颗子弹。

用户使用网站是寻找内容,这种需求往往非常急切,请不要以为每个访问者都会像挖宝一样孜孜不倦,如果不能快速的找到自己想要看的东西,那么他们就会关掉您的页面去其他网站。控制布局中元素数量会使用户对于网站的内容一目了然,使他们确信从您的网站获得信息是件轻松的事情。

首屏三分法

三分法是一种在摄影、绘画、设计等艺术中经常使用的构图手段,有时也称作井字构图法。 三分法构图是指把画面横分三分,每一分中心都可放置主体形态,这种构图适宜多形态平行焦点的主体。

高转化网页布局设计-三分法

网页首屏等比例分为三等分,产生四个交汇点,如上图所示。这四个交汇点是人们视觉的重点,如果网站的按钮(链接)放置在它的附近,将有利于提高网站转化率。

这一理论目前被应用于网页banner的设计,及转化页按钮的放置。

布局负空间

负空间指空白的空间,帮助视线集中在主要元素上,避免视觉噪音干扰访问者获取信息。这些信息是你希望传达给浏览者的重要内容。负空间也是奥卡姆原理,被称为“简单有效原理”的应用。

古驰网页截图
古驰网页截图-来源https://www.gucci.cn/zh

在Web设计中,正空间是包含站点上所有元素的空间,而负空间是站点之间的所有空白空间。

负空间在网页设计上是一个积极的概念,因为没有它,网站将无法阅读和使用。

负空间不仅仅指构图设计还有页面上较大元素之间的空间,标题和内容之间的空间,或侧边栏和内容之间的空间。它还指页面上所有较小元素之间的空间,如段落之间的空间、文本行之间的空间,甚至字母之间的空间。

注意网站上所有形式的负空间(口语上也会称为留白),有助于保持所有东西的可读性、可扫描性。所有这些都将导致转化率增加。

将关联内容靠近摆放

格式塔设计原则认为:“整体不是各部分的总和。” 基本上,人眼和大脑对统一设计的感知方式不同于对该设计的各个组成部分的感知。

人眼/大脑喜欢将相似的物体组合在一起。它是一种机制,让我们能够理解事物和辨别嘈杂的环境。

在Web设计方面,我们通过对希望相互关联的项(如证明框、转换按钮或图像)进行分组来利用此理论。

例如,如果您有一份很有说服力的推荐语,并且想用它来提高加入表单的转化率,我们可以把它直接放在表单下面。用户会将两者联系起来,促进表单提交。

行动号召采用双按钮布局

提高客户转化的网页设计布局

研究证明,行动号召采用双按钮明显能够提升转化率。并且按钮出现在首屏偏下位置比出现在一个长页面下半部更能够提升转化。

欢迎关注新龙,了解如何获得一个专业的网站,帮助企业取得网络营销成功: