链接的体验设计(2)--多种颜色的链接October 16th 杨掌柜
在使用Google图片时,曾遇到这样的挫折:
我试图去点绿色网址,却发现这个绿色文字并非链接。跟黑色主题文字区别,用了绿色,而且是个网址,为什么不是链接呢?为研究Google到底怎么表现链接,我来到Google的网页搜索结果页,又发现了绿色的网址,也非链接:
原来绿色不是链接,只有蓝色和紫色的才是。但是在Google的Group页面,我看到了绿色的链接:
原来,是不是链接,不是看什么颜色,是不是网址,而是看有没有下划线。。当我以为这就是Google的链接标准时,下面的界面,又打破了我的看法:
中间Welcome,Discuss那一排蓝色文字,没有下划线,但却是链接! 同样是Google group的内容,怎么表现不一致呢?我可不可以贸然的推断,Google内部并没有一个对链接样式的统一管理,没有那么一个统一的风格样式(Style Guide)在各个产品中应用? 链接采用和主题文字不同的样式,作用是告诉用户它是个链接,你的点击还可以找到更多的内容。(The primary design strategy in thoughtful hypertext is to use links to reinforce your message。)用户在你的网站不断学习适应你的界面,发现哪些是链接的规律。请给用户一个规律好不好,让你的界面是容易学习的(Easy to learn)。这也是界面为什么要具备一致性(Consistency)的原因。在Microsoft,IBM,Apple,Oracle等众多公司,为了追求公司产品界面的一致性,还一直不断发展用户界面指南(User Interface Guidelines)。这正是他们的产品给用户稳定可信赖的印象的一个重要原因! 现在想想,你的产品是不是有这方面的问题,比如:
- 导航条上的文字不管是不是链接,统一都用一个样式?
- 在一段文字里面,使用好几个不同颜色的链接?


squirrel
2006-10-16 17:58
google is not god
moond
2006-10-17 0:18
很不错的分析,就google而言,不止是文字样式方面,就是不同产品之间,交互模式都有很大差异,希望他们会留意并做改善。
om19
2006-10-18 14:50
看了这篇确实发现自己的设计上也会有类似问题。
一个人设计都如此,何况一个团队,甚至n个相对分离的团队设计。
所以文中提到的“Style Guide”确实非常必要,但是问题是一个好的“Style Guide”应该包含什么呢?