建站常識(shí)
新聞鏈接中的空格處理
2009-09-21 14:23:00
版權(quán)聲明:轉(zhuǎn)載時(shí)請(qǐng)以超鏈接形式標(biāo)明文章原始出處和作者信息及本聲明
http://piglili.blogbus.com/logs/46826821.html
本文因屎大師的文章《被分成數(shù)段的 一行新聞鏈接》而作。
屎文陳述了門(mén)戶(hù)網(wǎng)站在文字視覺(jué)呈現(xiàn)上的一個(gè)現(xiàn)象:
同一行文字中,可能包含兩條新聞鏈接,而這兩條鏈接之間的語(yǔ)義關(guān)系可能很多樣,但并未通過(guò)視覺(jué)呈現(xiàn)來(lái)直觀(guān)表現(xiàn)這些關(guān)系。
圖1:網(wǎng)易首頁(yè)“新聞”豆腐塊中的鏈接
如圖1所示,在短短的幾行新聞中,雖然視覺(jué)上統(tǒng)一用空格做分割,但至少有四種語(yǔ)義上的差異。
綜合屎文和屎大師的原話(huà),這種“不做任何事情”的視覺(jué)表現(xiàn),會(huì)導(dǎo)致以下問(wèn)題:
1. 對(duì)用戶(hù):降低閱讀速度&增加理解成本。
不同語(yǔ)義關(guān)系都用同一種視覺(jué)表現(xiàn),無(wú)法預(yù)期何時(shí)出現(xiàn)哪種關(guān)系,只能掃視整行,且增加思考負(fù)擔(dān)。若做圖2的視覺(jué)處理(字體縮小、顏色差異),用戶(hù)知道后半句是對(duì)前面的解釋?zhuān)敲慈绻戳饲鞍刖洳桓信d趣,TA大可不必費(fèi)神看后半句。
圖2:網(wǎng)易新聞中心的鏈接形式
2. 對(duì)網(wǎng)站:降低更多鏈接條目的可發(fā)現(xiàn)性。
同行塞入多條鏈接是為了有效利用版面,增加點(diǎn)擊率,但沒(méi)有視覺(jué)差異,會(huì)使某些內(nèi)容或功能被忽略,浪費(fèi)資源位。如圖3中,“專(zhuān)題”、“圖集”很可能被忽略。
圖3:網(wǎng)易新聞中心的鏈接形式
屎大師進(jìn)而根據(jù)網(wǎng)易的設(shè)計(jì),提出了三種視覺(jué)處理方案:用字號(hào)、用顏色(圖2)、用符號(hào)(圖4)。
圖4:用符號(hào)分隔
我同意屎大師所指出的這個(gè)問(wèn)題,但我認(rèn)為屎大師沒(méi)有在該問(wèn)題最典型的情景中展開(kāi)他的陳述,從而削弱了觀(guān)點(diǎn)的說(shuō)服力。他所提出的這個(gè)問(wèn)題,在他所舉案例(門(mén)戶(hù)資訊首頁(yè))的嚴(yán)重程度,遠(yuǎn)不及該問(wèn)題在功能型頁(yè)面中的嚴(yán)重性。下面分別從他認(rèn)為會(huì)造成的兩處問(wèn)題做出反駁。
1. 對(duì)用戶(hù):
首先,屎大師所認(rèn)為的閱讀效率問(wèn)題,是基于他認(rèn)為我們都是一整行地掃視的。但在實(shí)際閱讀中,我們更多是跳著、挑關(guān)鍵字閱讀。其次,對(duì)于行寬這么窄的一個(gè)版塊,空格前后的兩段文字可能同時(shí)就進(jìn)入視域了,視覺(jué)焦點(diǎn)的移動(dòng)也可能是在1秒以下級(jí)別的。屎大師舉的正例來(lái)自網(wǎng)易新聞中心,但為何網(wǎng)易首頁(yè)的新聞排版沒(méi)有用同一種模式,而是任其混亂?比較一下兩個(gè)頁(yè)面會(huì)發(fā)現(xiàn),首頁(yè)一行的行寬,等于新聞中心一行的一半。也就是說(shuō),即使不做任何視覺(jué)處理,對(duì)用戶(hù)在這么窄的板塊里閱讀并不會(huì)有多少影響。
而理解成本問(wèn)題,對(duì)于普通網(wǎng)民來(lái)說(shuō),面對(duì)一大堆文字鏈,我不認(rèn)為T(mén)A會(huì)花時(shí)間或需要理解,空格分隔開(kāi)的文字間是什么關(guān)系。這是比較高級(jí)的思維活動(dòng),多數(shù)人可能看到吸引的關(guān)鍵字就點(diǎn)開(kāi)來(lái)看看了。
做視覺(jué)處理,有時(shí)候還可能導(dǎo)致理解成本的上升。這是因?yàn)椋?BR>1)無(wú)法保證各大網(wǎng)站在符號(hào)系統(tǒng)上的一致性,而符號(hào)有時(shí)是需要理解成本的,在不同的網(wǎng)站難道還都去理解并記住它們?
2)使版面整體很混亂。由于新聞的及時(shí)更新性,意味著會(huì)有各種語(yǔ)義關(guān)系的新聞鏈接堆放在一起。如果分別搭配一種視覺(jué)形式,獨(dú)立來(lái)看關(guān)系是清晰了,但綜合起來(lái)會(huì)不會(huì)一片混亂?
也許,真正會(huì)影響到用戶(hù)閱讀體驗(yàn)的,還是在于整體版面的視覺(jué)語(yǔ)言。這也是網(wǎng)易之所以出色的地方。
2. 對(duì)商業(yè)
首頁(yè)的作用是即時(shí)將最新的新聞呈現(xiàn)出來(lái),這意味著編輯應(yīng)只需要顧及基本的文章標(biāo)題編輯原則。如果強(qiáng)加給TA一些規(guī)定(如為了看起來(lái)整齊而統(tǒng)一每句字?jǐn)?shù)),反而大大影響效率。從另一個(gè)角度來(lái)說(shuō),有時(shí)候故意混淆鏈接之間的關(guān)系,反而會(huì)對(duì)點(diǎn)擊率有所幫助。
--------------------------------------------------------------------------------
以上的反駁,是針對(duì)屎大師提出來(lái)的情景的。對(duì)于版面空間更大、但內(nèi)容很多的頁(yè)面,的確應(yīng)在視覺(jué)上有所處理。尤其對(duì)于文案很多的功能型頁(yè)面,視覺(jué)的主次區(qū)分,能有效幫助用戶(hù)快速獲取信息。
好吧,寫(xiě)到肚子餓,覺(jué)得自己有點(diǎn)無(wú)聊,純屬思維小練習(xí)。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀(guān)感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2007-12-17 13:36:00] “永久鏈接”的可用性問(wèn)題
- [2007-12-05 11:09:00] 關(guān)于超鏈接的三個(gè)問(wèn)題
- [2015-11-26 11:33:31] 微信公眾號(hào)獲取歷史信息鏈接的方法介紹
- [2009-05-04 08:31:00] 按鈕還是鏈接?(一)
- [2008-02-22 10:37:00] 文字鏈接,怎么辦?
- [2006-09-26 11:13:00] 關(guān)于文字鏈接與按鈕的分析
- [2006-09-01 10:09:00] 如何控制網(wǎng)頁(yè)框架頁(yè)內(nèi)中鏈接的目標(biāo)
- [2010-04-23 08:30:00] 中文段首不需要空兩格
- [2007-04-11 08:55:00] 一個(gè)鏈接讓QQ日流量損失幾千萬(wàn)?
- [2009-05-04 08:32:00] 按鈕還是鏈接?(二)
- [2007-08-15 17:13:00] 關(guān)于超鏈接的下劃線(xiàn)
- [2006-10-14 10:27:00] 設(shè)計(jì)干凈的鏈接
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
手機(jī)網(wǎng)站建設(shè) 版面布局 網(wǎng)站推廣 營(yíng)銷(xiāo)策略 海信網(wǎng)絡(luò)科技 青島高端網(wǎng)站建設(shè)公司哪家好 青島網(wǎng)站建設(shè)公司哪家好 青島抖音小程序開(kāi)發(fā) 青島網(wǎng)站建設(shè) 青島海洋投資集團(tuán) 英文網(wǎng)站建設(shè) 搜索引擎蜘蛛 企業(yè)網(wǎng)站設(shè)計(jì) 青島黃島、紅島網(wǎng)站建設(shè)公司 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 集團(tuán)性網(wǎng)站 青島網(wǎng)頁(yè)設(shè)計(jì) 搜索引擎 交互設(shè)計(jì) 青島網(wǎng)站制作 空白和簡(jiǎn)潔的設(shè)計(jì) 微信營(yíng)銷(xiāo)的優(yōu)勢(shì) 青島網(wǎng)站SEO 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 中小型企業(yè)網(wǎng)站建設(shè) 審美 平面設(shè)計(jì) 官網(wǎng)網(wǎng)站建設(shè) 外貿(mào)網(wǎng)站建設(shè) 膠南網(wǎng)站建設(shè)公司