鏈接打開方式間的博弈

如今網(wǎng)站中鏈接打開方式主要有兩種:當(dāng)前頁(yè)面打開(默認(rèn)/target="_self")和在新標(biāo)簽頁(yè)(target="_blank")中打開。將鏈接設(shè)置為在新窗口中打開很少用到,一是來(lái)回切換窗口很麻煩,而是開多個(gè)窗口占用系統(tǒng)資源。而如今PC端網(wǎng)頁(yè)鏈接的打開方式并沒(méi)有一個(gè)統(tǒng)一的標(biāo)準(zhǔn),用戶有時(shí)會(huì)難以預(yù)測(cè)他將要打開的一個(gè)鏈接是在新標(biāo)簽頁(yè)打開還是在當(dāng)前頁(yè)面。以下探討了一些相關(guān)的現(xiàn)象與分析。



中外打開鏈接習(xí)慣的差異

舉一個(gè)有趣的例子:知乎和Quora

2012年以前,知乎和Quora 兩個(gè)網(wǎng)站都是統(tǒng)一在當(dāng)前頁(yè)面打開網(wǎng)頁(yè)鏈接,當(dāng)時(shí)知乎上有一些人不習(xí)慣當(dāng)前頁(yè)面打開鏈接的方式,就有了許多類似的問(wèn)題:

知乎

而在2012年以后,Quora和知乎先后改變了打開鏈接的方式,問(wèn)題鏈接都在新標(biāo)簽頁(yè)打開了。然而Quora的用戶不樂(lè)意了。


Quora產(chǎn)品更新介紹


Quora用戶表示太多標(biāo)簽很困擾

除了知乎和Quora外,還有許多類似的情況,比如中國(guó)用戶不習(xí)慣Google搜索的當(dāng)前頁(yè)面打開,國(guó)外的大多數(shù)網(wǎng)站都統(tǒng)一地是默認(rèn)為當(dāng)前頁(yè)面打開鏈接,國(guó)外用戶也比較習(xí)慣自己選擇打開鏈接方式(ctrl+鼠標(biāo)左鍵/鼠標(biāo)中鍵/右鍵選擇,三種方式都可以使頁(yè)面在新標(biāo)簽頁(yè)打開。)

造成差異的原因

查找了一些相關(guān)資料,主要有下面幾個(gè)說(shuō)法:

1.早期的W3C標(biāo)準(zhǔn)不支持target="_blank"等屬性,國(guó)外互聯(lián)網(wǎng)普及也比國(guó)內(nèi)早,于是慢慢養(yǎng)成了習(xí)慣。

2.早年國(guó)內(nèi)網(wǎng)絡(luò)環(huán)境普遍比較慢,采用新開標(biāo)簽頁(yè)的方式可以減少用戶心理等待時(shí)間,而不是干等著當(dāng)前頁(yè)面加載。

3.默認(rèn)情況下是當(dāng)前頁(yè)面打開,這時(shí)是可選的,按住ctrl點(diǎn)擊鏈接或者直接拖拽鏈接到新標(biāo)簽頁(yè)可以在新標(biāo)簽打開頁(yè)面,這使得用戶更有選擇權(quán),可以自己決定打開方式;而用了target="_blank"讓用戶失去了選擇權(quán),讓外國(guó)人覺(jué)得不禮貌。

4.早期國(guó)內(nèi)互聯(lián)網(wǎng)發(fā)展較為浮躁,網(wǎng)站想通過(guò)新標(biāo)簽頁(yè)打開外鏈留住用戶,提高pv。

相關(guān)鏈接:為什么國(guó)外大部分網(wǎng)站內(nèi)鏈接都不用新標(biāo)簽頁(yè)打開?



新標(biāo)簽頁(yè)打開vs當(dāng)前頁(yè)面打開?

就國(guó)內(nèi)外設(shè)計(jì)方式而言,并沒(méi)有好壞之分,只是長(zhǎng)久以來(lái)的習(xí)慣差異而已。

