一個網頁如何決定是當前頁打開還是新窗口打開?

有的用戶喜歡新窗口 有的喜歡當前窗口。

這個如何權衡呢?


在@千鳥 老師的博客里看到過這個問題,很好的總結了幾種不同的使用場景,摘抄如下:

應該強制target=_blank

  1. 文件下載鏈接
  2. 文件列印鏈接
  3. 非主線任務並打斷進程的鏈接

可選擇target=_blank

  1. 跨域名鏈接
  2. 跨應用平台鏈接
  3. 布局改變鏈接

不能強制target=_blank

  1. 導航鏈接
  2. tab條目鏈接
  3. 返回操作鏈接
  4. 翻頁鏈接
  5. 表單

原文鏈接:減少新開窗口提升可訪問性


引用我的博文 《新窗口打開鏈接的博弈》

新窗口還是當前窗口打開,一直以來頗具爭議。誠然,任何不分場景的強制使用某一種方式都是耍流氓。這裡我就不一一分析場景了,這也需要用戶研究同學提供的數據作為參考。在對用戶使用場景做出了合理分析之後,我覺得還可以把細節做的更好。

舉個栗子:

比如論壇這樣的大面積列表頁面,曾經 Discuz! 產品部門就為了是當前頁面打開還是新窗口打開進行了激烈的討論。然後某人靈機一動,何不在一個醒目的位置做出是否新窗口打開的選項呢?把選擇權交給用戶。

Like this:

勾選「新窗」後,所有的鏈接都會新窗口打開了。

那麼除了給 a 標籤增加 「target=」_blank」」的強制方式讓鏈接在新窗口打開,我們還有哪些方法呢?

  1. 單擊滑鼠中鍵可以新窗口打開
  2. 在鏈接上單擊右鍵,然後選擇「在新窗口打開鏈接」或者「在新標籤打開鏈接」
  3. 按住鍵盤上的 Ctrl/Command 單擊鏈接,新標籤打開鏈接
  4. 按住 Shift 單擊鏈接新,新窗口打開鏈接


OK,總結完畢,想要知道怎麼樣才是比較好的方式,必須做到知己知彼。知道了這些方式之後,我們可以嘗試做一些細節優化了。

比如可以嘗試通過 JS 判斷用戶 點擊滑鼠中鍵,Ctrl/Command+單擊,右鍵菜單+新標籤打開幾種方式的次數,然後弱提示用戶:親,可以試試勾選「新標籤打開鏈接」哦,這樣單擊就可以新標籤打開了哦!(然後可以提供兩個選項:1.我試試,2.不再提示我)

怎麼樣讓這樣的提示不會影響用戶的正常瀏覽,同時又能引導用戶使用這些瀏覽器自帶的功能,在文案和引導方式上需要下點功夫了。

例如 QQ空間 當用戶放大了頁面的時候會有這樣的提醒(還記得那個老闆找談話問為什麼頁面錯位的問題嗎?):

人文關懷與產品的博弈無處不在,不是嗎?

舉個切身實際的栗子:

我們每個人每天都會和搜索引擎接觸,我用 Google 的過程是這樣的:

輸入搜索關鍵詞→中鍵點擊所有感興趣的鏈接(注意此時依然是在當前頁面,中鍵點擊的鏈接是在後台打開的)→然後再分別閱讀之前打開的頁面→關閉不需要的或者看過的頁面

這裡有個關鍵是「後台打開鏈接」的功能,搜狗等國內瀏覽器默認也提供的這樣的功能:

注意如果不是後台打開新標籤,我們就需要不停的在搜索結果頁面和新打開的頁面之間切換,這是一個很頭疼的問題,所以搜狗等瀏覽器才有了這樣的功能,這是很有愛的。

一些是否關於新窗口打開鏈接的討論:

  1. 乎上你點開一個問題時,常是直接左鍵打開,還是右鍵打開新窗口?
  2. 減少新開窗口提升可訪問性
  3. 知乎裡面提問或回答中的 url 鏈接加一個 target=」_blank」 是不是會更好?每次後退好麻煩。
  4. 鏈接應該在新窗口打開嗎?
  5. 一個網頁如何決定是當前頁打開還是新窗口打開?
  6. 有多少人習慣用滑鼠中鍵點擊,在什麼情況會用?
  7. 新窗口打開 VS 當前窗口打開 — 淺談頁面鏈接打開方式

以上

一絲


要判斷從A頁面點擊某鏈接進入B頁面,是否需要新開窗口?一種比較簡單的判斷方法是:

用戶在B頁面完成操作後,重新回到A頁面的可能性有多大。

舉幾個場景:

