Skip to content

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

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

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

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

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

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

简洁导航,控制链接

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

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

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

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

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

构成布局元素的数量

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

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

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

首屏三分法

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

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

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

布局留白

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

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

说明:上图截取古驰网页,来源网址https://www.gucci.cn/zh

广泛应用于网页banner设计及版面布局,及文本字间距行间距设计中。

布局留白控制也要求我们在网页上只放置必要元素,多余的元素只会使访问者疑惑,增加网站使用的困难。留白控制能使网站看起来简单,越简单的东西人们越利于使用。

将关联内容靠近摆放

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

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

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

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

行动号召采用双按钮布局

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

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