欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

为吸引用户而存在:界面中CTA按钮的设计有何讲究

发布时间:2018:02:02 17:00:44 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1543个文字,预计阅读时间4分钟
导语
APP和网站这样的数字产品中所包含的有效的交互系统,通常是由包含不同任务和功能的小元素组合到一起的。想要让整套交互系统无缝顺畅地运行起来,细节的把控是非常有必要的。

  APP和网站这样的数字产品中所包含的有效的交互系统,通常是由包含不同任务和功能的小元素组合到一起的。想要让整套交互系统无缝顺畅地运行起来,细节的把控是非常有必要的。

  在诸多的交互控件当中,按钮是最常见,也是最核心的交互元素之一,它的概念源自于现实世界,它存在的历史几乎和GUI的历史一样长。按钮设计得好不好,对于整个UX的转化率而言,有着非常直接的影响。在网页和APP的界面设计当中,影响用户体验和转化率最大的是CTA按钮,在很多情况下,CTA按钮都被UX设计师和和UI设计师所推崇,被视为许多UI/UX解决方案中的最佳实践。今天的文章,我们来就来简单探讨一下CTA按钮的相关问题。

  什么是CTA按钮?它为何如此重要?

  

推荐阅读:播放列表的环形交互界面设计

为吸引用户而存在:界面中CTA按钮的设计有何讲究

 

  CTA 是 Call to action 的缩写,中文通常称之为行为召唤,CTA按钮即为行为召唤按钮。当设计师有意识地通过设计去引导甚至诱导用户去执行特定的操作,诸如点击按钮、留下联络方式或者发生购买行为,都算是行为召唤。

  传统的CTA按钮很容易被注意到,设计师故意创造出这种“醒目”的局面,要的就是让用户抑制不住点击的冲动。为了达到这样的目的,设计师通常会在按钮上搭配特定的行为召唤用语,比如“了解更多”或者“现在购买”,或明或暗地鼓励、推动用户去执行操作。

  行为召唤这一UX设计手段的主要目的就是催生交互、行为,提升转化,达成业务目标。当一个按钮设计得足够吸引潜在用户注意力的时候,它就具备了引导用户进入下一个阶段的可能性了。当用户选择点击按钮,填写表单,下单购买的时候,这个CTA的目的就达到了。

  

为吸引用户而存在:界面中CTA按钮的设计有何讲究

 

  通过这样一个又一个行为召唤的设计,用户在网站和APP中逐步走入不同的阶段,进入不同的环节,了解产品,选择服务,执行操作,完成任务。即使是最专业最优质的内容也无法保证用户时刻保持高度参与,如果没有CTA按钮,用户可能只是简单扫一眼,然后离开。正如同我们常说的,这个信息爆炸的年代酒香也怕巷子深。

  有些人可能认为,一个足够优秀的CTA按钮只需要尺寸够大色彩够亮就行了,实际不然,想要保证行为召唤的转化率,需要考虑的方方面面并不少。

  

为吸引用户而存在:界面中CTA按钮的设计有何讲究

 

  哪些因素成就了CTA按钮?

  尺寸

  通过尺寸大小来划分元素重要性是UI设计中常用的手段。元素越大,,重要性越高,这个逻辑很明晰。由于CTA 按钮的目标是引起用户的注意,因此设计师通常需要让它在和其他屏幕按钮、元素对比的时候足够突出,而增加按钮尺寸是一个很显著的方法。

  从机率上来说,大按钮通常会比小按钮更容易被用户注意到,被点击到。不过,按钮总不能无限制地放大吧?在放大按钮的同时,你需要让它和整个布局之间保持协调,避免整体的层次结构被破坏。如果你不知道要如何控制大小,那么可以参考主流的设计规范:苹果的HIQ中要求CTA按钮至少为 44×44 px,而微软则建议至少为34×26 px。

  

为吸引用户而存在:界面中CTA按钮的设计有何讲究

 

  色彩和形状

  通过尺寸差异来营造视觉吸引力只是CTA能做做到的一个方面。为了让按钮足够清晰显著,在色彩和形状上的选择,同样重要。人类在色彩和形状上的感知同样是非常显著的,只不过在日常生活中往往不会太注意到这些反馈。当我们的视觉感知到形状和色彩所构成的视觉信号之时,信号传递到大脑,大脑会向神经元传递出不同的信号,分泌出荷尔蒙,在负责情绪和感情的区域作出不同的反馈。心理学认为,不同的色彩和形状对于大脑有着不同的影响。在之前的文章中,我们对于这些内容有所涉及,下面是相关的总结:

  色彩的含义:

  红色:自信,青春,热情,力量

  橙色:友善,精力充沛,热情

  黄色:快乐,乐观,温暖,警告

  绿色:和平,成长,健康,自然

  蓝色:信任,安全,稳定

  紫色:豪华,创意,智慧,神秘

  黑色:可靠,高贵,复杂,经验丰富,专业

  白色:简单,纯洁,冷静,纯粹

  形状的含义:

  方形和矩形:力量,纪律,勇气,安全,可靠

  三角形:兴奋,风险,危险,平衡,稳定

  圆形和椭圆:永恒,女性化,宇宙,魔法,神秘

  抽象图形:双关,唯一性,精心制作

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:减轻用户记忆负担:识别与回忆在人机交互中的应用

下一篇:如何从零开始设计一款漂亮的移动APP?

  • 18893 文章总数
  • 2300038访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信