直播中
“ 頁面打開方式作為鏈接產(chǎn)品路徑的基礎(chǔ),在設(shè)計的過程中,或多或少都會遇到選擇困擾,尤其是產(chǎn)品功能復(fù)雜,層級較多時,如何讓用戶按照自己的意愿清晰的瀏覽信息,保持操作連慣性,是值得體驗設(shè)計仔細思考與分析的?!?/span>
01 頁面打開方式的類型
網(wǎng)頁中可操作的鏈接,主要有按鈕、icon及文字鏈接,設(shè)計中常用的打開方式則主要有以下三種:
1、當前頁打開。點擊操作鏈接后,在當前的瀏覽器頁面中進行內(nèi)容顯示與操作。
2、新開頁面。點擊操作鏈接后,在瀏覽器中新開一個獨立的標簽頁面,進行內(nèi)容顯示與操作。
3、彈出框。點擊操作鏈接后,在當前的瀏覽器頁面中,彈出一個小尺寸的對話框,進行內(nèi)容顯示與操作。
02 當前頁打開&新開頁面
首先來說說最具爭議的新開頁面&當前頁打開。分別代表“新窗口打開”和“當前窗口打開”,下圖是這兩個參數(shù)的屬性描述。
從這兩個參數(shù)的屬性上來看,“當前窗口打開”是系統(tǒng)默許的處理方式。這個打開方式在國外的網(wǎng)站中實現(xiàn)方式比較統(tǒng)一,用戶也形成了一致的習慣,但國內(nèi)的形式則不盡相同,以至于一直頗具爭議,不同類型網(wǎng)站之間、同一網(wǎng)站不同場景之間也沒有一個明確的規(guī)則標準可供大家學習和參照。
針對這個問題的討論,可以聽到兩種不同的用戶聲音,并且都站在各自的角度禪述其道理。
用戶的目的較為明確,查找對象確定(用戶想要查看的對象是確定的,如購物車中的產(chǎn)品,用戶有明確的目標,找到鏈接打開頁面即可,不像搜索查找商品,需要一步步縮小范圍甚至比對查看)鏈接入口常駐在網(wǎng)站的信息欄,用戶可以隨時切換,操作方便,且不存在重新輸入的成本。
那么,關(guān)于這兩種打開方式,到底哪種操作更順暢,確實難分高下,就跟“確定和取消哪個在左,哪個在右”是一種性質(zhì)的問題,沒有好壞之分,關(guān)鍵是要看在哪種場景下使用更合適。
當我們不知道如何抉擇時,或許 “不強制用戶”才是最好的體驗!因為我們面臨的用戶多樣,電腦操作熟悉程度多樣,因此不同用戶對于打開方式的習慣也具有多樣性,這個是設(shè)計者無法揣測和調(diào)查清楚的。在“兩害取其輕”的情況下,在當前窗口打開鏈接,不失為一個選擇,尊重用戶自己的決定,讓用戶對交互界面自主可控。
03 彈出框
彈出框(彈層)又叫模態(tài)對話框,是指在用戶想要對當前對話框以外的應(yīng)用程序或內(nèi)容進行操作時的提示方式。它一般覆蓋在整體頁面之上,避免了頁面跳轉(zhuǎn)。
彈出框通常是為了實現(xiàn)一個單獨的內(nèi)容,在不離開整體頁面的情況下有一些互動,提供信息和交互。
如下圖知乎中的“寫想法”,用戶可以快速的在彈出框中記錄個人想法,記錄發(fā)布后,很順暢的回到之前的路徑上繼續(xù)操作,便捷高效,操作思路清晰。
04 總結(jié)
本文結(jié)合這三種鏈接打開方式的頁面交互關(guān)系,進行適用場景舉例,并總結(jié)每種方式的優(yōu)缺點,方便在網(wǎng)頁設(shè)計中更好的根據(jù)不同的場景選擇合適的頁面打開方式。