在網頁跳轉中,什麼時候在本頁面跳轉,什麼時候彈出新頁面?

求詳細的答案


其實國外的網頁操作「心智模型」是沒有打開個新的頁面的,Jackon Nielsen有篇文章

《Avoid Within-Page Links》,裡面講到用戶對鏈接的心智模型應該是這樣的:

Jackon Nielsen提出的用戶對鏈接的心智模型是這樣:

1、點擊一個鏈接應該跳轉到一個新的頁面;

2、點擊了一個鏈接,老的頁面不應該還在;

3、新頁面替代了老頁面;

4、你一眼看到的應該是新頁面;

5、有個後退按鈕可以讓你退回老頁面;

所以,如果你去Amazon看,上面所有商品點擊都是直接跳轉,這跟淘寶截然不同。

比較有趣的是,google英文和中文站不一樣,點擊一個搜索結果交互反饋不一樣。

具體可以看我之前的這個文章:

http://budodesign.cn/blog_show.asp?wzid=58


很多時候人們喜歡按照一定的規則來做交互,我覺得這樣的交互不是好交互。

如果從用戶目標的角度出來你就可以很好的判斷什麼時候跳轉什麼時候彈出新頁面。

問自己一個問題,當用戶在瀏覽新頁面之後需要返回的需求有多大?如果他只是看一看就想反回,比如新聞瀏覽的時候,點擊了感興趣的新聞,在觀看了之後還是要返回的,那麼彈出新頁面就比跳轉好。


1、當前連續流程及連貫閱讀,即用戶在一個主任務上進行線性操作時,用當頁跳轉。2、站外鏈接、相關閱讀、幫助性內容或是輔助當前頁面的信息,即非用戶主任務流程中涉及的內容,用新窗口。

3、信息架構複雜的大型網站,首頁打開的鏈接,建議用新窗口。


我已經被豆瓣培養地習慣於「在新頁面打開鏈接」了。。。。


跳轉到外域的,新頁面

可能中斷當前操作的,新頁面(例如註冊時候的用戶協議)


@可大力和@tenione說的我都比較贊同,任何一個東西都是有原因的。同樣的,跳轉頁面和不跳轉頁面也是有原因的。如果你的操作都是垂直在一條線上面,那麼我的選擇一般都是不跳轉頁面,因為用戶的操作大部分都在他自己的控制當中。如果鏈接可能導致之前的操作發生中斷,就會新出頁面讓用戶自己去選擇,新出頁面可能會讓用戶的邏輯有一定的中斷,這樣子的頁面被用戶關閉的可能性很大,同樣的來說,當頁面信息並不是用戶想要的,被關閉的可能性也是很大的.

不同的web產品有不同的方式,最好自己琢磨,這個東西沒有一定的規律。


不應該局限於具體的規則。不同的產品,會出現不同的網頁跳轉設計。在同一產品內,保持基本統一的風格。

不局限於規則,是指不要照搬教條。需要根據自己的產品特點,受眾人群,來分析最合適的方式。

保持基本統一的風格是指,讓用戶在使用產品的過程中保持習慣性的動作。混亂的用戶體驗帶來的是偏高的流失率。

以視頻網站為例。

  1. 愛奇藝

規則簡單:所有頁面都是在當前頁面內跳轉。無論是從首頁到頻道,或者二級分類,再具體到視頻頁面都是直接在頁面內跳轉。流暢的用戶體驗,讓用戶以最小的使用代價直達需求信息。

問題:從視頻頁面回到分類、頻道或者首頁呢?只能通過固定浮層導航欄。

2. 搜狐視頻

規則中庸:首頁、頻道、分類頁面會在當前頁面內跳轉。視頻頁面會在新頁面中打開。這種方式側重於保留信息聚合頁面。引導用戶在觀看完視頻後可以關閉當前頁面(有連播的除外),回到聚合頁面。信息引導力更強。缺點是會產生較多的新頁面,如果用戶沒有關閉的話。

3. 優酷視頻

最後分析優酷視頻,不是因為設計的不好。而是它的規則擁有很大的不同。

優酷視頻與搜狐視頻最大的不同點在於,優酷視頻保留一個視頻播放頁。也就是說,如果在分類頁面,首先打開視頻A,會產生一個新頁面;然後從分類頁面打開視頻B,會覆蓋視頻A所在的頁面。

