链接的体验设计(1)--黑色的链接October 14th 杨掌柜

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

category种茶 comments

3 Responses to “链接的体验设计(1)--黑色的链接”

  1. 链接颜色应该与主体文字颜色相区别,Jakob说链接颜色最好是蓝色的,但如何让用户辨识某个词,短语或句子是链接呢?一个方法是加上动词,比如Cancel, Leave a comment, Log in

  2. 动词是属于指示性语言(Instruction), 指示性语言是用于提示和指导用户完成一个流程

  3. 嗯,有道理。这篇文章我就是从黑色的标题点进来的。


这时,又一位英雄站了出来:

记住我,我是回头客: