用网页按钮形式提高网页转换率
想像你在网路商店上看到了喜欢的商品,却因为网页上没有购买按钮,只好带着无奈又不满的情绪,投向其他网站的怀抱。许多电商业者的网站虽然成功吸引大批流量,但成交率却不高,为什么?很多时候就是少了有效的支付按钮(Call to Action, CTA)。
不论是下载档案、订购商品,或导引到其他网页,只要一个按钮,就能让消费者完成你期望的动作。当消费者来到门口,按钮就是关键的临门一脚。按钮的设计没有规定的标准,最好能配合网站内容与整体设计,不过电子商务资讯网站 Econsultancy 和 Shopify 提供了一些重要的基本原则。
强烈对比的颜色
使用对比色或明亮颜色(如下图),让按钮跳脱背景色。由于不同色彩有不同联想,例如红色会制造紧张感、蓝色让人冷静,所以色彩的运用也须考量其关联性,并与网页色彩搭配。记住,吸睛不代表使用夸张的色彩和干扰阅读的动画。
资料来源:Shopify
具动作性的用词
在按钮中使用简单明了的动词,让消费者明确知道点这个链接的作用。最常见的包括「购买」、「加到购物车」或「下载」等用语。记住,简单明了就够了。
一眼就看到的大小
按钮要多大才算够看? Econsultancy 认为愈大愈好,不过最好还是搭配页面设计,才不会坏了整个画面协调度。不过也有例外情况,必要时即使多占些版面也没关系。瞧瞧下图 Firefox 的按钮,是不是不去看到都不行?
资料来源:Econsultancy
放在显眼的位置
人人都知道按钮应该放在显眼的地方,但哪里才够显眼呢?价格下方或产品清单右边是最常见的位置。由于消费者已经习惯在固定位置看到按钮,所以不要为了标新立异而把按钮摆在奇怪的地方,以免聪明反被聪明误。
当页面内容很繁杂时,即使按钮的设计再好,也可能被内容淹没。在按钮周围放些留白可以改善这个问题。
可以的话,尽量让消费者不须下拉网页就能获得必要资讯,方便使用者直接点旁边的按钮。如果网页内容又多又长,可以在网页上、下方都置入按钮。千万别让消费者为了一个按钮拉来拉去。
突显按钮的重要性
网页上有多个不同用途的按钮时,例如「立即购买」、「下载试用版」等,可以依按钮重要性来设计,以突显主要与次要的按钮。例如 AVG 使用亮橘色呈现最重要的「立即购买」钮,跟其他按钮做区隔(下图)。消费者不仅能一眼就看到,还能持续保持注意力。
资料来源:Econsultancy
制造急迫性
所谓物以稀为贵,「限时抢购」、「库存有限」或「立即下单即享免运费服务」等文字会挑起消费者的购买欲。 ConversionXL 研究发现,营造急迫性可以让成交率提升332%。将这类型文案搭配上述设计的按钮,将会有意想不到的效果。
资料来源:Shopify
适用各种装置
在多萤时代,网络营销必须通盘考量各种平台。因此,不论是pc版或移动版网页上的按钮,都必须一样醒目、好操作。英国保险公司 Direct Line 的 iPad 网页,就让按钮以平板装置消费者习惯的滑动方式来运作(如下图)。
资料来源:Econsultancy
看似微不足道的按钮,若能掌握上述设计原则,把使用者介面 (UI) 最优化,将能把成交率发挥最大化效果,因此每一个按钮都值得被细心对待。
- 基于用户创新
界面设计日新月异,梦创义坚持基于用户需求的界面创新设计……
- 服务设计思维
互联网的格局发生的改变,在我们进行设计服务时更是考虑不同用户、不同……
- 洞察用户心理
洞察用户有意识和无意识的行为以及心理特征通过构造一系列的服务来促进……
- 查看更多 >>
最新新闻Latest News
- 中小型企业网站建设完应该如何营销
- 很多中小型企业往往纠结于以下10个问题:一、我们起步比别人晚,我们的……
- 做企业网站到底做给谁看?
- 设计经常时不时的遇到一些企业客户,常常搞不清楚谁会真正看你的企业网……
- 传统企业进军移动互联网,从移动云网站开始
- 移动互联网是移动通信和互联网融合的产物,其发展的重要基础便是智能手……
- 网站建设和运营五大细节决定用户黏性
- 网站的成功离不开搜索引擎优化,更离不开最基础最根本的用户群体,如何……
- 2015年值得关注的电子商务5大趋势
- 线上线下销售的界线正在变得越来越模糊。在2015年,这一趋势仍将继续。……