您认为什么形成任何网站的主要组件或元素之一?
可以形成吗?
可以设计吗?
可以内容吗
是的,当然这些都是网站设计中最重要的一些方面。但是,您是否意识到按钮也可以在您的网站设计和业务中发挥重要作用?
按钮是通话操作的重要部分,因此,如果您的按钮不反映任何种类令人印象深刻的元素,那么您将会失败。
因为这些按钮将确保转换发生。
那么,将会转换的号召性用语的不同方面是什么?
它可以是任何东西,从-按钮的风格,大小和颜色。
除了这些因素之外,按钮的位置稍有变化也可能导致在确保转换时产生灾难。
当您设计按钮时,您需要牢记的第一件最重要的事情是,这是为了人们在那里。也许如果是为了个人使用,则可以根据设计师的个人兴趣选择展示位置或颜色或任何东西。但是,如果是全球观众,让我们不要让他们决定停止在您的网页上感到不好。
在您放置按钮的背景中,错误的位置或错误的颜色可能会破坏整个事物,确保访问者不会返回到您的页面。
另外,当我们不做正确的方法的时候,让我们停止给自己一个虚假的希望。
您可能会认为这是一个完美的地方,并将其置于无法用户永远不会以任何代价退房的地方。期!此外,您可能会选择一种过于沉闷或太过分的颜色,使用户将其视为“奇怪”。
最重要的是,用户不知道这是一个按钮或一个按钮存在的事实。
尽管我们是设计师很多时候发生的事情,我们忽略了事实上更大的事情。
所有这一切导致一个地方-使你的按钮可以点击。
那么,我们如何设法创建直观可点击的按钮?
“要清楚,精确和简单。”
当设计用于号召性用语的按钮时,这应该是您的座右铭。
如果你有很多的创造力,并且很好地实现你的设计中的艺术勇气,那还可以。但是,请记住,从其他角度来看,创意是否可以理解?
除非不要去!
因为我们都喜欢简单的事情。为什么当我们能够接触到人们并与任何简单而谦虚的人联系在一起时呢?
我们都有经验,我们到达了一个令人敬畏的着陆页,并决定通过点击他们的CTA来帮助“具体”的业务,但对于我们的娱乐,我们发现,而不是一个简单的“提交”按钮,他们有一些说-“这是在这里很酷,“我们都离开了现场,因为我们不清楚我们是否被要求采取我们计划的行动,否则我们将被带领做别的事情。
让我们不要重复历史,但让我们创造一个!
1.按钮的大小:不要创建太小或太大的按钮!访客必须注意你的按钮并采取预期的行动,但如果太小,那么我们不能怪他们,如果他们没有注意到并离开。如果它是一个大的,它可能再次挫败他们。最重要的是确保这个“按钮”与您的着陆页上的其余按钮分开。
如前所述,当您的按钮上的文字涉及到用户所采取的操作时,您的按钮上的文字可以发挥重要作用。而不是写这样的东西,“这里很酷”,通过展示预期的行动使之简单明了。例如,您可以使用“提交”,“发送”或“注册”。这里没有什么混乱一切都很好传达!
当然,用户在登陆页面上需要一些方向来实现和执行预期的操作。所以,当他们在这里应用一些色调和颜色的按钮,让他们感觉像点击它。
另一个最重要的一点是,让我们不要在我们的CTA的背景颜色融合,所有这些都看起来相似,用户离开页面,没有任何线索,他们错过了正确的等待被点击的CTA!
按钮的间距也是定位按钮时需要考虑的因素。不要让它看起来太拥挤。留下一些空间让按钮呼吸。在文本和按钮之间提供一个边距,使其不会过于拥挤。
在我们进一步深入了解设计的完美按钮之前,让我问一个简单的问题,我们有多少人关注或记住按钮的类型:
中性
例如,取消按钮或除了将用户重定向到主页之外的其他任何操作。
2.负面
当整个信息被删除或重新排列时。
积极
这是提示采取行动的。这可能是改变,发送或加入信息。
让我们来看看它应该放在哪里,供用户找到它:
按钮的直观放置在决定用户是否点击或不会点击中起重要作用。
用户在这个特定的页面上有本能,当他们在这里时,您可以将它们引导到预期的动作,在这里,再次按钮的放置需要本能地进行,这也是逻辑驱动的。
让我们来研究一下专家对此的看法:
根据您的业务和网站的情绪和意图,可以实现两种不同的模式:
1.将Z-模式
我们称这种模式是因为这些网站上的内容以宽敞的方式组织。而且,当您使用Z-Pattern时,您可以沿着同一行放置按钮,并确保将其放在行尾。
2.将F-模式
当您设计包含大量包含博客或新闻网站的文本的网站时,读者的眼睛遵循从左到右的阅读模式。在这里,智慧在于将您的CTA放置在从左到右阅读模式结束的行尾。
所以,最后,您正在遵循用户的路径,或者将他们引导到他们需要遵循的路径上,以完成所需的操作。
建议您使用矩形按钮,因为它是全球遵循的,您的人们可以轻松地关联的东西。
设计按钮时要遵循的最佳做法的一线
第一件事首先
你是否注意到,在页面上,你的眼睛偏向最顶尖的元素?一般人的倾向不能改变!但是,我们可以在设计按钮时应用此政策,以便直接注意。当然,我们需要向他们解释为什么他们必须点击,但如果可以用几句话总结出来,你可以考虑把你的按钮放在这里。“上面的”概念在这里工作。
下一个重要的事情要来了
眼睛开始向页面上的子标题或子标题移动。
内容来了
正如我们已经在#1中讨论过的那样,重要的是向你的人传达这一切的开始,以及他们在哪里可以找到他们的号召性用语。你的内容应该是神奇的:它应该告诉他们为什么需要这个;此外,它应该解释点击的好处。
来电号码
这是自从年龄以来正在遵循的常规模式。除非有“否则”的情况。您的号召性用语应遵循以下列出的规则:
干净清晰让我们不要复杂的内容。Sans-serif是推荐的字体类型。
将它放在一个清晰,甚至行。
它不应该是背景的颜色。确保它与背景颜色形成对比。
这些是在设计您的CTA按钮之前需要牢记的一些快速简单的事情。