在進行前端頁面設(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)用戶的耐心啦。