干货!UI界面中“行为召唤按钮”的设计秘诀

干货!UI界面中“行为召唤按钮”的设计秘诀,第1张

干货!UI界面中“行为召唤按钮”的设计秘诀

干货!你可以在你不知道的UI世界里设置一个“为呼叫按钮而停止”的想法。

以下几点由Mockplus精英团队中文翻译整理整改,仅供交流学习。Mockplus是这种类型的一个快速而简单的假想物品。

有效的数据交互管理系统由具有重要军事功能的小元素组成。为了创建一个繁荣的交互管理系统,关注所有的小元素是非常重要的。

按钮是用户世界中管理中心的交互部分,它衡量了用户的体验,对法式网站的转化率起到了关键作用。根据功能的不同,UI可以分为不同的情况。这篇文章的内容是勤于解释“CTA按钮”,包括他们的素养,他们在导航栏中的作用及其在业务目的中的关键。我们来看看是什么让CTA按钮从最好的基础理论中脱颖而出。

照片应用程序

什么是呼叫按钮?它为什么要等钥匙?

呼叫呼叫(CTA)按钮是网页和移动用户世界中交互通信的常见元素:第二个重要目的是诱导用户听取意见和一些控制,并为特殊页面或显示呈现变化,如购买、联系、订阅等。传统上,CTA按钮是如此容易被注意到,以至于许多按钮都是由梦想家创造的,以至于人们无法听到面对面的攻击。这就是为什么他们总是以精细的字体风格呈现水果,按钮包含一个特殊的号召(比如“学习很多”或者“现在购买”),鼓励大家自动面对。

伏击顾客的绝望购买是发起召唤行动的根本运营目的。当一个按钮设想充分消化吸收埋伏客户的注意力时,它就能消化吸收他们面对面的打击,进入下一个环节,就像挖掘一个简洁的联系表格或提交材料订单一样。

数据组织的登录页面

通过全流程,可以引导网站面试官和应用的用户通过销售渠道的全流程从一个环节到另一个环节,帮助他们了解对封闭材料或服务的实际疑虑。即使是技术专业创作的内容,也无法查看用户的出勤情况。如果有CTA按钮,你只需快速扫描内容,然后放下手臂。

有人可以认为,丰富的“叫停按钮”创意,只有用大尺度、丰富多彩的色彩,才能真正实现其全部目的。不,不是,等等。还有许多其他方法可以确保CTA的有效性。让我们来看看一些正确使用它们的实际例子。

城市草图应用程序

是什么塑造了CTA按钮的成长和发展?

规范

大小是根据关键程度帮助单个UI组件的最常用的项目之一。原规格越大,越突出。既然CTA最初的目的是为了吸引用户的注意力,那么假设设计师会努力让它们从显示屏上的其他按钮中脱颖而出,分级与隐藏在整个过程中的规格是不同的。

大按钮有很大几率被发明击中,但是你也需要有一些限制的互相连接。一个众所周知的“叫停按钮”可以快速找到,但不能太大,以免破坏整体策划的视觉效果组的逻辑结构。营销领导在其标准中提供了关闭按钮有效尺寸的推广。比如美国苹果公司建议移动用户世界的CTA按钮至少要有44×44的分辨率,而微硬推荐至少要有34×26的分辨率。

美味汉堡应用

色彩设计

视觉上吸收规格只是CTA的一个圈子。为了使按钮更有吸引力,选择丰富的颜色设计非常重要。说到底,忏悔者的情绪挣扎与视觉效果有关。每个人的想法都对色战设计有反应,但是没有人会注意到这些关键点。当人们的眼镜检测到某种颜色时,他们会连接大脑。另外,大脑后部的代谢管理系统检索可疑号码,释放他人和他人的感受,拼命做小表情,争取情绪转化。科技教育对不同的颜色大战和外观设计如何伤害大家的认识有详细的论述。在我过去的文章中,我已经描述了这种伤害对设想的解决方案的影响。以下是对色战设计常见含义的简明描述。

