第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

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

时间:2017-10-30 15:17来源:A5企业专栏 作者:跌名 点击: 我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
CTA即Call to Action,又叫行为引导按钮,是一个网站的核心组成元素之一。大部分站长做网站不仅仅是为了给访客提供一个学习、交流、互动的平台,更重要的是将访客转化为用户,达成某项他

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

  CTA即Call to Action,又叫行为引导按钮,是一个网站的核心组成元素之一。大部分站长做网站不仅仅是为了给访客提供一个学习、交流、互动的平台,更重要的是将访客转化为用户,达成某项他们想要的行为,比如注册、登录、订阅、预约、购买等。好的行为引导按钮在这一点上很有帮助,它有助于提高用户的转化率,增加产品的销量。然而,现实生活中不少网站上的行为引导按钮在设计上都有一定的问题,如CTA位置放置错误或色彩对比不够突出等,无法发挥它应有的作用,减慢访客的操作速度甚至会带来最糟糕的结果:用户根本不会点击。总之,行为引导按钮在网站上扮演着十分重要的作用,一个好的行为引导按钮可以给网站带来不少益处。那么怎样的行为引导按钮才是合理的呢?小飞今天整理了十个行为引导按钮的范例,希望大家能从它们的巧妙设计或独特品质中有所收获、得到启发。

  MailChimp

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

  

undefined

  Blue Apron

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

  

undefined

  ManageWP

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

  

undefined

  Spotify

  和Blue Apron一样,Spotify也充分发挥背景图片的引导作用(众多知名歌手的简略图),在行为引导按钮处也突出自己的销售卖点:用户可以使用免费版也能够择付费版。另外主页面上的幻灯片也涵盖了Spotify音乐服务中的其他细节,用户可以点击或是滚动了解更多。不少人可能觉得这个网站的行为引导按钮不是很有创意,也没有那么突出,其实这就是Spotify的目标所在,相比意料之外的惊讶,Spotify更想让行为引导按钮足够友好,以简单的方式给予用户指引。

  

undefined

  Zillow

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

  

undefined

  B&O Play

  作为Bang and Olufsen集团旗下的一个品牌,B&O Play坚持沿用极简主义的设计,网站的首页简洁大气,行为引导按钮也是一样,黑白的配色方案,不管是"浏览更多产品"还是"立即购买"都配有一个小图标,形象直观。这样的CTA设计虽然很容易,但B&O Play维持了CTA和网站整体风格的一致,将行为引导按钮看作是整体品牌的重要组成部分之一,做到这一点实在很难得。

  

undefined

  Mercy Corps

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