文本鏈接的固化思維

我這段時(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è)界行情钩骇。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市铝量,隨后出現(xiàn)的幾起案子伊履,更是在濱河造成了極大的恐慌,老刑警劉巖款违,帶你破解...
    沈念sama閱讀 206,378評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件唐瀑,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡插爹,警方通過查閱死者的電腦和手機(jī)哄辣,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門请梢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人力穗,你說我怎么就攤上這事毅弧。” “怎么了当窗?”我有些...
    開封第一講書人閱讀 152,702評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵够坐,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我崖面,道長(zhǎng)元咙,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評(píng)論 1 279
  • 正文 為了忘掉前任巫员,我火速辦了婚禮庶香,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘简识。我一直安慰自己赶掖,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評(píng)論 5 371
  • 文/花漫 我一把揭開白布七扰。 她就那樣靜靜地躺著奢赂,像睡著了一般。 火紅的嫁衣襯著肌膚如雪颈走。 梳的紋絲不亂的頭發(fā)上膳灶,一...
    開封第一講書人閱讀 49,036評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音疫鹊,去河邊找鬼袖瞻。 笑死司致,一個(gè)胖子當(dāng)著我的面吹牛拆吆,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播脂矫,決...
    沈念sama閱讀 38,349評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼枣耀,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了庭再?” 一聲冷哼從身側(cè)響起捞奕,我...
    開封第一講書人閱讀 36,979評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎拄轻,沒想到半個(gè)月后颅围,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,469評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡恨搓,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評(píng)論 2 323
  • 正文 我和宋清朗相戀三年院促,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了筏养。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,059評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡常拓,死狀恐怖渐溶,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情弄抬,我是刑警寧澤茎辐,帶...
    沈念sama閱讀 33,703評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站掂恕,受9級(jí)特大地震影響拖陆,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜竹海,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評(píng)論 3 307
  • 文/蒙蒙 一慕蔚、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧斋配,春花似錦孔飒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至甩卓,卻和暖如春鸠匀,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背逾柿。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來泰國(guó)打工缀棍, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人机错。 一個(gè)月前我還...
    沈念sama閱讀 45,501評(píng)論 2 354
  • 正文 我出身青樓爬范,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親弱匪。 傳聞我的和親對(duì)象是個(gè)殘疾皇子青瀑,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,509評(píng)論 25 707
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評(píng)論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理萧诫,服務(wù)發(fā)現(xiàn)斥难,斷路器,智...
    卡卡羅2017閱讀 134,599評(píng)論 18 139
  • 今早上班途中帘饶,正好收聽到喜馬拉雅App上《易中天中華史·三國(guó)紀(jì)》中關(guān)于劉備永安托孤的故事哑诊,不由心生感慨。 三國(guó)故事...
    正言鋒語閱讀 237評(píng)論 0 2
  • 姓名:周立 zhou li 公司:寧波大發(fā)化纖有限公司 【日精進(jìn)打卡第55天】 【知~學(xué)習(xí)】 (六項(xiàng)精進(jìn))大綱背...
    周立zhouli閱讀 185評(píng)論 0 0