1. 云裂变
  2. 营销
  3. 网站运营
  4. 网页设计中按钮焦点怎么设计?

网页设计中按钮焦点怎么设计?

作者: 日期:2019-07-25 人气:151

当我们访问大多数网站时,我们经常会有一个目标。为了达到这个目的,通常需要采取一系列步骤,第一步开始是点击CTA(号召性用语)按钮。想想上次注册一个服务或下载一个应用程序时,这个过程可能包括一个与号召性用语的交互。

CTA按钮是您在网站中使用的按钮,用于指导用户进行目标转换。CTA的全部内容是将您的网站访问者引导到所需的操作过程。CTA的一些常见例子包括:

“开始审判”

“下载应用程序/书/指南”

“注册更新”

“咨询”

本文我们将讨论设计CTA按钮的5个实践以及的现实世界示例,以帮助您从着陆页获得多的点击。

目视敲击按钮

你的按钮颜色很重要。事实上,如果你只想从这篇文章中获得一个建议,应该是这样的:“考虑你的CTA按钮颜色”。使用颜色,您可以通过给予他们更多的视觉突出来使某些按钮比别人更突出。

使用对比色

对比颜色适合CTA按钮,使用对比色可以创建出色的醒目按钮。您应该从网页的配色方案中选择一种对比色,同时仍然符合整体设计。请考虑下面的Firefox示例。Firefox页面上的CTA按钮的绿色正在跳出页面,并立即获得用户关注。

Firefox CTA按钮是明亮的绿色,在深蓝色的背景下脱颖而出

Hipmunk主页上还可以找到另外引人注目的CTA按钮。明亮的橙色按钮捕捉用户的注意力并定义下一个可能的动作。

负空间

不仅颜色对于CTA是重要的,还包括它周围的空间。空白(或负空间)创建必要的呼吸空间,并将您的CTA按钮与用户界面中的其他元素分开。旧的Dropbox主页是使用负面空间来制作主要CTA弹出的一个很好的例子。蓝色的“免费注册”CTA脱颖而出,背离了浅蓝色。


网页设计中按钮焦点怎么设计?


面向行动的文本

为您的号召性用语撰写文字,强制您的访问者采取正确的行动不是一件容易的事情。幸运的是,有几件事可以帮助你做到这一点:

从动词开始

您应该避免对CTA按钮的“输入更多信息”等模糊而无聊的词语,并将其替换为更多的面向行动的单词,例如“开始免费试用”或“现在获得折扣”。Evernote具有常见的功能之一,但仍然为其CTA按钮工作面向行动的文本。

从“开始”,“获取”或“加入”开始,

Treehouse主页上可以找到一个更有趣的例子。Treehouse网站的CTA不仅仅是说“开始免费试用”; 它说“声称您的免费试用”。措辞的区别可能看起来很微妙,但“声称您的免费试用”听起来更加个人化。

使用简单和容易理解按钮的文本

如果他们点击CTA,请确保访问者将获得什么。理想情况下,您希望将按钮文字保持在两到五个字之间。

增加价值主张

很可能你已经注意到,许多按钮在其副本中都有“免费”这样的字眼,这并不是巧合,在按钮复制中使用这样的词语强调了您的报价的价值主张。因此,在编写CTA时,尝试找到一种整合一个(或全部)3个说服性词语的方法:

自由

奖金

即刻

让我举个例子:用户之前一直担心要注册一些东西,那就是如果他们不喜欢这个服务,那么取消订阅会很痛苦。Netflix解除了在“免费加入一个月”CTA旁边的承诺“随时取消”的担忧。

创造紧迫感

在CTA按钮中构建紧迫感可以产生令人印象深刻的点击率。例如,您可以使用按钮文字,例如“注册,仅限今天享受25%折扣!”限制某人做出决定的时间让人们想要提出要约。


网页设计中按钮焦点怎么设计?


有用的文本

有时您可能需要考虑在按钮文本中添加额外的信息。这种做法是免费试用按钮的常见问题。例如,免费试用按钮可能会在CTA按钮下方的“开始免费试用”文本中的较小文本中显示“30天试用,无信用卡”。这个额外的文字应该可以减轻决策过程。

使其可见,无需滚动

您的号召性用语按钮的位置与颜色和消息一样重要。CTA按钮应位于易于查找的位置,可以从网页的流程有机地跟随。您应该尝试将CTA按钮保留在折叠上方,以便用户不要错过它。理想情况下,您的CTA按钮应该是用户在到达页面时首先看到的。额外的信息应该保持在折叠之下,它仍然可以访问,但不会分散注意力。

大圆形圆角

想想设计如何交流能力。用户如何将元素理解为按钮?使用形状和大小使元素看起来像一个按钮。

使它足够大

CTA应该足够大,可以从远处看到,但不能太大,以至于减少页面上主要内容的注意

用户按钮与圆角

按钮的形状可以起到很大的作用。这是一个 证明的事实,圆角在眼睛上更容易。在ContentVerve的测试中,圆角的绿色按钮比蓝色矩形更好。

更少是更多当它来到选择

请记住,如果您希望客户采取行动,您必须协助他们,从他们的方式中删除所有可能的障碍。当用户被给予太多选择时,往往会被困惑。所以,好只为潜在客户提供一个选择。

如果您仍然希望包含多个按钮选择,请选择其他选项,以帮助用户转向特定的路径。一个很好的例子是Evernote:一旦你到了Evernote的主页的底部,很明显,一个优选的选择是“免费注册”,而用于比较计划的CTA是次要的。