1,用戶打開網站首頁(A),看到了首屏的廣告banner,對某個促銷活動(B)感興趣,因此產生點擊。我們可以分析下,用戶來網站購物一般都帶有購物目的性,促銷活動一般只是購物路徑臨時性的分支操作(並且首頁一般有多個促銷),因此用戶在瀏覽完某個促銷活動後,還是會繼續進行搜索、類目瀏覽等其他關鍵性的操作。因此,這個場景,新開窗口便於用戶瀏覽分支頁面、關閉分支頁面、然後回到主路徑。(也因此,一般搜索框和類目瀏覽啟動按鈕會在電商的大部分頁面出現,甚至置頂懸浮)

2,用戶輸入關鍵詞」牛奶「,進入了搜索列表頁(A),對某個商品感興趣,點擊進入商品詳情頁(B)。我們分析下,由於用戶購物會經常比較多個商品,因此用戶從詳情頁(B)回來,繼續瀏覽列表頁(A)的概率是很高的。也因此,新窗口打開。

3,翻頁。點了下一頁一般代表用戶對前一頁瀏覽完畢,因此一般情況不需要返回。因此,當前窗口打開。

4,搜索框搜詞。當用戶輸入關鍵詞,即表明用戶踏上征程,進入了一段至少3-4個頁面的主要購物路徑,短期內不會回頭。因此,可以建議當前窗口打開。

按照這個思路,一般可以快速決定哪種方案。

如果某場景下,上面的原則區分不明顯,那麼就表明,兩種方案都可以,不比太糾結。

如果非要繼續糾結,那麼就原窗口打開。因為如果你這麼設置了,用戶還是可以自己選擇」新窗口打開「的,反之這不行:)

希望對你有幫助


這個問題我以前恰好也有疑問,並做了相關調研,希望對你有幫助,如有不對歡迎指出~

-----------------------------------下面內容直接從我博客占貼過來-----------------------------------------------------

鏈接是組成互聯網世界最基本的元素,網站鏈接打開方式有本頁面打開(target=_self)和新窗口打開( target =_blank)兩種,這兩種方式看似不起眼,但卻是和用戶交互的最基礎的一種方式。很多互聯網項目在原型的設計階段沒有考慮到頁面的打開方式,會造成以後用戶使用上的麻煩。

就頁面的打開方式而言,本頁面打開即在原有頁面窗口的基礎上顯示新的頁面,原來的頁面丟失,用戶可以點擊瀏覽器的後退按鈕回到原來頁面。新窗口打開的方式,即打開新的瀏覽器窗口(或標籤),顯示新頁面的內容,原有頁面的窗口保留。用戶回到原有頁面只需關閉新窗口即可。需要注意的是,使用本頁面的方式打開的頁面中需要有明確的位置標註和返迴路徑,讓用戶可以順利返回原來的頁面。

兩種方式各有優劣,在選擇上需要明確網站的目的、轉化目標,也用戶的任務。本頁面打開的鏈接會讓用戶流失原來頁面,很有可能讓用戶中斷任務,影響網站的轉化,而新窗口打開的鏈接時間長了會造成大量的窗口,給用戶帶來不變。淘寶和卓越是兩個極端,他們憑藉業內老牌資深的優勢和長期培養的用戶習慣,基本無需在這方面考慮,在這裡不做研究討論。

參考國內排名考前的幾個b2b和b2c可以大致看出這些網站在鏈接的方式上是如何考慮的。(0=本頁面打開,1=新窗口打開,*=lightbox)

  1. 首頁的頻道鏈接,基本上都是在本頁面切換,因為這個時候沒有明確的用戶訴求,用戶的任務操作也沒有開始,所以這裡推薦使用本頁面打開的方式。
  2. 首頁的分類鏈接,京東和凡客採用本頁面打開的方式,其他網站均為新頁面打開。

兩種方式那種好呢?首先分析一下首頁的布局組成,有類似網站原型經驗的人都知道,網站的訪客分兩種:有明確購買意向的和無明意向的。頻道,分類等文字鏈接是為有明確目的的一部分用戶準備的,他們會直接點擊這種鏈接或進行搜索。而沒有明確目的的用戶為了吸引其注意力,網站準備了大塊banner,商品圖片推薦等模塊。所以首頁分類鏈接搜索推薦使用本窗口打開;而首頁的商品新聞鏈接新窗口打開,因為此時用戶沒有明確的目的,很有可能會回到首頁繼續選擇其他內容,所以不能丟失原頁面。所以,在這一方面,京東和凡客做的是很到位的。

  1. 列表方面,用戶的任務是選擇商品,這裡不必多說,所有網站幾乎毫無意外的選擇新窗口打開的方式。
  2. 商品的詳情頁,用戶已經選擇的商品,離轉化(下單)只差一步,所以這個頁面的鏈接一定不能讓用戶丟失原頁面,否則前面的所有努力前功盡棄。圖片基本都是新窗口打開(標註*的為頁面中的lightbox)。

總結:頻道切換,首頁的分類和搜索推薦使用本頁面打開;涉及用戶選擇對比的和目的不明確時發生的鏈接行為推薦使用新窗口打開,在用戶完成轉化的轉化路徑上的一切分支鏈接,推薦用新窗口打開,如果必須使用本頁面打開的方式,務必有明確的返回鏈接加以引導。


