010-64928252 400-6446-365

用网页按钮形式提高网页转换率

2017-03-30



  想像你在网路商店上看到了喜欢的商品,却因为网页上没有购买按钮,只好带着无奈又不满的情绪,投向其他网站的怀抱。许多电商业者的网站虽然成功吸引大批流量,但成交率却不高,为什么?很多时候就是少了有效的支付按钮(Call to Action, CTA)。


  不论是下载档案、订购商品,或导引到其他网页,只要一个按钮,就能让消费者完成你期望的动作。当消费者来到门口,按钮就是关键的临门一脚。按钮的设计没有规定的标准,最好能配合网站内容与整体设计,不过电子商务资讯网站 Econsultancy 和 Shopify 提供了一些重要的基本原则。

  强烈对比的颜色

  使用对比色或明亮颜色(如下图),让按钮跳脱背景色。由于不同色彩有不同联想,例如红色会制造紧张感、蓝色让人冷静,所以色彩的运用也须考量其关联性,并与网页色彩搭配。记住,吸睛不代表使用夸张的色彩和干扰阅读的动画。

  

  资料来源:Shopify

  具动作性的用词

  在按钮中使用简单明了的动词,让消费者明确知道点这个链接的作用。最常见的包括「购买」、「加到购物车」或「下载」等用语。记住,简单明了就够了。

  一眼就看到的大小

  按钮要多大才算够看? Econsultancy 认为愈大愈好,不过最好还是搭配页面设计,才不会坏了整个画面协调度。不过也有例外情况,必要时即使多占些版面也没关系。瞧瞧下图 Firefox 的按钮,是不是不去看到都不行?

  

  资料来源:Econsultancy

  放在显眼的位置

  人人都知道按钮应该放在显眼的地方,但哪里才够显眼呢?价格下方或产品清单右边是最常见的位置。由于消费者已经习惯在固定位置看到按钮,所以不要为了标新立异而把按钮摆在奇怪的地方,以免聪明反被聪明误。

  当页面内容很繁杂时,即使按钮的设计再好,也可能被内容淹没。在按钮周围放些留白可以改善这个问题。

  可以的话,尽量让消费者不须下拉网页就能获得必要资讯,方便使用者直接点旁边的按钮。如果网页内容又多又长,可以在网页上、下方都置入按钮。千万别让消费者为了一个按钮拉来拉去。

  突显按钮的重要性

  网页上有多个不同用途的按钮时,例如「立即购买」、「下载试用版」等,可以依按钮重要性来设计,以突显主要与次要的按钮。例如 AVG 使用亮橘色呈现最重要的「立即购买」钮,跟其他按钮做区隔(下图)。消费者不仅能一眼就看到,还能持续保持注意力。

  

  资料来源:Econsultancy

  制造急迫性

  所谓物以稀为贵,「限时抢购」、「库存有限」或「立即下单即享免运费服务」等文字会挑起消费者的购买欲。 ConversionXL 研究发现,营造急迫性可以让成交率提升332%。将这类型文案搭配上述设计的按钮,将会有意想不到的效果。

  

  资料来源:Shopify

  适用各种装置

  在多萤时代,网络营销必须通盘考量各种平台。因此,不论是pc版或移动版网页上的按钮,都必须一样醒目、好操作。英国保险公司 Direct Line 的 iPad 网页,就让按钮以平板装置消费者习惯的滑动方式来运作(如下图)。

  

  资料来源:Econsultancy

  看似微不足道的按钮,若能掌握上述设计原则,把使用者介面 (UI) 最优化,将能把成交率发挥最大化效果,因此每一个按钮都值得被细心对待。TAG标签耗时:0.0047070980072021 秒
010-64928252/400-6446-365 我现在就想找顾问聊聊
让决策变的简单
好的开始是成功的一半
您需要一位互联网
顾问提供专业咨询
高端网站建设 · 移动端 · APP · 微信 · H5网站 · 电商平台建设
网络营销服务 · H5场景应用 · H5游戏 · 年度运营服务 · 虚拟现实