为了实现有效的CTA设计,您不仅需要考虑按钮本身。考虑背景颜色,周围图像,周围文字和其他许多元素也很重要。了解这些元素的重要性,并为其着陆页设计了完美的布局。

内容标签:

热门文章

    现在很多企业都着手于做重庆seo排名,因为SEO是获取精准流量比较稳定且长期发展好的方式之一,同时也能提升自身企业的品牌形象,因为SEO本身就是基于用户体验优化而做的,因此做好SEO

6936

网络营销时代,软文营销已成为企业传播品牌、促进订单转化的重要手段。不同于硬广形式,软文营销的精华就在于“软”字,即广告绵里藏针,要在能提供给用户有价值内容的基础上进行广告

 文库营销指的是借助一些文库平台上传文档,通过知识分享来做品牌营销,目前常见的文库平台有百度文库、360图书馆、道客巴巴、豆丁文库等。文库营销对文档质量要求较高,需要用户自

网站对于很多的企业来说,不仅仅是业务的渠道拓宽,也是多一个网站推广的途径和客户渠道等,很多的企业虽然有自己的网站,但是重视程度不够,很多的企业都只依靠网站就能够养活一个公

3414

企业品牌推广对于企业的生存来说是极其重要的,如果没有一个好的推销渠道的话,可能就会让自己的商品卖不出去。在新闻中总是看到哪儿有什么产品卖不出去了,形成滞销,让个人或是企业

3369

一方面,不同客户的建站需求不同;另一方面,网站建设人员的技术水平高低不一;同时,时效、地域因素也会对建站成本有所影响。所以网站建设的报价暂时没有统一标准,建设费用更是从几

3194

最先剖析要散播的目的客户人群的陋习与话动范畴; 精心安排合乎网民爱好的论坛推广时件或话动; 积淀论谈有关社交圈子資源,会对进行论坛推广出示挺大适用; 搞好数据分析,以知道论坛推广的成功失败之举,加以改进。

人们常常会遇上有些人做论坛推广的当时,以便能短期内内看到作用,就在每个论谈网站上注冊很多的id,花两三天的時间就把各大论坛上贴的浓浓的全是软广,可是隔过段时间回来看,以前公布的全部贴子都被删的干净整洁,情况严重将会注冊的id也被封的干净整洁,而针对这类人只有说成爱好者的论坛推广技巧了。在进到这一议论以前,人们看一下自身是不是存有那样的难

在互联网高速发展的今天,在众多同行品牌的强势竞争下,新品牌想要打开市场并不是一件容易的事儿。但不推广就难以生存,那么我们应该如何做好新品牌推广,快速打开市场?云裂变徐国

3087

现在的推广营销方式与以前比起来可是多了不少,放在以前也就是还没有网络的时侯,商品商家和生产厂家想要把自己生产的和自己销售的产品或是商品成功推销出去那可就得想想办法了。比如

3071

一个生产企业想要发展必须要创立自己的品牌,在人们购买东西讲究牌子的今天,如果你所生产的产品连个牌子都没有,恐怕会无人问津的。但是,有了品牌,对于小公司来说若是得到消费者的

3050

说起网络营销,让人们想起了网上购物,比如在刚过去的520,就是一波网购的热潮,各种打折促销返利活动让许多人心动,看花了眼。又比如每年的双11、在双12的网上促销活动可谓是一年之内

3019

很多企业在官网搭建完成之后,便放任不管,既不更新内容、也不做任何的排名优化,最后网站没排名、没流量、没访客;即使有排名、有流量导入,但是跳出率极高,依然产生不了任何效益。

2997

随着网络营销、全网覆盖等口号喊得越来越响,现在有不少的企业做网络营销都是被同行带起来的,本质上对网络营销推广的作用都了解不多。那么网络推广好在哪?为什么一定要做好网络推广

论坛推广就是,企业利用论坛这种网络交流的平台,通过文字、图片、视频等方式发布企业的产品和服务的信息,从而让目标客户更加深刻地了解企业的产品和服务。最终达到企业宣传企业的品牌、加深市场认知度的网络营销活动。1、电子公告板(BBS)是虚拟网络小区的要素方法,小量的交流信息全是历经BBS进行的,vip历经贴到消息也许回应消息抵达互相联系的目地。一些简

随着社会的发展和人们消费观念的改变,现在人们的消费已经从单纯的商品能使用消费阶段到了商品品牌消费阶段了。在进行商品购买时总是看商品的品牌,就拿一些年轻人来说吧,对于耐克、

2937

受互联网大趋势影响,很多传统企业纷纷着手布局网络营销,考虑到企业自身在营销经验上有欠缺,不少老板会选择找全网营销外包公司合作,这个时候就会出现很多选择难题。比如说找了10家

2930

百科营销是一种以权威知识分享的形式对企业做有目的性的品牌宣传,可以有效提高潜在客户对企业品牌或产品服务的信任度及认可度,最终达到提升企业品牌知名度美誉度的双重作用。那么百

护肤品作为当下大受女性追捧的快消品,行业竞争激烈,且更新换代尤其迅速。那么如何在如此变幻莫测的市场竞争中占领高地呢?这自然少不了大面积的营销推广(包括线上和线下),下面全

一、前端seo代码优化注意事项1、提高页面加载速度。CSS可以用来解决不使用背景图片的问题,也可以尝试压缩背景图片的大小,你可以在一张图片上放置几个图标,使用CSSsprite,使用背景位置

2817

最新文章