呼叫操作按钮:一个最佳做法的调查

日期:2011年10月12日

呼叫动作按钮发挥了举足轻重的作用,在广泛征求用户的行动。为争取所要求的动作,按钮被放置在网站上,使用户能够执行的行动,如买东西,或导致更多的信息到另一页。精心规划是建立在您的行动呼吁是必要的,在本文中我将解释的最佳实践,为建立有效的呼叫的操作按钮。我还将提出行动的例子,你给你一个更好地了解是什么在起作用。

为了您的号召到行动成功,你必须首先确定他们将如何融入您网站的整体计划。做铺垫,或信息体系结构,你就会发现,如何在Web界面的按钮工作。要在市场中生存,你必须创造收入。因此,成功的网站,导致网页的读者所需的最终结果(“立即购买”... ...“了解更多”)。现在的问题是,我们如何才能有效的呼叫按钮,在现实世界中工作的行动。

 

点击浏览下一页

要考虑的因素

尺寸

在网页设计中,历史上较大的元素,更重要的是。您的行动号召的大小及其周围的元素是在转换用户采取行动至关重要。毕竟,这将是很难得到用户预定的动作,如果你的按钮是微乎其微的大小,并与其余文本在混合。

  • 使用白色空间很多可以从增加的一个按钮的大小来实现,也可以通过简单地将周围大量的空白按钮完成。空白包围一个按钮,将远远超过这是海的文字和图形失去突出 。
  • 有越白的空间之间的调用操作按钮和周围的元素,连接他们。因此,如果你有其他的元素,可以帮助说服用户采取行动,减少白色空间之间的元素和行动号召。

点击浏览下一页

ScrapBlog
你可以看到使用突出的颜色,足够的空白,和大小相对于周围的元素,以吸引用户的注意力,影响 。直白的语言传达了一个舒心的感觉,声称,你可以“启动”马上采取行动 。

 

点击浏览下一页

Mozilla Firefox的
“免费下载”按钮的Mozilla Firefox是一个真正的革命号召行动的图形 。其大,不均衡状,充满活力的颜色和细节导向按钮已在行业内的标志 。

颜色

为了确保用户通知你的按钮,它也是重要的考虑它的颜色。虽然有一些号召性动作按钮选择颜色,它可以值得选择比背景的对比色。这实质上是对你的按钮跳转,诱使你点击它。

  • 它有时被说,一个红色按钮(红色文字链接)表现最好的
  • 执行一些A / B测试,看看什么颜色能达到最佳效果为您的网站
  • 任何按钮的表现可能是由于页面,而不是它的颜色对比

 

点击浏览下一页

Vuze.com游客不会有任何问题,找到下载的呼叫操作按钮。使用对比色,大量的空白,并在页面的顶部和底部的位置,使这个调用明显和有效的行动。

就业

一个有效的按钮应该是在页面上清晰可见,至少在与其他元素相对突出。

  • 在登陆页面 - 其实对于大多数页面,这是可行的 - 一个按钮,应该会出现倍以上。一个按钮被点击的可能性大大减少,如果游客滚动才能看到它。
  • 按下一个按钮被放置在页面的顶部(或倍以上),并在较长页面的底部的可能性增加。它可能的用户可能无法滚动备份页面,如果他们已经通过了它,或向下滚动页面,如果他们已经看到一个。
  • 接近其他网页元素也很重要。显然,对于一个电子商务网站,应执行“添加到购物车”按钮,这是正确的产品旁边优于进一步消除。
  • 在其他情况下,重要的是要保持这样的事情作为价值主张,鉴定和功能列出了旨在刺激转换呼叫操作按钮关闭。

你可以看到这些概念在实践上的网站YourWebJob.com。通过将呼叫行动“发表一份工作!”中一个十分突出的的地区,它更有可能用户会发现它过一会后,他们在看了网站的内容 。

点击浏览下一页

移动Web设计
这个动作按钮的调用是摆在一个突出的位置,它有庞大的规模和鲜明的色彩与周边元素。

点击浏览下一页

移动Cubix影院
移动Cubix影院使用一个圆形的轮廓,周围的“阅读更多”按钮,然后领先的IT应用,不仅吸引了游客的注意,但也通知他们,他们可以期待什么。

点击浏览下一页

使其使用已知的

当然这些程序问题,如果按钮没有实际看起来像一个按钮!你需要作出明确的游客,这个图形其实是一个可以点击,导致在具体的行动,不只是另一种元素在页面上的按钮。以图形来说,有一些方法可以做到这,包括:

  • 压花按钮
  • 放置在一个不显眼的接壤区的号召行动的文本
  • 抵销了来自其他图形元素的按钮
  • 它的行为像一个按钮,当用户的鼠标悬停
  • 对于不超连结(所以不要自动生成,在对国有鼠标手形符号)按钮,可以很容易地使用CSS来完成。
  • 改变按钮的外观本身对小鼠,如颜色的变化,是一个进一步的信号按钮被点击的访客。

点击浏览下一页

Kalculator
此呼吁采取行动,告诉用户究竟什么期望:通过点击这一行动号召,他们应该预见炮击了$ 3.99。使用Word的“唯一”的提示,这是一个相当好的处理,它可以帮助进行销售 。

 

点击浏览下一页

邮筒增加了通过的下载调用的行动值增加,其“免费赠送”30天的试用和降低的购买呼吁采取行动,说明这一个“无风险保证!”往往不是网页网站消费者无疑调用动作简单要求旅客立即购买!而加强行动的价值或缓解。

搜索引擎优化

一个按钮,在许多情况下,直接链接到一个页面被搜索引擎收录。添加一个<IMG> alt属性,将提供的文本的搜索引擎,他们将目标页面关联:如果你的目标关键字,目标位置上,你应该聘请<IMG> ALT。

要获得的按钮,图片的alt属性(或取决于浏览器,一个<a> title属性)可能会显示访客时,鼠标移到按钮,提供又一次机会,以加强您的通话行动(“您的试用版今天开始!”)。

Tags:体验设计 企业网站建设
上一篇文章:网页设计中的导航设计
下一篇文章:面包屑导航简介