在大家使用wordpress模板建站中,经常会看到call to action 模块,它大概长这个样子:

 

 

优化转换率很重要的设计“ Call To Action Design”,但在讲 Call To Action Design 前,要先了解什么是 Call To Action 的定义。要学好一个设计,很重要的是先了解它的定义,因为定义会决定设计的范畴与解读。

先来看 Call To Action 中文翻译,网络上有很多翻译,例如以下这几个:

1.行动呼吁

2.唤起行动

3.要求行动

4.召唤行动

5.行为召唤

先从 Call 这个字来说,Call 被翻译成呼吁、唤起、要求、召唤。呼吁跟要求是比较不好的翻译,因为没办法用呼吁或要求用户去做某种行为,越是呼吁、越要求用户,用户就越不想做。而且如果能透过呼吁跟要求就让用户作出你想要的行为,那这个世界就不会有那么多大大小小的问题,因为大家都会乖乖听话。(常常呼吁马总统的人就会点头同意我说的话,呼吁真的没有什么效果。)

Call To Action 是透过设计让用户自己想到要做某种行为,而不是要求、呼吁用户去做,所以用呼吁跟要求当作翻译,会让设计师在做 Call To Action 设计时,在思考怎么设计上产生误解。呼吁、要求用户跟“让用户自己想做某种行为”是完全不同的事。呼吁跟要求出局之后,还剩下唤起跟召唤,其实两个差不多,但召唤是比较有经过设计,让用户不知不觉中触发行为的意思。

第二个是 Action 的翻译,Action 这个字可以被翻译成行动,也可以被翻译成行为,通常如果两个中文都可以翻译的话,就要看哪一个比较贴切。以目的性来说,网站或商业的目的都是要用户做出网站、商业想要的行为,例如下载、试用、结帐、加入会员。所以翻成行动,对某些状况来说就不太合适,因为下载、试用、结帐、加入会员都是一连串的动作组成的行为,不单单只是一个 Action。

如果目的只是要用户点击、动一动鼠标,那翻成行动就很贴切,但以网站或商业的目的来说,行为是比较适合的翻译。

所以比较好的翻译是行为召唤,用户行为是透过设计召唤出来的,用户在过程中并不会觉得是被强迫的,而是出于自愿的,但实际上用户的自愿行为是被设计师设计好的。由于中文实在很容易在翻译上有落差,所以我们可以忽略中文翻译,直接看英文怎么解释比较好。如果你去 Google 找 Call To Action 的英文名词解释,通常会找到两种角度的解释,一种会从网页设计的角度去解释,另外一种则是来自于行销上的解释。

从网页设计角度的解释:

维基百科:In web design, a CTA is a banner, button, or some type of graphic or text on a website meant to prompt a user to click it and continue down a conversion funnel.

HubSpot(知名集成性行销软件公司):A call-to-action (usually abbreviated as CTA) is an image or line of text that prompts your visitors, leads, and customers to take action. It is, quite literally, a “call” to take an “action.”

从行销角度的解释:

维基百科:In marketing, a call to action (CTA) is an instruction to the audience to provoke an immediate response, usually using an imperative verbsuch as “call now”, “find out more” or “visit a store today”.

Marketing Terms:The part of a marketing message that attempts to persuade a person to perform a desired action.

网页设计上的解释是 Call To Action 指的是提示用户去点击的按钮、文本或图片。行销上的解释则是指让用户想要做某个行为。

到底哪一个解释比较好?是让用户想要点击的按钮还是触发一个行为?其实两个解释都对,主要是看设计师的设计目的是什么,是想要单纯让用户点击按钮,还是完成一个行为,例如注册。如果是要用户完成注册,那就不只是单单点击一个按钮的简单动作了。如果是要用户点击广告,那就是很单纯的点击一个按钮或是图片。

为了要让设计师在思考 Call To Action 设计时能很好地运用定义,我个人最喜欢的 Call To Action 解释是 Site Strategics 的解释(49秒开始):“What call to action is a primary thing that you want that user to do“?

