许多不同的部分构成了大多数用户界面。每一项都会影响用户体验的有效性以及网站和应用程序的转化率。即使是像按钮这样简单的组件,也需要非常小心才能满足预期的目标和目标。今天,我们将继续讨论号召性用语按钮设计,并提供一些实用建议,帮助设计师制作足够多的 CTA。
CTA 按钮是什么意思?
号召性用语 (CTA) 按钮是一种交互式 UI 元素,可以在 Web 和移动设备上看到。其主要目标是说服用户执行某些活动,从而为特定页面或屏幕带来转化,例如购买、签约或订阅。
可以建立号召性用语的主要业务目标是潜在客户生成和购买增加。
当按钮设计足够吸引潜在客户的注意力时,它可能会诱使他们点击并继续下一步,例如填写简短的联系表格或进行产品预订。
但是如何才能使这些功能变得更强大呢?以下是设计有效 CTA 按钮的一些有用提示。
使按钮看起来可点击
因为任何 CTA 的首要任务之一是让人们点击它,所以 CTA 的设计应该与目标相匹配。人们不想在使用产品时找出哪些设计组件是交互式的。因此,确保所有交互式组件都是可点击的至关重要。
是什么让按钮看起来是可点击的?首先,它是一种视觉展示。当设计师将3D 效果应用到按钮时,它可能看起来更容易点击。
例如,具有较小渐变或微弱阴影的 CTA 经常唤起按下按钮的冲动,因为它看起来更突出。
如果具有 3D 效果的按钮不适合所选样式(例如平面设计),则可以使用圆角突出显示可点击性。
选择正确的尺寸
根据相关性组织 UI 组件的最常见策略之一是大小。元素越突出,越明显。
因为 CTA 的主要目标是吸引用户的注意力,所以设计师努力使它们在屏幕上的其他按钮中脱颖而出,特别是在尺寸方面。
即使大按钮更有可能被发现和点击,您也必须牢记一些界限。一个引人注目的号召性用语按钮通常足够大,很容易被发现,但又不会大到破坏布局的视觉构成和层次结构。
在他们的指示中,市场领导者经常就最有效的按钮尺寸提供建议。例如,根据 Apple 的说法,移动 UI 中的 CTA 应至少为 44X44 像素,而微软建议使用 3426 像素。
使用对比色
颜色选择受许多因素的影响,使程序更加困难。
设计师必须考虑构图的基本色调以及目标受众的视角偏好和心理特征。
在为 CTA 选择颜色时要牢记一个标准:按钮和背景颜色应该有足够的对比,以使 CTA 从 UI 的其余部分中脱颖而出。
例如,如果设计师使用蓝色调色板进行布局,则红色或黄色 CTA 按钮将是明智的选择。
查看悉尼的首选网页设计,以获得更多关于 CTA 的知识以及更多可以帮助您取得进一步进展的其他信息。
使用更少的词并使其更具必要性
CTA 微文案是一种号召性用语,可告知用户单击按钮后将执行的操作。有效的 CTA 微文案必须快速抓住访问者的注意力并引导他们采取行动。
您应该尽可能减少号召性用语中的字数。几个精心挑选的词可以比一个大而详细的短语更快地使用。此外,通过在 CTA 微文案中使用命令式案例,您可以为消费者下一步应该做什么提供清晰简洁的指导。
考虑用户流
大尺寸和鲜艳的色彩是吸引用户注意力的强大工具,但巧妙的放置可能会增加 CTA 被更多人发现的机会。
用户流,也称为用户旅程,是消费者通过数字产品执行任务(例如进行在线购买)的路径。
用户流有助于以这样的方式创建用户体验,即人们可以在逐步获得事实的同时逐步实现目标。
您可以通过考虑客户路径来确定有效的 CTA 按钮位置。例如,在设计登录页面时,您必须确保客户在阅读有关优惠或服务的信息后能够发现“注册”CTA 按钮。
用户将知道他们注册的内容以及他们是否需要。如果访问者在阅读材料之前看到这样的 CTA 按钮,他们很可能会忽略它。
利用空白
设计作品中各部分之间的区域称为空白区域,有时也称为负空间。人们往往没有意识到空间的重要性,但设计师必须密切关注它。
白色空间不仅仅是视觉构图的背景。它经常被用作强调 UI 组件的有效技术。如果用户界面有很多图形元素,CTA 按钮可能会在页面或屏幕上丢失。随着按钮变得更加明显,其周围正确数量的空白有助于吸引用户的注意力。
空白也建立了 UI 组件之间的链接。元素之间的空白越少,它们看起来就越相关。因此,如果某些项目(例如项目描述或照片)可能有助于号召性用语,请尝试限制它们与按钮之间的空间,以便对用户的操作产生双重影响。
设计师必须专注于驱动号召性用语按钮的目标,以创建引人注目的号召性用语按钮。具有正确大小、颜色和位置的 CTA 会立即吸引访问者的注意力,而显微文案会激励他们执行预期的操作。
本文地址:
http://www.njanyou.cn/news/5931.html
Tag:
专业服务:
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话:025-65016872
上一篇:
信息图表的成本是多少?
下一篇:
通过理解人类心理学推进用户体验