文本链接的固化思维

我这段时间做的一个网站里有很多文本链接,尤其是辅助性的。例如一个帖子的作者、时间、标签、路径等有链接的文字信息。

直到几天前,我才发现自己对文本链接有一个根深蒂固的固化思维——有链接的文本要么用颜色区分,要么用下滑线区分。这么做的理由看似非常合理:文本链接当然要有所不同,不然谁知道那里可以点?但是当我继续做下去,问题就慢慢显现出来。

我在《谷歌 Material Design 从这些方面打破了我思维局限》中提到过“信息碎片化”的概念,就是在界面给用户抛出零碎短小的信息碎片,用户通过这些信息碎片嗅到自己感兴趣的暗示,然后便会挪动鼠标(触屏的话就是手指),通过点击等交互方式,顺着这引子慢慢找到自己感兴趣的东西。文本链接,就是信息碎片的一个很好的范例。例如我在这一段开始时把我的文章的文本链接附上,刚兴趣的读者就可以通过那个文本链接找到我之前写的那篇文章。

根据信息碎片化的理论,所有可以深挖的信息最好都做成链接,像是Wikipedia或是百度百科一样,将一切知识编制成一张网。

这样问题就来了,当一切可能又链接的文本都具备链接后,页面上的文本链接就会比较密集了。此时再继续贯彻“链接的文本要么用颜色区分,要么用下滑线区分”的惯性思维,就会导致整个界面看起来极度混乱。再加上不同的默认文本要对应统一或不同的链接样式,文字规范将十分复杂。

最可行的解决方式是去掉所有辅助性文本链接的特殊样式,也就是让他们看起来和没有链接时一样。当我和同事们商量修改方案时,果然遭到了抵触,理由和我以前所想的一样:没有特殊样式怎么看得出是链接?

调查

这个问题让我感叹,自以为做了这么久的设计早已不算新手,可是知道今天还对文本链接这种最基础的东西有不清楚的地方。好奇之下,我调查了国内外几个常见网站的文本链接样式。

我调查的这些网站里面,只有两个网站的辅助性文本链接在默认状态是有特殊样式的:百度使用色彩和下划线,谷歌使用色彩。除此之外,淘宝、微博、优酷、网易新闻、爱奇艺、简书、YouTube、Facebook、Medium、Instagram、Twitter使用的文本链接都没有特殊样式。

百度和谷歌的文本链接

默认样式很统一,但是悬停样式就相差甚远了。我个人比较喜欢的明暗效果,这些网站中只有“文艺”向的Medium和简书使用。使用色彩的有淘宝、优酷、网易新闻,使用下划线的有谷歌、YouTube浮窗、Facebook、Medium浮窗,同时使用色彩和下划线的有爱奇艺、YouTube首页、Twitter,这三种的使用率相差不大。此外,还有一些网站不给文本链接设计任何悬停效果,它们有百度、微博、YouTube推荐、Instagram。

综上所述,文本链接无默认样式果然是大势所趋,两个异类也只不过是搜索类网站而已。文本链接的悬停样式几乎不存在主流选择,只是发现了明暗效果这个小众。有趣的是,微博的文本链接不但没有默认样式,就连悬停样式也没有……

传说中的“双无”文本链接

反省

文本链接无特殊样式这种业界主流竟然成了我最近才发现的“新闻”,这值得我反省(请在评论里吐槽我没有常识吧……)。这里面的原因除了我自己经验不足之外,恐怕固化思维也占有一定比例。不怪 Donald A. Norman 提出了 Affordance(功能可见性),一切都必须在主次分明的前提下。

话又说回来,我以前设计的哪些东西很少又如此多的文本链接,所以给每个文本链接特殊的默认样式也合乎情理。现在设计的界面文本链接多了,所以样式也自然要低调一些。想到这里,我也找到了点心理安慰。

总之,这次是很有趣的教训,设计师都应该多抬头看看业界行情。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,392评论 25 707
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,725评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,580评论 18 139
  • 今早上班途中,正好收听到喜马拉雅App上《易中天中华史·三国纪》中关于刘备永安托孤的故事,不由心生感慨。 三国故事...
    正言锋语阅读 237评论 0 2
  • 姓名:周立 zhou li 公司:宁波大发化纤有限公司 【日精进打卡第55天】 【知~学习】 (六项精进)大纲背...
    周立zhouli阅读 185评论 0 0