链接的体验设计(1)--黑色的链接October 14th 杨掌柜
前两天发了关于什么界面才是好的界面的7个例子,有一个是关于Feedburner的两个按钮的,设计师用减小次重要按钮的高度来弱化对目标用户操作的视觉干扰。Lu heli在MSN里说,其实还有一种方法,就是把那个次重要按钮变成一个链接的样子。嘿,好主意啊。(很多产品的登录界面,都把忘记密码按钮变成一个链接:) 聪明。)他画了一个图出来:
不过其实,他开始给我发了一个另外的例子:
这个黑色的链接引起了我的兴趣。黑色的链接,在一个网站上面曾经让我无比苦恼过。来看图:
你知道么,这里面有好几个链接!主体文字为黑色的网站,使用了黑色(或很深的灰色),那些链接就变得扑簌迷离,用户想要找这些链接时,挫败的恼火的感觉就那么来了。来看看另一张图,你敢肯定哪些上面有链接么?
黑色的链接和黑色主体文字冲突,让人发现不到链接。但是是不是黑色链接就一定不对了?当然,不是黑色主题文字,是可以用黑色链接的。即便是黑色主题文字,有些情况,黑色链接可能是最好的选择,上图:
最下面的黑色文字是链接,你肯定知道了。因为它的内容那么XX,你好奇的把鼠标拖上去过,然后发现它果然是个链接。MSN的设计者为什么不直接用蓝色的下划线链接呢?用户讨厌广告!用户不想看广告,老板一定要放广告。MSN设计师的办法就是尽量减少干扰而引起的反感,而用吸引人的内容去引诱用户点击。 链接之所以使用不同主体文字的颜色,目的就是要吸引用户的视线,告诉用户,看我啊!我跟旁边的文字老兄不同,我是个链接!你的设计目的是要提醒用户这是链接,那么请使用不同颜色。 作者:Ryana。待续。
相关链接:

Lu Heli
2006-10-14 15:18
链接颜色应该与主体文字颜色相区别,Jakob说链接颜色最好是蓝色的,但如何让用户辨识某个词,短语或句子是链接呢?一个方法是加上动词,比如Cancel, Leave a comment, Log in
Lu Heli
2006-10-14 15:27
动词是属于指示性语言(Instruction), 指示性语言是用于提示和指导用户完成一个流程
squirrel
2006-10-16 17:54
嗯,有道理。这篇文章我就是从黑色的标题点进来的。