亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

提高用戶體驗與新窗口打開網頁的關系

2024-08-26 00:09:28
字體:
來源:轉載
供稿:網友

論證完使用target=_blank并非絕對錯誤之后,分場景探討如何減少新開窗口。自有意識注意這個問題,是看到plod大叔在04年提倡不亂彈窗的奔走相告。

拋開某些不合邏輯意圖不論,為什么大量使用彈出頁面?因為設計師擔心用戶迷失方向。為什么用戶會迷失方向?因為導航系統不夠好。為什么導航系統不夠好?因為產品功能太多太亂。為什么功能太多太亂?因為需求沒控制好。為什么需求沒控制好?因為提需求的人自己也沒想清楚。

說白了,很多場合都不僅僅是設計師的問題,因此只能選擇不斷妥協用劣質方案堆砌豆腐渣結構體系??旃澴嘀杏行┦虑闆]法避免很正常,但設計師應該盡責做到迭代式的全局統籌重構。

應該強制target=_blank

  1. 文件下載鏈接
  2. 文件打印鏈接
  3. 非主線任務并打斷進程的鏈接

以上參考淘寶的老包同學在08年總結符合國情的鏈接新窗口打開中的應用場景。下載各種文件、打印各種文檔,需要前后對比的幫助,注冊表單的隱私條款都有必要target=_blank。

能夠定論target=_blank必然提升用戶體驗的場景很少,并且個人認為隨著客戶端技術的發展,會被逐步取代。比如lightbox這個ajax應用,給設計師帶來了“查看大圖不用再新開窗口”的全新設計理念,這在以前是不可想象的。

可選擇target=_blank

  1. 跨域名鏈接
  2. 跨應用平臺鏈接
  3. 布局改變鏈接

主域名更換比如友情鏈接、網志內嵌的關鍵詞外部鏈接等,而跨應用平臺的鏈接通常也得更換二級域名。如果全部不新開窗口,為了避免意外跳出,應該先提醒用戶這是外部鏈接;如果部分新開窗口,那么應該有統一規則進行約束,并明確告知將opens new window。見過三類案例:

msdn例子,icon告知用戶這是站外鏈接。

msdn鏈接效果圖示

gblog例子,icon告知用戶這是站外鏈接,同時可以點擊target=_blank。

gblog鏈接效果圖示

egloos(韓國)例子,觸發時才icon告知用戶這是站外鏈接,也可以點擊target=_blank。

egloos鏈接效果圖示

來自sitepoint的neil turner文章補充了三種形式,大同小異。值得一提的是,有個使用title提示open in new window的案例,其實也符合使用title提升可訪問性中提到“操作指引”的應用。

neil turner文章提供的三種案例圖示

版面改變如列表頁與內容頁的區別,用戶需要在內容頁長時間閱讀,每次都返回列表進入其實更不方便。最典型是google大概在06年初做出的改進,給搜索結果列表鏈接默認target=_blank,這個例子幾乎同時滿足以上三個條件,并且提供默認設置自定義改回去,100%保險。

google結果視窗偏好設置圖示

不能強制target=_blank

  1. 導航鏈接
  2. tab條目鏈接
  3. 返回操作鏈接
  4. 翻頁鏈接
  5. 表單

特殊的網站地圖、索引表也屬于導航,都應該給用戶最大的控制可能。不管全局導航、局部導航、輔助導航、上下文導航,還是友好導航,都建議杜絕target=_blank。比如wordpress程序的sidebar容器內,幾乎所有站內鏈接都是導航,target=_blank會嚴重影響可訪問性的流暢感。

tab是很常見的頁面內容組織形式,但不管直接隱藏顯示、異步加載顯示,還是類似導航的跳轉,都不建議target=_blank,因為此時用戶更加期望模塊內的變化,或者在當前窗口載入新頁。

另外,導航鏈接與返回操作鏈接有部分重合,比如面包屑導航,分級往回點其實就是返回操作。在任何頁面進行返回操作都代表當前頁面已經不需要了,因此不能新開窗口。這個返回包括點擊logo返回首頁,同時也是能碰到的典型錯誤之一。

表單的場景比較寬泛,比如注冊、登錄、搜索都應該杜絕target=_blank。大量字段的數據表單提交有條很重要的可用性規范,點擊返回應該能保留數據,這點wordpress后臺錄入很出色。

總結

基本可以廣義概括為只要影響訪問、操作流暢度的鏈接,都不建議target=_blank。其實不管什么規則,只要沒有清晰邏輯傳達給用戶,都會造成意外。只不過設計難點在于,無法準確判斷這個意外是否在用戶所期待的可接受范圍之內。

