選個優(yōu)雅的姿勢打開頁面

在進行前端頁面設(shè)計的時候,有一個很容易被忽視的小細節(jié)——是否需要新頁面打開。

關(guān)于這個細節(jié),前端在實現(xiàn)時只要下面一句代碼就能完成——

target="_blank"

但是在實際應用中,稍作注意這個細節(jié)對提升用戶體驗會有一定的幫助。這里先從場景出發(fā)對PC端電商平臺分享一些小見解。

新頁面打開更適合瀏覽型場景或共存型頁面。

新頁面打開可以幫助用戶自由的在各種信息中進行切換。在電商平臺中,新頁面打開多用于:用戶需要前往其他頁面,但當前頁面仍然留有更多對其有引導或提示作用的其他信息。不僅僅是在電商平臺中,新頁面打開可以避免因為關(guān)閉當前頁面而誤退出網(wǎng)站,降低網(wǎng)站退出率。

舉個栗子,需要新頁面打開的情況:

1)當頁存在多個頻道(或詳情頁)入口,打開跳至頻道(或詳情頁)但仍需要保留當前頁面成為其他信息的入口:比如一些廣告位,搜索結(jié)果頁。

2)當頁加載打斷了一個正在進行的主流程,跳轉(zhuǎn)可能會影響其完成:比如注冊頁,正在填寫表單信息時,用戶想了解相關(guān)協(xié)議條款。

3)當頁需要對后續(xù)頁面的操作結(jié)果進行判斷,從而完成跳轉(zhuǎn)或提示:比如第三方提供支付服務的支付頁面。

當然栗子還有很多,這里就不贅述了。

再舉個栗子,當前頁面打開的情況:

1)所有返回頻道首頁,返回列表頁或者返回上一級的操作:比如點擊logo返回首頁,再比如瀏覽器自帶的后退操作

2)當前頁面處于一個正在進行的流程中,且存在不可重復執(zhí)行的操作:比如正在填寫表單信息時,確認當前頁面信息并進入下一步。

3)還有一些受眾為國外用戶,較極端的為保持網(wǎng)站簡潔性而選擇當前頁面打開的網(wǎng)站,歪果仁可能覺得如果沒有征求同意就新開一個頁面是影響體驗的操作。

同樣的,栗子還是那么多。

很多情況下,相較于邏輯分析,操作形態(tài)更依賴于場景分析,視情況而定可選擇更輕量型的彈窗來規(guī)避新頁面跳轉(zhuǎn)的操作,這種情況下更要控制好彈窗的數(shù)量,畢竟彈窗普遍是為用戶所反感的。

其次,對于大型網(wǎng)站而言,由于業(yè)務較廣泛,不同的頻道通常會由很多產(chǎn)品或交互人員負責,保證各頻道細節(jié)一致性成為一項看似繁雜卻仍必不可少的工作。比如某東家用電器頻道的分類瀏覽和篩選的跳轉(zhuǎn),每次我都可以完美的退出網(wǎng)站然后十臉懵逼。在這里希望某東可以看過來并做一點微小的工作,比心。

而對于小型網(wǎng)站,當頁面存在加載速度過慢的問題時,需要拋去各種分析,直接選擇新頁面打開,反而能夠提供更好的體驗,但是最好還是做下優(yōu)化,不要挑戰(zhàn)用戶的耐心啦。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,082評論 25 709
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,160評論 1 92
  • 中國互聯(lián)網(wǎng)用戶群已經(jīng)成為世界最大的互聯(lián)網(wǎng)群體。與此同時,中國互聯(lián)網(wǎng)網(wǎng)站的發(fā)展也歷經(jīng)了幾個階段,從單純的網(wǎng)絡(luò)媒體到現(xiàn)...
    零一間閱讀 4,777評論 1 41
  • 搜索引擎優(yōu)化(Search engine optimization,簡稱SEO),指為了提升網(wǎng)頁在搜索引擎自然搜索...
    翻滾吧海闊天空閱讀 4,208評論 5 14
  • 別說聽不懂的人話,亂講不該講的劇情,丟掉那些昂貴的物件兒,誰不是真心等待和認真思考,亂節(jié)奏狂打call,...

友情鏈接更多精彩內(nèi)容