欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

建站知识

网页设计中按钮焦点如何设计?

标签: 作者:融科网络 | 点击:
07

Sep
2019

导语
当我们访问大多数网站时,我们经常会有一个目标。为了达到这个目的,通常需要采取一系列步骤,第一步开始是点
 

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

 

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

 

  “开始审判”

 

  “download应用程序/书/指南”

 

  “注册更新”

 

  “咨询”

 

  本文我们将讨论设计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天试用,无信用卡”。这个额外的文字需要可以减轻决策过程。

 

  使其可见,无需滚动

 

郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/website/1976.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇:做网站怎么选择专业的建站企业?

下一篇:外贸网站建站是什么

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制