行为请求按钮设计技巧:行为请求按钮的6大要素

文章描述:行为请求按钮设计6大必杀技.

This is where the rubber meets the road.

行为请求按钮在网页流量转化成商业价值的过程中起了多大的作用呢?

网站的用户体验设计师或许明白行为请求按钮在该转化中的重要作用,但是接下来要讲的6个因素,每一个想从网站获取商业利益的人都应该了解。

什么是行为请求按钮呢?

行为请求按钮是可以从网络访问者那获取点击行为的按钮。

一般来说,一个点击行为可能会链接到下载、注册或出售。它们也可能会把用户引向一个有更多信息的网页从而让用户采取行动(比如:了解更多……)

行为请求按钮的6大要素

1、尺寸

理论上来说, 你的“行为请求按钮”应该在拥挤的页面与隐入到背景这两者之间寻找一种和谐感。 它应该是该页面最大的按钮,因为页面上某个元素越大,我们会认为它越重要。

(如上图) NCover网站页面就是通过大尺寸来强调行为请求按钮。另外,他们也提供了足够的空间来容纳其他关键信息,比如“21天免费试用”。强烈的对比色同样也帮助了用户区分下载按钮与页面背景。

2、位置

将行为请求按钮放置于网页的对折处非常有效,因为这个位置是用户的一个对称视觉中心,能给用户产生关于网站的第一印象。

(如上图)Envy小店的登录页面用位于正中间的行为请求按钮来向用户打招呼。这个圆形的按钮在白色边框的衬托下显得格外显眼,并且强有力的刺激着卖卖双方在阅读完周围的文字后加入该网站。

(如上图)“Donate”,该行为请求按钮用来号召大家捐赠来帮助战争中的孩子。作为二级菜单被放置于页面顶部能有效诱发用户操作行为。而且在策略上,这个文字被置于一块背景之上,也似乎在鼓励用户在浏览了其他页面后再次回来。

3、颜色

在设计上确保你的行为请求按钮与背景色之间存在色彩上的对比。这样既能够确保用户更好的注意到按钮,也能够增加用户采取行动的可能性。同时也需要考虑按钮色彩怎样才能更好的符合页面的整体色调,目的在于限定该按钮所能发挥的最大的色彩空间。

(如上图)这个应用的行为请求按钮通过高度饱和的色彩 非常清楚的区别于背景色。你会忽视它的存在吗?

(如上图)Resumator在导航条上使用非常友好的颜色来强调 “Sign Up”按钮。并且将同样的红色应用于另一个行动按钮——Start the Tour,同样也是这个理念的体现。

[1] [2]  下一页

时间: 2024-09-17 13:51:19

行为请求按钮设计技巧:行为请求按钮的6大要素的相关文章

网页设计参考:出色的30个网页按钮设计实例

如何设计完美"勾引"用户点击的按钮好的按钮设计一定会是醒目且能"勾引"用户眼球的.以下是好的按钮设计必不可少的5个特征: 1.颜色 颜色一定要能与平静的页面相比更加与众不同,因此它要更亮而且有高对比度的颜色. 图1 2.位置 它们应当"座落于"用户期望更容易找到它们的地方.产品旁边.页头.导航的顶部右侧-这些都是醒目且不难找到的地方. 图2 3.文字表达 在按钮上使用什么文字表达给用户是非常重要的.它应当简短并切中要点(不罗嗦),并以动词开始,如

提高流量转化:行为请求按钮设计6大必杀技

This is where the rubber meets the road. 行为请求按钮在网页流量转化成商业价值的过程中起了多大的作用呢? 网站的用户体验设计师或许明白行为请求按钮在该转化中的重要作用,但是接下来要讲的6个因素,每一个想从网站获取商业利益的人都应该了解. 什么是行为请求按钮呢? 行为请求按钮是可以从网络访问者那获取点击行为的按钮. 一般来说,一个点击行为可能会链接到下载.注册或出售.它们也可能会把用户引向一个有更多信息的网页从而让用户采取行动(比如:了解更多--) 行为请求

网站分析:行为请求按钮设计6大必杀技

