提高用戶體驗(yàn)與新窗口打開網(wǎng)頁的關(guān)系

2020-03-22 19:22:38

字體：大中小

供稿：網(wǎng)友

論證完使用target=_blank并非絕對(duì)錯(cuò)誤之后，分場景探討如何減少新開窗口。自有意識(shí)注意這個(gè)問題，是看到Plod大叔在04年提倡不亂彈窗的奔走相告。拋開某些不合邏輯意圖不論，為什么大量使用彈出頁面？因?yàn)樵O(shè)計(jì)師擔(dān)心用戶迷失方向。為什么用戶會(huì)迷失方向？因?yàn)閷?dǎo)航系統(tǒng)不夠好。為什么導(dǎo)航系統(tǒng)不夠好？因?yàn)楫a(chǎn)品功能太多太亂。為什么功能太多太亂？因?yàn)樾枨鬀]控制好。為什么需求沒控制好？因?yàn)樘嵝枨蟮娜俗约阂矝]想清楚。說白了，很多場合都不僅僅是設(shè)計(jì)師的問題，因此只能選擇不斷妥協(xié)用劣質(zhì)方案堆砌豆腐渣結(jié)構(gòu)體系。快節(jié)奏中有些事情沒法避免很正常，但設(shè)計(jì)師應(yīng)該盡責(zé)做到迭代式的全局統(tǒng)籌重構(gòu)。應(yīng)該強(qiáng)制target=_blank 文件下載鏈接文件打印鏈接非主線任務(wù)并打斷進(jìn)程的鏈接以上參考淘寶的老包同學(xué)在08年總結(jié)符合國情的鏈接新窗口打開中的應(yīng)用場景。下載各種文件、打印各種文檔，需要前后對(duì)比的幫助，注冊(cè)表單的隱私條款都有必要target=_blank。能夠定論target=_blank必然提升用戶體驗(yàn)的場景很少，并且個(gè)人認(rèn)為隨著客戶端技術(shù)的發(fā)展，會(huì)被逐步取代。比如lightbox這個(gè)ajax應(yīng)用，給設(shè)計(jì)師帶來了查看大圖不用再新開窗口的全新設(shè)計(jì)理念，這在以前是不可想象的。可選擇target=_blank 跨域名鏈接跨應(yīng)用平臺(tái)鏈接布局改變鏈接主域名更換比如友情鏈接、網(wǎng)志內(nèi)嵌的關(guān)鍵詞外部鏈接等，而跨應(yīng)用平臺(tái)的鏈接通常也得更換二級(jí)域名。如果全部不新開窗口，為了避免意外跳出，應(yīng)該先提醒用戶這是外部鏈接；如果部分新開窗口，那么應(yīng)該有統(tǒng)一規(guī)則進(jìn)行約束，并明確告知將opens new window。見過三類案例：msdn例子，icon告知用戶這是站外鏈接。gblog例子，icon告知用戶這是站外鏈接，同時(shí)可以點(diǎn)擊target=_blank。egloos（韓國）例子，觸發(fā)時(shí)才icon告知用戶這是站外鏈接，也可以點(diǎn)擊target=_blank。來自sitepoint的Neil Turner文章補(bǔ)充了三種形式，大同小異。值得一提的是，有個(gè)使用title提示open in new window的案例，其實(shí)也符合使用Title提升可訪問性中提到操作指引的應(yīng)用。版面改變?nèi)缌斜眄撆c內(nèi)容頁的區(qū)別，用戶需要在內(nèi)容頁長時(shí)間閱讀，每次都返回列表進(jìn)入其實(shí)更不方便。最典型是Google大概在06年初做出的改進(jìn)，給搜索結(jié)果列表鏈接默認(rèn)target=_blank，這個(gè)例子幾乎同時(shí)滿足以上三個(gè)條件，并且提供默認(rèn)設(shè)置自定義改回去，100%保險(xiǎn)。
特殊的網(wǎng)站地圖、索引表也屬于導(dǎo)航，都應(yīng)該給用戶最大的控制可能。不管全局導(dǎo)航、局部導(dǎo)航、輔助導(dǎo)航、上下文導(dǎo)航，還是友好導(dǎo)航，都建議杜絕target=_blank。比如wordpress程序的sidebar容器內(nèi)，幾乎所有站內(nèi)鏈接都是導(dǎo)航，target=_blank會(huì)嚴(yán)重影響可訪問性的流暢感。tab是很常見的頁面內(nèi)容組織形式，但不管直接隱藏顯示、異步加載顯示，還是類似導(dǎo)航的跳轉(zhuǎn)，都不建議target=_blank，因?yàn)榇藭r(shí)用戶更加期望模塊內(nèi)的變化，或者在當(dāng)前窗口載入新頁。另外，導(dǎo)航鏈接與返回操作鏈接有部分重合，比如面包屑導(dǎo)航，分級(jí)往回點(diǎn)其實(shí)就是返回操作。在任何頁面進(jìn)行返回操作都代表當(dāng)前頁面已經(jīng)不需要了，因此不能新開窗口。這個(gè)返回包括點(diǎn)擊logo返回首頁，同時(shí)也是能碰到的典型錯(cuò)誤之一。表單的場景比較寬泛，比如注冊(cè)、登錄、搜索都應(yīng)該杜絕target=_blank。大量字段的數(shù)據(jù)表單提交有條很重要的可用性規(guī)范，點(diǎn)擊返回應(yīng)該能保留數(shù)據(jù)，這點(diǎn)wordpress后臺(tái)錄入很出色。基本可以廣義概括為只要影響訪問、操作流暢度的鏈接，都不建議target=_blank。其實(shí)不管什么規(guī)則，只要沒有清晰邏輯傳達(dá)給用戶，都會(huì)造成意外。只不過設(shè)計(jì)難點(diǎn)在于，無法準(zhǔn)確判斷這個(gè)意外是否在用戶所期待的可接受范圍之內(nèi)。既然用戶所期待是否需要target=_blank的場景不好判斷，但是應(yīng)該強(qiáng)制、不能強(qiáng)制這兩類常見錯(cuò)誤場景相對(duì)容易達(dá)成共識(shí)，因此個(gè)人認(rèn)為還是容易找到解決問題的思路。簡單例子不再贅述，有機(jī)會(huì)另補(bǔ)充。html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：怎么設(shè)計(jì)自己的網(wǎng)頁

下一篇：網(wǎng)頁教案,針對(duì)初學(xué)者的教案