就國(guó)內(nèi)用戶而言,許多人尤其是老年人并不習(xí)慣甚至或許不知道網(wǎng)頁(yè)中有個(gè)后退前進(jìn)按鈕可用,于是鏈接打開方式的一致性就顯得比較重要了。淘寶是一個(gè)使用新標(biāo)簽頁(yè)打開方式比較極端的例子,里面幾乎所有鏈接都是彈出一個(gè)新標(biāo)簽頁(yè),不一會(huì)瀏覽器上方就全是淘寶鏈接了。這可能與淘寶用戶群體的龐大性有關(guān),它必須兼顧各種互聯(lián)網(wǎng)使用經(jīng)驗(yàn)級(jí)別的用戶。

關(guān)于何時(shí)在新標(biāo)簽頁(yè)打開何時(shí)當(dāng)前頁(yè)面刷新的情況也沒(méi)有統(tǒng)一的用法和標(biāo)準(zhǔn),但是從體驗(yàn)角度和網(wǎng)站角度有一些比較可行的說(shuō)法:

1.外部鏈接用新標(biāo)簽頁(yè)打開。如本文有幾個(gè)相關(guān)外部鏈接,對(duì)于用戶來(lái)說(shuō),可能希望同時(shí)打開多個(gè)鏈接以供之后平行查看,同時(shí)可以繼續(xù)閱讀本文;對(duì)于網(wǎng)站來(lái)說(shuō),外部鏈接采用新標(biāo)簽頁(yè)打開一定程度上利于留住用戶。

2.列表性鏈接用新標(biāo)簽頁(yè)打開。如搜索結(jié)果,論壇帖子等,結(jié)果鏈接與帖子里的鏈接傾向于新標(biāo)簽打開,因?yàn)殚L(zhǎng)長(zhǎng)的帖子或搜索結(jié)果頁(yè)面權(quán)重大,后退刷新的話不容易回到原處,即容易失焦,會(huì)讓人比較困擾。電商網(wǎng)站中同一類目的商品列表也傾向于新開標(biāo)簽頁(yè),防備用戶來(lái)回對(duì)比查看。

3.不屬于當(dāng)前任務(wù)流程的鏈接用新標(biāo)簽頁(yè)打開。如與客服溝通時(shí)查看商品的鏈接,表單填寫時(shí)的一些說(shuō)明性鏈接等,目的是為了一致連續(xù)地完成當(dāng)前任務(wù)。

4.大文檔如pdf等鏈接用新標(biāo)簽頁(yè)打開。加載大文檔時(shí)可以讓用戶返回原標(biāo)簽頁(yè)面同時(shí)做其它的事。

當(dāng)然還可以有其他方式,舉一個(gè)網(wǎng)頁(yè)播放器的例子,如現(xiàn)在的蝦米音樂(lè)。播放頁(yè)面固定在一個(gè)標(biāo)簽頁(yè)面,若在其它標(biāo)簽頁(yè)點(diǎn)擊播放歌曲,此時(shí)并不是當(dāng)前頁(yè)面刷新也不是新開標(biāo)簽頁(yè),歌曲是在固定的那個(gè)頁(yè)面默默地切歌播放。不會(huì)開多余的標(biāo)簽,也不會(huì)把當(dāng)前列表頁(yè)面刷新掉,用戶可以繼續(xù)發(fā)現(xiàn)歌曲。這是一個(gè)很好的交互體驗(yàn)的例子。

相關(guān)鏈接:

淺談頁(yè)面鏈接打開方式

When to use target="_blank"?



關(guān)于鏈接打開方式,很多情況下還是測(cè)試數(shù)據(jù)說(shuō)了算。但是一致性依然需要被注意,不能隨意設(shè)置,導(dǎo)致用戶無(wú)法預(yù)知他將要點(diǎn)擊的下一個(gè)頁(yè)面是如何出現(xiàn)的。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,131評(píng)論 1 92
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,008評(píng)論 25 709
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,527評(píng)論 1 41
  • 張三是一家大型公司的研發(fā)人員,公司規(guī)模不小,流程、考核趨于完善,薪資在同行里名列前茅。 張三有很強(qiáng)的學(xué)習(xí)能力和較好...
    余娜閱讀 530評(píng)論 0 0
  • 重新編輯排版,請(qǐng)移至MMDrawerController 側(cè)滑欄與內(nèi)容ScrollView滑動(dòng)手勢(shì)沖突獲得更好的閱...
    lwhldy閱讀 733評(píng)論 0 2

友情鏈接更多精彩內(nèi)容