這種方式保留了信息聚合頁面,又不至於產生更多的新頁面。不失為一種新穎的設計。

如何做到的呢?在打開方式這裡都指定了一個目標「video」 &。

4. 總結

這三種不同的設計,對於不同的用戶會有不同的用戶體驗的。

對於網速為54KB的用戶而言,他們的習慣是同時打開多個視頻,讓他們多緩衝一會,洗個澡澡,吃個飯飯,然後這幾個頁面緩衝的差不多了。這個時候,搜狐視頻對於他們來說是最佳的選擇。我曾經就被優酷視頻坑了不少次。總是習慣的要多打開幾個頁面,放放廣告啊什麼的,結果總是悲劇。

對於稍微高端點的用戶而言,他們會根據自己的需求來打開頁面。火狐用戶可以通過ctrl鍵在新標籤頁打開,通過shift鍵在新窗口打開。或者還是滑鼠右鍵來選擇吧。

對於廣大普通用戶而言,愛奇藝和搜狐視頻的用戶體驗更好吧。

以上為自己的體驗觀點,對三者沒有惡意攻擊,不需要解讀。


  • 當前頁面如果是一個信息的集中站,那麼就在新窗口中打開,以防本頁面被關閉,比如新聞首頁,社區首頁,相冊列表。
  • 如果是單一的信息,用戶跳轉的話可能說明已經閱讀完本頁面,那麼可以在本頁跳轉,避免太多窗口被打開,比如一條獨立的新聞信息,一張瀏覽中的相片等。

其實上網多了用戶自己會有一個心理暗示知道是怎麼打開的,所以如果與用戶心理預期不一樣那麼就說明設計有問題。


舊的頁面不需要再保留的就直接在當前頁面打開,如果需要保留的就在新頁面打開,這是最基本的原則


用戶習慣說開去,我記得以前很早有一份統計。中國因為還佔據大部分的IE6用戶,所以培養出一個很不好的習慣就是——點擊連接後不斷的打開新窗口。。

如果從網站架構說開,應該是信息歸類的跳轉還是個體單位的跳轉,譬如網站導航的欄目,應該是本頁面打開;而類似一個圖片、一條新聞的連接就打開新窗口跳轉,會比較符合現在大部分網民的心智。。嗯,說的是暫時的~


導航性質的鏈接應該在本頁中跳轉,展開信息性質的鏈接應該彈出新窗口。但是國外好多網站一律是本頁跳轉。另外,類似視頻網站播放頁這樣的頁面,應該鏈接到同一個target,這樣不會出現同時播放多個視頻的情況。當然了,如果確實想同時查看多個視頻,那就手動打開新頁面好了。


不贊同這個老外說的,多窗口瀏覽器出來之前,ie那個垃圾要開無數個窗口。後面被人反超n多了,才勉強妥協推出個多標籤頁的。用戶處理任務時尤其是後台系統,一般都是多任務的,否則就不會有列表list。不意味著我要一個個處理完,不停地返回,就好比瀏覽xin浪新聞,新聞列表頁,我是不會關的,我會先在新窗口點開感興趣的新聞,看一個關掉一個,這種情況很常見,面對任務列表也一樣。

應該是導航性質的大分類直接在當前頁,詳細內容新頁面。如果當前有任務要處理,或者當前就是詳細內容頁的都是新頁面打開,因為之前的頁面你還需要用。


有標籤的瀏覽器就新窗口打開

沒有的比如IE6就當前窗口開

頁面非常重不能讓用戶關掉的新窗口打開

頁面重要度低的當前窗口開

對產品不自信就新窗口打開

自信就當前窗口開


推薦閱讀:

Uber 怎麼投訴?
請問大家會想網易雲音樂成為一個社交App么?
豆瓣電影有哪些體驗不好的地方?
觸摸屏對筆記本來說意味著什麼?(用戶習慣、軟體設計/操作和硬體方面)
目前市場上眾多用車類App(快的/滴滴、Uber/易到、天天用車、拼車類)有哪些區別?哪家用戶體驗最好?

TAG:用戶體驗 | 交互設計 |