既然用戶所期待是否需要target=_blank的場景不好判斷,但是應該強制、不能強制這兩類常見錯誤場景相對容易達成共識,因此個人認為還是容易找到解決問題的思路。簡單例子不再贅述,有機會另補充。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品视频999| 国产精品精品一区二区三区午夜版| 欧美亚洲第一页| 日韩av片电影专区| 亚洲电影成人av99爱色| 亚洲午夜小视频| 国产精品视频xxx| 亚洲精品视频网上网址在线观看| 一区二区三区www| 欧美裸体xxxx极品少妇软件| 久久影视电视剧免费网站清宫辞电视| 国产精品96久久久久久| 中文字幕在线成人| 国产视频久久网| 国产精品xxx视频| 一本大道香蕉久在线播放29| 欧美性猛交99久久久久99按摩| 亚洲日韩中文字幕在线播放| 日韩亚洲精品电影| 一本大道香蕉久在线播放29| 亚洲精品中文字幕女同| 日韩电影免费观看在线观看| 欧美电影免费观看电视剧大全| 色一区av在线| 亚洲欧美综合图区| 精品久久久久久久久久久久久| 国产精品青草久久久久福利99| 亚洲色图激情小说| 91国偷自产一区二区三区的观看方式| 国产美女久久精品| 日av在线播放中文不卡| 国产精品黄色影片导航在线观看| 成人性生交xxxxx网站| 精品视频久久久久久久| 久久精品久久久久| 国产精品h在线观看| 青青草原成人在线视频| 亚洲日韩欧美视频| 国外成人在线播放| 黑人巨大精品欧美一区二区免费| 欧美精品第一页在线播放| 91精品国产自产在线观看永久| 久久精品电影网| 性欧美xxxx交| 自拍偷拍亚洲欧美| 国内精品400部情侣激情| 91精品国产综合久久久久久蜜臀| 神马久久久久久| 亚洲国产日韩欧美在线99| 美女国内精品自产拍在线播放| 欧美激情精品久久久久久黑人| 中文字幕精品av| 国产视频在线观看一区二区| 亚洲色图美腿丝袜| 国产成人一区二区三区| 亚洲天堂成人在线视频| 欧美二区在线播放| 国产精品欧美一区二区三区奶水| 国产69久久精品成人| 日韩欧美在线免费| 97香蕉超级碰碰久久免费软件| 亚洲一区二区三区四区在线播放| 久久精品成人一区二区三区| 欧洲美女7788成人免费视频| 国产在线a不卡| 亚洲综合中文字幕在线观看| 日韩精品视频免费| 91福利视频在线观看| 国产精品高潮视频| 国产精品国语对白| 日韩欧美在线国产| 亚洲精品视频在线观看视频| 国产精品久久在线观看| 欧美另类高清videos| 日韩精品视频在线| 麻豆乱码国产一区二区三区| 成人在线精品视频| 亚洲国产精品嫩草影院久久| 日韩在线观看免费网站| 性欧美暴力猛交69hd| 91精品国产自产在线老师啪| 国内精品国产三级国产在线专| 午夜精品一区二区三区在线播放| 日本成人激情视频| 国产午夜精品理论片a级探花| 亚洲精品动漫100p| 久久精品99久久香蕉国产色戒| 久久69精品久久久久久国产越南| 高清欧美一区二区三区| 亚洲一区二区自拍| 成人妇女淫片aaaa视频| 国产精品视频免费在线| 精品国产一区二区三区久久狼黑人| 最近2019中文字幕一页二页| 最近的2019中文字幕免费一页| 欧美黑人性生活视频| 欧美日韩中文在线观看| 91久久精品国产91性色| 亚洲人成自拍网站| 久久免费在线观看| 亚洲欧美一区二区三区四区| 日韩精品极品在线观看| 欧美夫妻性生活视频| 78色国产精品| 中文字幕av一区二区| 精品国产一区二区三区四区在线观看| 国产91对白在线播放| 欧美午夜精品久久久久久浪潮| 久久精品青青大伊人av| 欧美日韩国产成人高清视频| 国产激情视频一区| 成人欧美一区二区三区在线湿哒哒| 日韩在线观看免费网站| 欧美电影免费在线观看| 国产精品va在线| 国产欧美日韩专区发布| 中文日韩电影网站| 日韩在线中文字| 91福利视频在线观看| 最近2019年好看中文字幕视频| 91网站免费观看| 欧美激情精品久久久久久大尺度| 国产精品主播视频| 色综合天天综合网国产成人网| 久久影院资源网| 欧美成人精品一区| 97超视频免费观看| 国产精品男女猛烈高潮激情| 日韩亚洲欧美中文高清在线| 国产精品女人久久久久久| 欧美理论电影网| 亚洲www在线| 亚洲天堂第一页| 亚洲欧美另类在线观看| 亚洲精品久久久久中文字幕二区| 26uuu亚洲国产精品| 国产视频综合在线| 国产在线98福利播放视频| 日韩欧美精品免费在线| 国产精品成人在线| 欧美日韩国产综合新一区| 精品国产一区二区在线| 国产97在线视频| 日韩毛片在线看| 日本国产欧美一区二区三区| 国产成人拍精品视频午夜网站| 国产成人精品网站| 成人黄色免费在线观看| 成人在线视频福利| 国内精品久久久久影院 日本资源| 亚洲欧洲日韩国产| 欧美一级片一区| 久久久久久九九九| 欧美亚州一区二区三区| 成人午夜激情免费视频| 久久97久久97精品免视看| 国产欧美一区二区三区久久| 海角国产乱辈乱精品视频| 日本欧美一级片| 精品久久久免费| 色与欲影视天天看综合网| 国产精品户外野外| 亚洲欧美日韩网| 日韩av免费在线|