中介交易 SEO诊断 淘宝客 云主机 技术大厅 This is where the rubber meets the road. 行为请求按钮在网页流量转化成商业价值的过程中起了多 大的作用呢? 网站的用户体验设计师或许明白行为请求按钮在该转化中的重要作用,但是接下来要讲的6个因素,每一个想从网站获取商业利益的人都应该了解. 什么是行为请求按钮呢?行为请求按钮是可以从网络访问者那获取点击行为的按钮. 一般来说,一个点击行为可能会链接到下载.注册或出售.它们也可能会把用户引向一个有更多信息的网页从

网站设计分析:行为请求按钮设计6大必杀技

中介交易 SEO诊断 淘宝客 云主机 技术大厅 This is where the rubber meets the road. 行为请求按钮在网页流量转化成商业价值的过程中起了多大的作用呢? 网站的用户体验设计师或许明白行为请求按钮在该转化中的重要作用,但是接下来要讲的6个因素,每一个想从网站获取商业利益的人都应该了解. 什么是行为请求按钮呢? 行为请求按钮是可以从网络访问者那获取点击行为的按钮. 一般来说,一个点击行为可能会链接到下载.注册或出售.它们也可能会把用户引向一个有更多信息的网页从

CSS网页设计技巧:input按钮在IE浏览器的兼容问题

文章简介:CSS网页设计技巧:input按钮在IE浏览器的兼容问题. 这段时间在处理网页默认的input 按钮时,IE下常显现不一致的宽度问题,让人感到很纠结.所以今天请教了几位高手把这个问题解决了,现在贴出来和大家共享一下,当然这个方法在网上曾有人写过,大家可以一起来相互探讨一下. Html Code: <input type="submit"; class="form-submit" value="subscribe" name=&qu

电子商务网站出售按钮5点设计技巧

  设计一个合适的"购买按钮"只是把"buy now(立即购买)"字样的文字放在一个蓝色的矩形上是不够的,因为这并没产生你预期的效果.幸运的是,一旦你了解了一些基本知识,设计一个合适的购买按钮并不太难. 首先,按钮上的文本非常重要,但还有其它功能要处理.为什么说文本最重要呢?试想一下,如果上面写的是诅咒性质的字样,按钮设计得再漂亮也没有用.因此,好的内容是金钱的来源. 我们会讨论一个电子商务网站合适的出售按钮至关重要的5点设计技巧. 1.整体样式 这是第一条,也是最

WPF界面设计技巧(3)—实现不规则动画按钮

原文:WPF界面设计技巧(3)-实现不规则动画按钮    发布了定义WPF按钮的教程后,有朋友问能否实现不规则形状的按钮,今天我们就来讲一下不规则按钮的制作.   不规则按钮的做法实际上和先前我们做不规则窗体的方法差不多,只是为按钮弄个不是那么方方正正的背景而已.   我们这次沿用自定义窗体时的设计图形,设计一个动态的不规则按钮,在这个示例中我们要将先前设计的整个图形作为按钮,并让外围的圆环始终围绕中心圆形旋转,在鼠标移入时,还要产生颜色变化及发光效果.   首先用 Microsoft Expr

WPF界面设计技巧(2)—自定义漂亮的按钮样式

原文:WPF界面设计技巧(2)-自定义漂亮的按钮样式  上次做了个很酷的不规则窗体,这次我们来弄点好看的按钮出来,此次将采用纯代码来设计按钮样式,不需要 Microsoft Expression Design 辅助了.   首先打开 Microsoft Visual Studio 2008 ,新建一个WPF项目,在上面随便放几个按钮:     然后给各个按钮设置不同的背景颜色:     设置好之后就是这样啦:     然后我们就开始在 App.xaml 文件中定义按钮样式了:     定义的样式

jqueryajax-jquery写按钮删除员工信息请求

问题描述 jquery写按钮删除员工信息请求 这个按钮触发不了删除事件,求指教呀. 解决方案 你的删除方法中的checked是哪来的? 你把tr加个id 传到删除按钮的onclick方法里就可以了 解决方案二: 通过dom关系获取 $('.delete').click(function(){ var tr=$(this).closest('tr')//被点击按钮所在行 //.....其他代码 })