我這段時(shí)間做的一個(gè)網(wǎng)站里有很多文本鏈接升薯,尤其是輔助性的莱褒。例如一個(gè)帖子的作者、時(shí)間涎劈、標(biāo)簽广凸、路徑等有鏈接的文字信息。
直到幾天前蛛枚,我才發(fā)現(xiàn)自己對(duì)文本鏈接有一個(gè)根深蒂固的固化思維——有鏈接的文本要么用顏色區(qū)分谅海,要么用下滑線區(qū)分。這么做的理由看似非常合理:文本鏈接當(dāng)然要有所不同蹦浦,不然誰知道那里可以點(diǎn)扭吁?但是當(dāng)我繼續(xù)做下去,問題就慢慢顯現(xiàn)出來盲镶。
我在《谷歌 Material Design 從這些方面打破了我思維局限》中提到過“信息碎片化”的概念侥袜,就是在界面給用戶拋出零碎短小的信息碎片,用戶通過這些信息碎片嗅到自己感興趣的暗示溉贿,然后便會(huì)挪動(dòng)鼠標(biāo)(觸屏的話就是手指)枫吧,通過點(diǎn)擊等交互方式,順著這引子慢慢找到自己感興趣的東西宇色。文本鏈接九杂,就是信息碎片的一個(gè)很好的范例。例如我在這一段開始時(shí)把我的文章的文本鏈接附上宣蠕,剛興趣的讀者就可以通過那個(gè)文本鏈接找到我之前寫的那篇文章尼酿。
根據(jù)信息碎片化的理論,所有可以深挖的信息最好都做成鏈接植影,像是Wikipedia或是百度百科一樣裳擎,將一切知識(shí)編制成一張網(wǎng)。
這樣問題就來了思币,當(dāng)一切可能又鏈接的文本都具備鏈接后鹿响,頁面上的文本鏈接就會(huì)比較密集了。此時(shí)再繼續(xù)貫徹“鏈接的文本要么用顏色區(qū)分谷饿,要么用下滑線區(qū)分”的慣性思維惶我,就會(huì)導(dǎo)致整個(gè)界面看起來極度混亂。再加上不同的默認(rèn)文本要對(duì)應(yīng)統(tǒng)一或不同的鏈接樣式博投,文字規(guī)范將十分復(fù)雜绸贡。
最可行的解決方式是去掉所有輔助性文本鏈接的特殊樣式,也就是讓他們看起來和沒有鏈接時(shí)一樣。當(dāng)我和同事們商量修改方案時(shí)听怕,果然遭到了抵觸捧挺,理由和我以前所想的一樣:沒有特殊樣式怎么看得出是鏈接?
調(diào)查
這個(gè)問題讓我感嘆尿瞭,自以為做了這么久的設(shè)計(jì)早已不算新手闽烙,可是知道今天還對(duì)文本鏈接這種最基礎(chǔ)的東西有不清楚的地方。好奇之下声搁,我調(diào)查了國(guó)內(nèi)外幾個(gè)常見網(wǎng)站的文本鏈接樣式黑竞。
我調(diào)查的這些網(wǎng)站里面,只有兩個(gè)網(wǎng)站的輔助性文本鏈接在默認(rèn)狀態(tài)是有特殊樣式的:百度使用色彩和下劃線疏旨,谷歌使用色彩很魂。除此之外,淘寶檐涝、微博遏匆、優(yōu)酷、網(wǎng)易新聞骤铃、愛奇藝、簡(jiǎn)書坷剧、YouTube惰爬、Facebook、Medium惫企、Instagram撕瞧、Twitter使用的文本鏈接都沒有特殊樣式。
默認(rèn)樣式很統(tǒng)一狞尔,但是懸停樣式就相差甚遠(yuǎn)了丛版。我個(gè)人比較喜歡的明暗效果,這些網(wǎng)站中只有“文藝”向的Medium和簡(jiǎn)書使用偏序。使用色彩的有淘寶页畦、優(yōu)酷、網(wǎng)易新聞研儒,使用下劃線的有谷歌豫缨、YouTube浮窗、Facebook端朵、Medium浮窗好芭,同時(shí)使用色彩和下劃線的有愛奇藝、YouTube首頁冲呢、Twitter舍败,這三種的使用率相差不大。此外,還有一些網(wǎng)站不給文本鏈接設(shè)計(jì)任何懸停效果邻薯,它們有百度裙戏、微博、YouTube推薦弛说、Instagram挽懦。
綜上所述,文本鏈接無默認(rèn)樣式果然是大勢(shì)所趨木人,兩個(gè)異類也只不過是搜索類網(wǎng)站而已信柿。文本鏈接的懸停樣式幾乎不存在主流選擇,只是發(fā)現(xiàn)了明暗效果這個(gè)小眾醒第。有趣的是渔嚷,微博的文本鏈接不但沒有默認(rèn)樣式,就連懸停樣式也沒有……
反省
文本鏈接無特殊樣式這種業(yè)界主流竟然成了我最近才發(fā)現(xiàn)的“新聞”稠曼,這值得我反市尾 (請(qǐng)?jiān)谠u(píng)論里吐槽我沒有常識(shí)吧……)。這里面的原因除了我自己經(jīng)驗(yàn)不足之外霞幅,恐怕固化思維也占有一定比例漠吻。不怪 Donald A. Norman 提出了 Affordance(功能可見性),一切都必須在主次分明的前提下司恳。
話又說回來途乃,我以前設(shè)計(jì)的哪些東西很少又如此多的文本鏈接,所以給每個(gè)文本鏈接特殊的默認(rèn)樣式也合乎情理∪痈担現(xiàn)在設(shè)計(jì)的界面文本鏈接多了耍共,所以樣式也自然要低調(diào)一些。想到這里猎塞,我也找到了點(diǎn)心理安慰试读。
總之,這次是很有趣的教訓(xùn)荠耽,設(shè)計(jì)師都應(yīng)該多抬頭看看業(yè)界行情钩骇。