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

2022-05-02 分类：网站建设

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

不论是下载档案、订购商品，或导引到其他网页，只要一个按钮，就能让消费者完成你期望的动作。当消费者来到门口，按钮就是关键的临门一脚。按钮的设计没有规定的标准，最好能配合网站内容与整体设计，不过电子商务资讯网站 Econsultancy 和 Shopify 提供了一些重要的基本原则。
强烈对比的颜色
使用对比色或明亮颜色（如下图），让按钮跳脱背景色。由于不同色彩有不同联想，例如红色会制造紧张感、蓝色让人冷静，所以色彩的运用也须考量其关联性，并与网页色彩搭配。记住，吸睛不代表使用夸张的色彩和干扰阅读的动画。

资料来源：Shopify
具动作性的用词
在按钮中使用简单明了的动词，让消费者明确知道点这个链接的作用。最常见的包括「购买」、「加到购物车」或「下载」等用语。记住，简单明了就够了。
一眼就看到的大小
按钮要多大才算够看？ Econsultancy 认为愈大愈好，不过最好还是搭配页面设计，才不会坏了整个画面协调度。不过也有例外情况，必要时即使多占些版面也没关系。瞧瞧下图 Firefox 的按钮，是不是不去看到都不行？

资料来源：Econsultancy
放在显眼的位置
人人都知道按钮应该放在显眼的地方，但哪里才够显眼呢？价格下方或产品清单右边是最常见的位置。由于消费者已经习惯在固定位置看到按钮，所以不要为了标新立异而把按钮摆在奇怪的地方，以免聪明反被聪明误。
当页面内容很繁杂时，即使按钮的设计再好，也可能被内容淹没。在按钮周围放些留白可以改善这个问题。
可以的话，尽量让消费者不须下拉网页就能获得必要资讯，方便使用者直接点旁边的按钮。如果网页内容又多又长，可以在网页上、下方都置入按钮。千万别让消费者为了一个按钮拉来拉去。
突显按钮的重要性
网页上有多个不同用途的按钮时，例如「立即购买」、「下载试用版」等，可以依按钮重要性来设计，以突显主要与次要的按钮。例如 AVG 使用亮橘色呈现最重要的「立即购买」钮，跟其他按钮做区隔（下图）。消费者不仅能一眼就看到，还能持续保持注意力。

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

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

资料来源：Econsultancy
看似微不足道的按钮，若能掌握上述设计原则，把使用者介面 (UI) 最优化，将能把成交率发挥大化效果，因此每一个按钮都值得被细心对待。

本文名称：用网页按钮形式提高网页转换率
文章转载：https://www.cdcxhl.com/news/149328.html

成都网站建设公司_创新互联，为您提供云服务器、静态网站、网站内链、App开发、微信小程序、营销型网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容