web 鏈接跳轉(zhuǎn)中:打開新頁面 VS 刷新當(dāng)前頁

1 評論 23033 瀏覽 66 收藏 6 分鐘

當(dāng)從一個 web 中通過鏈接打開新頁面時,會有兩種不同的方式:

1.刷新當(dāng)前頁面,載入新頁面;

2.重新啟動一個窗口或標(biāo)簽,打開新頁面。

僅從兩種模式上來分析,直接刷新當(dāng)前頁面可以節(jié)省瀏覽器與電腦窗口的空間,并且有利于匯集用戶焦點,減少過多頁面對視覺的干擾。缺點在于覆蓋了原頁面后,會丟失部分前序頁面的信息。

而新打開頁面便于用戶來回查看前后頁面的內(nèi)容,保證信息完整。但是當(dāng)瀏覽器中打開了過多的頁面時,這種模式會使用戶對當(dāng)前頁面位置的判斷變得混亂。

對于交互方式而言,本身沒有對錯之分,而區(qū)分的,只有是否符合用戶當(dāng)前的使用情景。對于這個問題,我打算從兩個方面來討論和分析——導(dǎo)航關(guān)系與信息關(guān)系。

注明:此問題討論中,導(dǎo)航關(guān)系與邏輯關(guān)系對采用何種跳轉(zhuǎn)方式都需要綜合判斷,以下給出的結(jié)論僅表達(dá)判斷的方向,請勿生搬硬套。

首先,前后頁面在導(dǎo)航上屬于層級式導(dǎo)航,則適用于刷新當(dāng)前頁面。

信息結(jié)構(gòu)中常用的導(dǎo)航模式可以分為層級式、扁平式和內(nèi)容(體驗)主導(dǎo)式三大類。其中層級式與內(nèi)容主導(dǎo)式之間的關(guān)系,可以形象地用自動扶梯和升降電梯之間的關(guān)系來比喻。

『層級式』與『自動扶梯』

02

在層級式中,頁面與頁面之間的前景和后退都是單向的,大部分的跳轉(zhuǎn)都是沿著已經(jīng)設(shè)定好的路徑進(jìn)行,用戶往往需要原路返回幾步(或者重新開始)才能做出新的選擇。這就像商場的自動扶梯,從一樓到頂樓,你必須經(jīng)過每一層,反之亦然。

『內(nèi)容主導(dǎo)式』與『升降電梯』

03
與層級式對應(yīng),內(nèi)容主導(dǎo)式的導(dǎo)航關(guān)系中,允許用戶根據(jù)內(nèi)容(體驗)需要,跳躍式地進(jìn)入某些頁面或場景。這就像升降電梯一樣,你可以任意停留在商場的任何一層,并且做自由的跳轉(zhuǎn)。

回到新頁面的打開方式中,由于層級式的導(dǎo)航結(jié)構(gòu)更加線性,則通過瀏覽器自身的返回(前進(jìn))按鈕可以較為順利的實現(xiàn)頁面跳轉(zhuǎn),因此更加適合直接刷新打開的方式。

而在內(nèi)容主導(dǎo)式導(dǎo)航結(jié)構(gòu)中,因為頁面跳轉(zhuǎn)更加自由,僅僅憑借前進(jìn)后退容易導(dǎo)致用戶迷失在導(dǎo)航結(jié)構(gòu)中,此時采用打開新頁面的方式較為合適。

其次,前后頁面在信息流上的依存關(guān)系決定更適合采用何種新建頁面的方式。

如果前頁面與后頁面存在明顯的包含關(guān)系,如列表與條目詳情(貼吧、論壇、新聞列表等),使用打開新頁面的方式更有利于用戶查看其他條目的內(nèi)容。

而如果前頁面與后頁面為線性或平級的關(guān)系,則直接刷新會更加簡潔。

在信息類的網(wǎng)站中,主要以內(nèi)容呈現(xiàn)為主要目的,尤其是大量的 UGC 網(wǎng)站,頁面信息變化非常頻繁,此時直接刷新當(dāng)前頁面,會丟失想當(dāng)部分的信息。舉例而言,在豆瓣小組中,打開新頁面將覆蓋前頁面,則在一個活躍的小組里,你想要重新按照之前的信息來閱讀前一個頁面,基本是不可能的——當(dāng)你返回時,頁面的信息已經(jīng)發(fā)生了變化。

但是對于信息相對穩(wěn)定的網(wǎng)站來說,直接刷新的方式更加簡潔有效。如在淘寶商鋪中打開某一個商品,即便用戶返回,也一樣能夠容易地找到前序頁面的信息。

總結(jié):

如果前后頁面之間符合層級式導(dǎo)航關(guān)系,或者兩個頁面中有同樣的導(dǎo)航控件存在,或者頁面的信息流較為穩(wěn)定,則使用直接刷新當(dāng)前頁來打開新頁面的形式較為合適。

如果前后頁面之間符合內(nèi)容主導(dǎo)式導(dǎo)航關(guān)系,或者兩個頁面中至少有一個頁面沒有導(dǎo)航控件存在,或者頁面的信息流較為不穩(wěn)定,則另起頁面打開更為合適。

本文系作者?@窒息紅Leon投稿發(fā)布,轉(zhuǎn)載請注明來源于人人都是產(chǎn)品經(jīng)理,并保留本文鏈接 。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 沒有寫扁平式結(jié)構(gòu)呢?

    來自吉林 回復(fù)