交互分析:什麼時候該用target=_blank

target=_blank,是html中錨鏈接中target屬性的一個選擇值,即點擊鏈接的時候是否打開新頁面。如果寫上target=_blank,則在點擊鏈接的時候需要打開新的頁面。我在使用網站的時候,發現國內的網站好多地方都在使用target=_blank,而國外的網站則多數在當前標籤打開新頁面,那麼什麼時候應當使用target=_blank,什麼時候不使用呢?的確應當思考一下。

使用的宗旨:「需要打開新的頁面,但是當前頁面不想被關閉」

應當使用target=_blank的情況

一、站外鏈接

我們在使用某一網站的時候,往往在網站頁面的頁腳會有一些站外鏈接,或者是一些莫名其妙彈窗的廣告,這些鏈接往往與網站並不屬於同一站點,而是出於一些商業的需求或者為了提高用戶體驗添加的。這個時候當用戶在點擊該標籤時,網站的運營者並不希望新打開的頁面替換掉我自己網站的頁面。所以從網站自身的角度來看,應當在新標籤打開頁面。

二、由概述到詳細的頁面

這種情況是比較常見的一種情況,即我從一個概述或者統籌總結性質的頁面,進入到其中某一小塊的詳細頁面中。在我們使用百度搜索相關信息時,我從搜索的結果到實際搜索到的頁面時,就應當打開一個新的頁面。因為我並不知道我所要打開的頁面是否就是我想要的。同時,我仍然希望可以看到搜索的結果以便我可以方便的瀏覽其他的結果頁面。當我們瀏覽淘寶的時候,搜索到的商品結果也需要做一個較為全面的對比,此時,我也需要從新的標籤打開頁面。使用知乎時候,我瀏覽在自己的timeline上面,突然發現一個問題或者某一用戶我比較感興趣,但是我目前的主要操作點仍然在timeline上面,所以我需要從一個新的標籤打開該頁面。所以在這種由概述到詳細的頁面跳轉時,從用戶體驗方面應當從新標籤打開頁面。

三、用戶在當前頁面的操作成本較高的時候

我們在註冊一個比較有專業性質的網站時,往往需要填寫一堆的表單,但是在最後的時候會有一個用戶協議需要勾選同時可以點開。這個時候,用戶協議應當採用的方法就是新標籤打開,因為我當前的用戶操作成本較高,如果在當前頁面打開,那之前所有的操作都被進行了刷新,從用戶層面來說一定會異常的懊惱,甚至關閉網站,損失用戶或者流量。所以,在用戶進行一些操作成本較高的操作時,比如註冊或者進行一些上傳圖片,文章的操作等都需要進行新標籤的打開。必要的情況下,用戶在刷新頁面的時候也要進行彈窗的提醒,警示用戶該頁面的輸入信息將會丟失。

四、頁面中有正在進行的操作

在我們觀看視頻網站的時候,暫停時一般會彈出一些廣告。如果當我們點擊廣告將當前頁面刷新了,那當我再次希望觀看這個視頻的時候,我需要一切都重頭再來。我需要再次觀看好幾分鐘的廣告,需要拖動進度條找到自己觀看到什麼時候了,這些對於用戶來說,都是糟糕的體驗。所以在當前頁面有用戶正在進行的操作時,比如觀看視頻,收聽音樂,觀看某一小說的某一章節,都應當在點擊鏈接時從新的標籤打開頁面。

五、當前頁面的位置節點比較重要

一個頁面或者一個網站往往都會遵循二八原則,即我整個頁面可能主要的信息只佔了整個頁面內容的20%,或者網站中所有用戶瀏覽量最大,用戶轉化率最高的頁面只佔了整個網站所有頁面的20%,這些頁面,這些位置無疑是十分重要的。所以為了將用戶停留在這些頁面,在用戶點擊其中的某些鏈接的時候,往往需要從新標籤打開。

不適用target=_blank的情況

一、流程清晰且唯一

在我們使用購物網站的時候,到了購物車結算以及確認訂單這一步時,流程已經十分的明確了,當我選擇填寫完必要的信息後,提交訂單或者取消該訂單目的都十分的明確,這個時候再從一個新的標籤打開該頁面就沒有任何的必要了。在上傳一些圖片的時候,上傳完畢後需要填寫圖片的一些相關信息,而此時圖片已經上傳完畢,信息不可更改且接下來的操作也十分的明確,在點擊下一步操作的時候就可以在當前頁面重新打開新的頁面了。所以,在用戶接下來的操作已經十分明確的時候就完全可以從當前頁面打開新頁面而不是新建一個標籤了。

二、當前頁面在點擊後無實際意義

有時候在填寫一些重要信息時,網站需要我們再次將自己填寫的信息確認一遍,比如報考四六級等。確認完畢後,這個頁面就沒有任何存在的意義了,無論我們接下來要進行什麼操作,這個頁面留給我們的意義都不大,所以此時,在進行其他操作的時候就可以將其覆蓋了。

三、用戶群體明確知道該如何打開新標籤

其實瀏覽器中隱藏著關於打開新標籤的功能,當我用滑鼠中間點擊某一鏈接的時候,就可以打開新標籤;按住ctrl鍵點擊鏈接也是點開新標籤;滑鼠在鏈接右擊有在新頁面打開標籤的選項。然而這些小技巧在國內的用戶是很少知道的,但是用戶數量少並不代表沒有。如果我網站的用戶群體剛好是這樣的一群人,比如一個資深電腦玩家的論壇,就完全可以不去使用target=_blank,而是將打開標籤的方式交給用戶,讓用戶去做抉擇。

四、網站追求簡潔的效果

其實在點擊鏈接從新標籤打開這種操作大部分時候看起來往往很不錯,但是有些時候它並不是一個明智的選擇。因為如果一直從新標籤打開,你的瀏覽器會多了一堆的標籤,用戶用起來沒準會很煩惱。當用戶想要關閉的時候也需要一直的點點點,這並不是一個十分優秀的用戶體驗。所以如果你的網站追求簡潔的效果且內容不多,用戶在任何情況下可以比較方便的觸及到你網站的任何位置,不妨使用下載當前頁面打開,它會使你的用戶感覺到十分的清爽,乾淨。

總之,是否從新標籤打開頁面看起來也許並不是特別起眼,甚至可以說是一個很小的細節。但是正是這種小細節往往決定了你網站的用戶粘性,是否可以在競品中勝出。網站的交互設計者應當慎重的考慮下這些小細節。
推薦閱讀:

汽車上儀錶盤為什麼設計成凹進去?
從簡叔做到每條簡信必回,聊聊產品粉絲運營
知乎的產品改版怎麼越來越倒退了?

TAG:交互设计 | 前端开发 | 产品设计 |