图(18)B2B行业网站设计的不符合规范的按钮
4 要通过按钮上及旁边的文字告诉用户的期待或解释疑问
我们设计按钮要从分析用户行为的角度来做设计,颜色很吸引眼球、也比较大,都是为了吸引用户更多的几率看到这个按钮,那看到以后的行为呢?用户仍然会想,我为什么要点这个按钮,点了对我有什么好处,或者说点了会不会产生什么坏处,或者可能对按钮上的字不理解,不熟悉而不想点,作为设计师,就要通过按钮上的文字来告诉用户,如果需要比较多的字或者说要加注释,就需要在按钮的上面、下面或右边,来引导用户继续采取下一步行动。当然对一些大家都很熟悉的按钮,比如:登录、提交等,就不必画蛇添足去做解释了。
如图(19)的第一个按钮上的文字为“免费注册”,是为了打消大家以为注册会收费,而不点击,从营销的角度来说,是打免费牌,吸引更多人提交自己的公司信息、联系方式,网站才有用户、内容,网站销售人员才能有更多潜在客户,这点我在《B2B行业门户网站推广实战秘籍》里做了详细阐述。第三个按钮上的“立即登录”是为了吸引是会员的赶快登录,因为只有登录后,用户才可能进行更多的操作,比如:发布信息、查看询价、更深入了解网站等,一个网站每天有多少个会员登录,与每天有多少会员注册一样,是作为运营的一个重要考核指标的。第三个按钮右边的文字,是为了解决用户可能遇到的问题,比如当我想点登录按钮的时候,我想起来了,密码忘记了,在按钮旁边就要出现密码找回的链接。同时可能还不是会员,这个时候就要提醒用户,你还可以免费注册。

图(19)按钮表达的意思及提示
图(20)有6个按钮,都是在告诉用户,会员可以做什么,如果你不是会员,别在犹豫了,赶快行动吧!就好比电视购物节目告诉您,购买这个产品有什么好处、很多优惠,现在立即拿起电话拨打某某号码一样。在这些鼓动的文字上,尽量少加或不加链接,省去用户点击链接来思考。

图(20)按钮告诉我们可以做什么
除了可以在按钮上加文字,还可以在按钮上加个图标,往往可以让按钮看起来更精致,而且小图标往往可以起到以形表意的效果。如图(21)第一排的4个按钮都加了小图标,和文字一起,让用户几乎不用思考,就知道按钮代表的含义,点击按钮后可以做什么。
按钮上的文字要简短、精炼,不要加很多不必要的文字在按钮上,会增加用户思考的时间,比如图(21)的第5个按钮,“点击进入”4个字完全是多余的。通常情况下:一个按钮,结合页面上的其他交互和信息组织,要能恰到好处的组合成一个完整的句子“我点击会发生什么”,而“点击进入”4个字是在我和鼠标之间的事,而不必要在网页上出现。最后一个按钮是大家常见的播放器的按钮,因为大家都很熟悉了,电视的遥控上也是这个按钮,所以用文字也是多余的了,直接用形状表示,简单明了。当然可以在鼠标放上去显示文字提示,用户体验更好,从这个角度上来说,也可能说是地方太小而不能用文字来表达。

图(21) 按钮上加了小图标,一目了然
5 按钮出现的位置、周围是否空白,与这个按钮的重要性相关
按钮放在那个位置,也是很有讲究的,放的位置不同,其重要性也是不一样的。同时周围留有空白,也表明这个网站按钮是很重要的。
如图(22)的2个按钮,上下左右都有许多空白,比如第1个、第2个按钮,离下面和上面都有很高距离,这个就是设计师故意而为之,因为如果按钮离上下的距离太近,就不够突出了。就会被淹没在文字中,适当的在周围留白,就是好的突出方式之一。

图(22) 按钮周围的空白比较大
这个小节讲到这里,就讲完了,虽然一个小按钮,但是也大有学问,需要管理层、产品经理、设计师在设计网站时认真去揣摩,只有注重产品细节,才能使用户有好的体验,才能打造出成功的产品。
推荐阅读
(速途网专栏 作者:黄嘉榔)2012年9月9日,第九届网商大会上落幕,会上众多嘉宾演讲都发人深思以及对未来的构想,笔者特意收集了一下阿里巴巴董事局主席马云在落幕日的演讲稿。通过不同的角度看到了马云的演讲的范围,>>>详细阅读
地址:http://www.lgo100.com/a/b2b/20120910/84349.html

网友点评
精彩导读
科技快报
品牌展示