Call To Action 是你想要让用户做的主要的事,白话一点就是让用户做你想要他做的事。这个解释很全面, 因为不管是想要用户点击按钮还是触发注册的行为,都是设计师想要用户做的事。这个定义的另外一个好处是让设计师做 Call To Action Design 的时候,会先从要用户做的事是什么事开始思考,而不是从按钮、文本或图片开始想起。设计师要回到思考设计的目的是什么,才知道到底要是需要一颗按钮还是一个流程才能让用户做到你想要他做的事。

注意:不要去想 Call To Action 是一颗按钮、一串文本、一张图、一整个页面、还是一个流程,先从你要用户做什么事开始想,然后才去思考设计。是不是一颗按钮或一个流程不重要,能做到网站或商业上想达成的目的才是重点。

专业网站开发网页设计公司

深度阅读:

WordPress插件 – 使用product-csv-import-suite从两个网站之间导入导出产品 许多wordpress新手在建立商城网站时容易犯一个错误。将不同的产品上传至错误的网站,如果选择重新上传将会耗费极大的时间,小编在这里推荐一个woocommerce插件,可以一键导入导出你想要的产品。 1.导出产品 选择Woocommerce Csv Import SuiteExport...
在台州如何使用wordpress进行网站建设 wordpress建站已是当今社会的主流,在台州的朋友们想问,在台州如何选择wordpress进行网站建设,可以参考下文一些尝试者对wordpress建站的看法。 在WordPress面前,台州Wordpress建站者的问题已经解决 95%以上的网站,都可以用WordPress配合优质主题快速搭...
国企WordPress网站也可以做的如此好看?!不服来战! 近期,上海浩拓网络科技有限公司与隧道股份进行了互联网项目的合作。为上海隧道工程旗下的大型国资控股公司进行企业官网的深度定制开发。在此期间,我们对国内大型国企官网进行了调研分析。结果发现,多数大型国企的官网存在各种问题。不论从技术还是设计方面均已被时代所淘汰,甚至有的官网已无法打开。我...
找了一个业余WordPress开发者做项目,付完定金后我就被拉黑了 前几天有一个客户找我们询盘,在敲定项目细节后反复问我们有没有合同,会不会拿了定金就消失,在我们反复保证我们是正规公司,会严格履行合同的约定,客户终于说出了他纠结的原因,原来啊之前他在论坛上联系了一个个人开发者,收费很便宜,前期项目细节也都确定好了,然后这个开发者在收到定金的下一分钟将客户拉黑了。。。...
【WP可视化编辑器】花式文字-Fancy Text-Slideup 预览地址: https://ultimate.brainstormforce.com/text-slideup-effect/ 作用: 对文字做的一些处理加入了滚动的动画,可以用在一些数据上,对数据进行滚动,或是用在用户量上,给用户一种更直观地体验。 预览效果:后台:...
如何使用插件将谷歌字体下载到自己的WordPress网站 不少 WordPress主题和插件都会使用到谷歌的字体,对于国内环境来说,很影响速度。使用 Self-Hosted Google Fonts 插件来实现自主托管所有网站使用的Google字体。Self-Hosted Google Fonts 将扫描您网站上的所有CSS,并自动下载必要的Google ...
wordpress如何导入Visual composer Massive Add on拓展的预设样式 当我们需要使用massive的模块样式时,发现没有可以选择的预设样式,这时我们需要对massive的预设样式进行拓展。 步骤如下: 1,在仪表盘中找到 Massive Panel2,在Massive Panel中  找到 Style Presets3,在Install a...
Visual Composure建站教程0 – 简介 Visual Composure(简称VC)是可视化编辑器,通过拖拽的模块的形式搭建网页,所见即所得,新手经过简单的培训,就能搭建出一个页面。通过阅读学习本系列教程,你可以在“不写任何一行代码的情况下‘,30分钟内搭建出一个精美的页面。这次教程用企业官网中最常见的【关于我们】这个页面...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.