您好,欢迎到来!网站网址收录,值得选择!
--企业目录:导航呀 » 资讯 » 资讯文章 » 优化推广 » 文章详细

怎样设计一个访客看了就想点的行为引导按钮?

来源:本站原创 浏览:366次 时间:2020-08-21

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

MailChimp

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


Blue Apron

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


ManageWP

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


Spotify

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


Zillow

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


B&O Play

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


Mercy Corps

如果你在处理一项紧急的事情的时候,你还会迟疑、慢吞吞吗?Mercy Corps这个网站就营造出了一种迫切感,再加上背景图片(受灾难影响无望的人们)、醒目、严肃的标题,访客们会在第一时间直观感受到那种痛苦,更可能会点击"捐赠",尽自己的一份力。除了这种募捐的公益网站以外,其他的网站也可以营造"机不可失、时不再来"的急切感,比如使用"倒计时"或"活动即将截止"等话语让用户更快进行购买等行为。


Nest

智能家居品牌Nest是怎样突出行为引导按钮"立即购买"的呢?在Nest的主页,背景图片是一片星空,配上主要产品(节约能源的恒温器)的图片,很容易让访客联想到太空中浮动的星球。Nest很聪明的一点还在于它给用户留下了足够呼吸的空间,恰当的留白让行为引导按钮更加突出。


Skagen

Skagen是一家销售极简主义手表以及其他时尚配饰的网站。它的行为引导按钮在色彩的运用上很不一般,字体的淡蓝色和背景色很和谐,也很简约。除此以外,按性别分类做出两个不一样的行为引导按钮也有利于访客根据自己的需求快速挑选产品。Skagen还教给我们一招:如果你的公司有一款极具代表性的产品,不妨让它为自己带盐吧!


从以上这些栗子中我们可以看出,行为引导按钮是网站整体形象的一部分,可以与网站上的其他元素很好的结合在一起,不管是简要切题的文字描述还是独特的背景图片都能在一定程度上服务于行为引导按钮,让用户更有点击行为引导按钮的欲望。除此以外,网站的行为引导按钮应该清晰易见,有适合用户点击的大小,色彩的应用还有助于行为引导按钮的突出。不管怎样,一个好的行为引导按钮应该将用户放在第一位,考虑用户在互动可能想要的结果。简单直接的行为引导按钮最能获得用户的芳心。看了这么多设计,赶紧看看你的行为引导按钮是否合格吧!

推荐站点

  • 网站库网站库

    网站库是全人工编辑的开放式网站分类目录,收录国内外、各行业优秀网站,旨在为用户提供更全面的网站分类目录检索、优秀网站参考、网站推广服务、网站黄页、网上娱乐冲浪导航网站。

    www.wangzhanku.com
  • 导航啦分类目录导航啦分类目录

    导航啦分类目录-您网上冲浪导航专家!导航啦分类目录-专业提供为广大站长收录的开放式网站分类目录平台,收集国内外、各行业优秀正规网站,全人工编辑收录,为百度、谷歌、有道、搜狗、必应等搜索引擎提供索引参考, 同时也是站长推广网站值得信任选择的平台。

    www.daohangla.com
  • 网址库网址库

    网址库是免费的网站分类目录收录网站,致力于建立全面的网址库平台:免费收录网站、网址;收录国内外各行业优秀的网站网址,让你轻松畅游互联网,找到您想要的网站、信息资源;加入网址库让我们共同成长。网址库!网址酷!上网,您需要网址库! 网址大全,实用网址一网打尽!

    www.wangzhiku.cn
  • 网站库网站库

    网站库,免费网站收录,网站目录,分类目录,,免费收录国内外、各行业优秀网站。

    www.wangzhanku.cn
  • 中国知网中国知网

    中国知网知识发现网络平台—面向海内外读者提供中国学术文献、外文文献、学位论文、报纸、会议、年鉴、工具书等各类资源统一检索、统一导航、在线阅读和下载服务。涵盖基础科学、文史哲、工程科技、社会科学、农业、经济与管理科学、医药卫生、信息科技等十大领域。 CNKI工程 CNKI介绍   国家知识基础设施(National Knowledge Infrastructure,NKI)的概念由世界银行《1998年度世界发展报告》提出。1999年3月,以全面打通知识生产、传播、扩散与利用各环节信息通道,打造支持全国各行业知识创新、学习和应用的交流合作平台为总目标,王明亮提出建设中国知识基础设施工程(China National Knowledge Infrastructure,CNKI),并被列为清华大学重点项目。 CNKI 1.0   CNKI 1.0是在建成《中国知识资源总库》基础工程后,从文献信息服务转向知识服务的一个重要转型。CNKI1.0目标是面向特定行业领域知识需求进行系统化和定制化知识组织,构建基于内容内在关联的 “知网节”、并进行基于知识发现的知识元及其关联关系挖掘,代表了中国知网服务知识创新与知识学习、支持科学决策的产业战略发展方向。 CNKI 2.0   在CNKI1.0基本建成以后,中国知网充分总结近五年行业知识服务的经验教训,以全面应用大数据与人工智能技术打造知识创新服务业为新起点,CNKI工程跨入了2.0时代。 CNKI 2.0目标是将CNKI 1.0基于公共知识整合提供的知识服务,深化到与各行业机构知识创新的过程与结果相结合,通过更为精准、系统、完备的显性管理,以及嵌入工作与学习具体过程的隐性知识管理, 提供面向问题的知识服务和激发群体智慧的协同研究平台。其重要标志是建成“世界知识大数据(WKBD)”、 建成各单位充分利用“世界知识大数据”进行内外脑协同创新、协同学习的知识基础设施(NKI)、 启动“百行知识创新服务工程”、全方位服务中国世界一流科技期刊建设及共建“双一流数字图书馆”。

    www.cnki.net
  • 中国互联网博物馆中国互联网博物馆

    中国互联网博物馆是以互联网为主题的官方博物馆。作为互联网发展历史的忠实记录者,互联网科学知识的汇集普及者,互联网文化精神的弘扬传播者,以及互联网技术创新的... 中国互联网博物馆由国家互联网信息办公室、工业和信息化部、中国科学院、中国科学院、中国科学技术协会等单位指导,中国互联网络信息中心(cnnic)、中国互联网协会主办、中国科学院计算机网络信息中心、中国科学技术馆共建,是中国首家以互联网为主题的官方博物馆,旨在展现我国互联网的蓬勃发展,展示世界互联网的发展进程。在2015年12月15日正式上线,办公地点在北京。

    www.internet.cn