颜色含义:

白色。嚣张,嚣张,强势。橙色。和谐,温暖,活力。淡黄色。好运,被动,温暖。翠绿色。战争、成长和发展以及健康。深蓝色。怀疑,平静的战争不会改变。蓝色和紫色。奢华、艺术创造力和智慧。五色。坚定,巨大,经验丰富。鲜红色。简单,冷静,干净。

外观设计的含义:

回合战中矩形框的含义:规律、力量、胆怯、冷静、坚定。三角形的含义:冷静、冒险、破坏、平衡、不变。环形、椭圆形、蛋形的含义:永久、夫人、宇宙空、巫术、秘密。模糊的实际意义:双重性、独特性和粗心大意。

传统上,CTA按钮看起来像一个水平的矩形框,因为大家习惯上把那种设计当成一个可以打在脸上的按钮。还有人提倡带圆弧的CTA,因为被认为是可以消化吸收内部注意力的按钮。颜色的选择取决于每一个使想象过程变大的圆圈。要求设计师对以下水果元素进行深入思考,比如产品的根本颜色,目标的埋伏中攻击性思想的特点。在为CTA选择颜色时有一个关键的前提条件:按钮战的颜色要充足、醒目,这样CTA才能从其他UI组件中脱颖而出。

幽会应用程序登录页面

分配

CTA按钮的分配对其功能至关重要。如果它们位于用户眼睛捕捉不到的区域,其他视觉效果(如颜色战争规范)可能不会有效。但是如何掌握什么样的影响更有效呢?

很多讨论告白,在浏览网页上的内容之前,人们会扫描一下,看看自己是否感兴趣。想到这一点后,想象一下,员工可以知道最突出的可扫描区域,并将呼叫按钮置于用户可见模式。

根据分歧的讨论,包括三古森诺曼团队、UXPin精英团队等发表文章的自白。,网页上有几种流行的扫描方法,包括“F”和“Z”方法。

对于包含大量内容的网页,如专用访客和信息服务台,F模式是最受欢迎的扫描仪模式。用户首先扫描显示屏顶部的水平线,然后背诵移动页面中的水平线,并读取笼盖短区域中的水平线。第一个是左侧的垂直图表,用户在初始句子中搜索了他们喜欢的核心词。

Z-mode是一种已经卸载的扫描仪页面或网页的模型登陆方式,不需要记忆旋转的页面,也就是说在旋转前的区域可以看到管理中心的所有数据信息。用户从扫描仪页面的左上角开始,搜索关键信息,然后向下到另一边的顶角,在页面底部结束水平线,然后再次从左到左开始。

这些方法允许设计师将CTA赋给用户最关心的影响,比如夹角,并关注其他重要方面。另外,把CTA按钮分配到整体规划的中间也是一个不错的方法,尤其是它不带其他UI元素的时候。

美食网页

缩微本

文案在听通话的圈子里起到了关键作用。它被定义为一段笔墨文字提示,帮助用户做一些控制。更详细的3000大道,其中包含了按钮战书,提问的声音,冷静的表达,内容战的前提条件,所有案例的素材应用。

CTAMicrocopy是一个被鄙视的元素,可以像做梦一样迅速唤醒用户。它报告了用户点击按钮时将触摸的内容。越来越大的CTAMicrocopy虽然短小但是矛盾,所以能快速消化吸收用户的注意力。

明亮感应日历

“呼叫按钮”是网络技术中最发达的卖点之一,也是危及页面或显示屏转化率的关键水果元素之一。设计师需要知道CTA的临界性,真正关心危及CTA所指示的所有关键点。

由Tubik工作室编写

文章中的地址:https://UXplanet.org/call-for-attention-ui-design-tips-on-CTA-buttons-5239413add2mockplus做这个模型,快捷简单。现在,免费下载MockPlus,免费试用。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/777235.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存