【細節(jié)思考】3種常見的頁面打開方式

2 評論 19015 瀏覽 9 收藏 5 分鐘

3種方式

1.當前頁面加載

在當前的瀏覽器頁面加載目標頁面

2.打開新的標簽頁

在一個頁面進行打開頁面操作,打開的是旁邊新的瀏覽器標簽頁

3.彈出瀏覽器小窗口

在當前頁面,彈出一個面積較小的瀏覽器窗口

當前頁面加載 or打開新的標簽頁?

年初時,就在知乎上提過這個問題

網站設計時,怎么判斷進入下一個頁面需要新開標簽頁,還是在當前頁面刷新?

基本結論是

1.新頁面在當前任務流中,屬于輕操作,則在當前頁加載

例如,在分步操作中,點擊了【下一步】

2.新頁面在當前任務流中,但屬于重度操作,則新開標簽頁

例如,國內大部分電商網站的列表頁面,跳轉到產品詳情頁(其實這個任務也可以看成是,選擇商品的的任務,和細看商品的任務,那么就是下面的第三種情況)

3.新頁面如果是跳出了當前的任務流,到了一個功能和內容非常不一樣的頁面,則使用新開標簽頁

例如,點擊友情鏈接,到了一個和你當前瀏覽的頁面不相關的網站

4.以上可以看出,判斷使用哪種方式,總得來說,是用模糊的“輕”和“重”的概念作評判標準,靠設計者的直覺和經驗來判斷,真的沒有絕對的規(guī)則

5.知乎的回答中,有人說,國內的網站基本喜歡使用打開新的標簽頁,國外的網站喜歡在當前頁加載(這一點沒有專門去考證)

彈出瀏覽器小窗口

這里彈出的小窗口,是為了模擬現(xiàn)在常見的模態(tài)彈層的效果。目的是在進行另外一個任務的時候,不去打斷當前頁面的主任務。

例如,常見的第三方登錄

用qq 登錄知乎的小窗口

但我發(fā)現(xiàn),簡書在第一次使用第三方登錄時,采用的是在當前頁面加載,則明顯不是一個最優(yōu)解。點擊 qq 登錄,則跳轉到,如下圖所示,一個風格非常不一樣的頁面,在我看來,這是一個很“重”的操作

簡書上點擊了 qq 登錄后,當前頁變成了這樣

然而,這樣做卻有一個好處,就是你第二次來到這個網站時,點擊第三方登錄,會直接完成登錄,不會出現(xiàn)任何彈窗在你面前閃過,登錄操作一氣呵成。

考慮到第三方賬戶密碼界面的出現(xiàn)頻率,個人覺得簡書的這個策略,綜合來看是更優(yōu)秀和友好的。

補充一個冷知識

如下圖所示,一個瀏覽器窗口中,展示了多個標簽頁,事實上是一個專利

一個瀏覽器窗口中,展示了多個標簽頁

而這個專利的發(fā)明人,是…………………………………………………………小馬哥…………………………………………和他的小伙伴

截圖來自于中國專利中心

其實想想,很早以前用 IE 的時候,確實網頁都是一個窗口一個窗口的打開的,后來我用了騰訊最早的一款瀏覽器——騰訊 TT,印象中,感覺是不太一樣哦~

作者:德川亮;via:簡書

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 居然是6年前的文章……受益了……

    來自山西 回復
  2. 前面說的感覺一般,后面小馬哥的專利還是比較吸引人的。優(yōu)秀的產品設果然關注細節(jié)。[good]

    來自吉林 回復