這個問題好月經。。。。。

這個問題要由具體的網頁功能分析,從而統計結果其實價值不大。

反而是由實際的操作測試來決定比較好。

基本的思路是當流程是單鏈的時候一定是本頁打開,樹狀的時候可選,網狀的話還是新開頁面比較好。

本頁打開在邏輯上不會造成中斷,事實上用戶會感到自己還在原本的頁面。

新頁面打開則會有強烈的進入新的/並列的流程,往往在需要多頁面來回切換以工作的時候這種並列感很重要。


可以總結出來的:

新窗口

  1. 瀏覽過程中的(列表中,正文中等)
  2. 鏈接到外站的

原窗口

  1. 導航/tab/菜單切換式
  2. 順序關係(返回,回到上級,回到首頁,下一頁,更多、下一步等

其他的情景,還要具體分析


這特么不是世紀問題么~拋掉所有懂滑鼠中間的人、拋掉搜友懂ctrl/command+左鍵的人,就好比「返回上一頁面與關閉當前頁面」哪個更簡單一樣,每個人都有自己的做法,而且每個時間都不同。所以合理的設計頁面級別,需要的時候用popup~


1.即將打開的網頁,是一個承載很重的頻道/列表,希望用戶減少回來當前頁面。 那就直接在當前窗口打開新網頁

2.即將打開的網頁,是某個具體的內容,希望用戶瀏覽完後可以再次回到當前頁繼續瀏覽。那就採用新窗口打開。


謝邀.....

問自己或換位(站在用戶的立場上)思考,你是否需要在同一個頁面進行多次操作,或進行多次操作的概率是多少?之後便可決定了。


謝邀,不過沒什麼好答案,學習上面各位前輩的了!

看情況分析,不同類型網站的不同,例如,視頻網站的話,我感覺新開頁面會更好,這樣我多新開了多個頁面,感覺都不是我想要的,回到我的列表頁,就方便多了,個人習慣。


遨遊滑鼠拖拽才是王道,效率和自由度都非常高,愛不釋手?


從產品的角度看,這個和前後頁面的邏輯關係有關聯,如果前一步是後一步的前置條件,那麼適合當前頁打開,這個場景可以參考電商的用戶註冊,用戶購買流程。 如果前一步是個信息集合,後一步是其中一個子集,那麼適合新開窗口。這個場景可以參考新聞列表頁和新聞詳情頁。

一般情況下,都是以當前頁面打開作為首選,因為這樣可以避免開很多窗口,而且目前的瀏覽器都支持tab方式,用戶如果想新窗口打開,可以用拖拽的方式打開新窗口。


對於新窗口和當前窗口也就是一個target="blank"屬性加不加的問題【PS這個不能寫在CSS里非常蛋疼啊】

Discuz的解決辦法是這樣的

方法一

勾選新窗口,在你新窗口打開

方法二

點擊紅箭頭是新窗口打開

點擊藍箭頭部分是當前窗口打開

至於其他網站要看具體的業務場景來決定target="blank"屬性加不加

補充一下,國內的網站基本都是新窗口打開,外國的BBC,CNN之類基本都是當前窗口打開,可能老外比較喜歡用前進和後退


滑鼠中鍵即可解決lz一切煩惱~~~


怎麼決定我不知道,但是點擊鏈接,單擊滑鼠滾輪是在新窗口打開,我一定不是最後一個知道的。


題主貌似改過問題?好多人都在回復怎麼操作的。

有子父級關係的一般需要以子窗口或新窗口打開,還有一種就是需要打開後不能關閉,需要放在一邊的,都是採用新窗口(子窗口)打開的。

其他的一般都是當前頁面跳轉了。


用滑鼠中間的滾輪點擊任何鏈接都是新窗口打開,我的網頁我掌握,ye


兩種方式本質的區別就是原頁面是否還在。

那麼選擇的標準就是用戶是否還需要保留這個原頁面。

若果用戶看完了新頁面還有回到原頁面的需求那就新窗口打開。

如果沒有就原窗口打開。


我是習慣按滑鼠滑輪,還有一種辦法就是按著shift不鬆手,然後點滑鼠左鍵。

個人偏好新窗口或者新標籤打開鏈接。


List頁面中的每一個Item,都要在新窗口中打開,其他默認當前頁面,交由用戶選擇是否在新窗口中打開。


推薦閱讀:

互聯網產品經理每天都做啥?
如何用數據驅動產品決策?
社會學與心理學的區別在哪裡?對於互聯網產品經理來說,如果想繼續深造,應該選擇哪個方向呢?
怎樣優雅的提出一個產品需求?
怎樣定義產品人員對產品的 sense?產品新人又該如何培養對產品的 「sense」?

TAG:產品經理 | 網頁瀏覽器 | 交互設計 | 用戶體驗設計 | 用戶體驗分析 |