网站广告联盟 - 最好的CPA广告,弹窗广告,站长广告联盟网站

CTA实例教学:如何设计一个访客看了就想点的行为引导按钮?

更新时间:2021-09-01 11:29点击:

Nest

智能家居品牌Nest是如何突出行为引导按钮"立即购买"的呢?在Nest的主页,背景图片是一片星空,配上主要商品的图片,比较容易让访客联想到太空中浮动的星球。Nest非常聪明的一点还在于它给用户留下了足够呼吸的空间,适合的留白让行为引导按钮愈加突出。

B&O Play

作为Bang and Olufsen集团旗下的一个品牌,B&O Play坚持沿用极简主义的设计,网站的首页简单大方,行为引导按钮也是一样,黑白的色彩搭配策略,无论是"浏览更多商品"还是"立即购买"都配有一个小图标,形象直观。如此的CTA设计虽然比较容易,但B&O Play保持了CTA和网站整体风格的一致,将行为引导按钮看作是整体品牌的要紧组成部分之一,做到这一点实在非常难得。

MailChimh3

事实上,Mailchimp这个网站上有很多行为引导按钮可以作为范例解说。但,小飞最赏析其中一个立即发送的行为按钮。Mailchimp是一个提供电子邮箱推广服务的网站,不少电子商务公司选择用这个网站给他们的用户或合作伙伴发邮件。在某个公司填写好有关邮件内容时,会弹出一个"立即发送"的对话框。其实这个对话框最主要的元素就是"立即发送"的行为按钮,其他的文字和图片都是服务于这个CTA的,特别是猩猩用手点击红色按钮的图片,根本无需其他指示,用户都了解下面应该干什么。这类的行为引导按钮非常独特、非常直观,不少用户都感觉自己在按下立即发送时会获得一种前所未有些收获感。

ManageWP

ManageWP在主页面放置了"显眼的注册"按钮,巧妙地将主页面的很多元素与CTA相结合:标题简明扼要;简短的文字描述告诉用户网站的经营服务:在这更好的管理Wordpress的网站;背景图片非常有亲和力,这所有都提升了用户点击行为引导按钮的可能性。非常重要的一点是注册手续的简化,访客仅需填写一个邮箱地址就可以注册登录。这听上去是否很便捷?

Skagen

Skagen是一家销售极简主义手表与其他时尚饰品的网站。它的行为引导按钮在色彩的运用上非常与众不同,字体的淡蓝色和背景色非常和谐,也非常简洁。除此以外,按性别分类做出两个不同的行为引导按钮也有益于访客依据我们的需要迅速挑选商品。Skagen还教给大家一招:假如你的公司有一款极具代表性的商品,可以让它为自己带盐吧!

从以上这部分栗子中大家可以看出,行为引导按钮是网站整体形象的一部分,可以与网站上的其他元素非常不错的结合在一块,无论是简要切题的文字描述还是独特的背景图片都能在一定量上服务于行为引导按钮,让用户更有点击行为引导按钮的欲望。除此以外,网站的行为引导按钮应该明确易见,有合适用户点击的大小,色彩的应用还能够帮助行为引导按钮的突出。不管如何,一个好的行为引导按钮应该将用户放在第一位,考虑用户在互动可能想要的结果。容易直接的行为引导按钮最能获得用户的芳心。看了这么多设计,快来看看你的行为引导按钮是不是合格吧!

CTA即Call to Action,又叫行为引导按钮,是一个网站的核心组成元素之一。大多数站长建网站不止是为了给访客提供一个学习、交流、互动的平台,更要紧的是将访客转化为用户,达成某项他们想要的行为,譬如注册、登录、订阅、预约、购买等。好的行为引导按钮在这一点上非常有帮,它能够帮助提升用户的实际转化的比例,增加商品的销售量。然而,现实日常不少网站上的行为引导按钮在设计上都有肯定的问题,如CTA地方放置错误或色彩对比不够突出等,没办法发挥它应有些用途,减慢访客的操作速度甚至会带来最糟糕的结果:用户根本不会点击。总之,行为引导按钮在网站上饰演着十分要紧有哪些用途,一个好的行为引导按钮可以给网站带来不少益处。那样什么样的行为引导按钮才是适当的呢?小飞今天整理了十个行为引导按钮的范例,期望大伙能从它们的巧妙设计或独特品质中有所收成、得到启发。

Sh3otify

和Blue Apron一样,Spotify也充分发挥背景图片的引导用途,在行为引导按钮处也突源于己的销售卖点:用户可以用免费版也可以择付费版。另外主页面上的幻灯片也涵盖了Spotify音乐服务中的其他细则,用户可以点击或是滚动知道更多。不少人可能感觉这个网站的行为引导按钮不是非常有创意,也没那样突出,其实这就是Spotify的目的所在,相比出人预料的惊讶,Spotify更想让行为引导按钮足够友好,以容易的方法给予用户引导。

Mercy Corh3s

假如你在处置一项紧急的事情的时候,你还会迟疑、慢吞吞吗?Mercy Corps这个网站就打造出了一种迫切感,再加上背景图片、显眼、严肃的标题,访客们会在第一时间直观感觉到那种痛苦,更可能会点击"捐赠",尽我们的一份力。除去这种募捐的公益网站以外,其他的网站也可以打造"机不可失、时不再来"的急切感,譬如用"倒计时"或"活动马上截止"等话语让用户更快进行购买等行为。

Zillow

Zillow是美国一家房产信息查看公司,它号称包含了各类地产信息。这点在Zillow首页的行为引导按钮上就非常明显:买房、租房、买房或是Zillow估值服务应有尽有。这种行为引导按钮的设计实在太贴心了,用户无需到处浏览找寻信息,比较容易就可以获得想要的信息。应该没哪家公司比Zillow愈加容易暴力的了吧!

Blue Ah3ron

在Blue Apron的网站,访客也能看见各式各样的行为引导按钮。就以下图中的按钮"Choose Your Plan"为例,网站用了易读的表格,明确地表明了访客们可选的的食材,与获得这部分食物可能的花费,给用户自主规划的权利。另外,免费派送的图标非常有趣。还有非常棒的一个设计,那就是它们用了新鲜瓜果蔬菜的背景图片,这不只点明了网站的主题,还可以引起用户的食欲,视觉上也非常赏心悦目。简直扎心了!难怪Blue APron 仅用3年达成了从0到20亿USD的突破,成为美国净菜电子商务的独角兽。

上一篇:没有了 下一篇:没有了

相关阅读

官方微信公众号