網站超級連結的開啟方式探討_HTML/Xhtml_網頁製作

新視窗開啟,優點：使用者點連結的時候，目前瀏覽的內容不會被替換，不需要透過前進、後退去看自己看過的內容；缺點：造訪一會，就會產生大量窗口，佔用資源。每個視窗都需要手動關閉.
一．連結開啟方式

新視窗開啟
優點：用戶點連結的時候，目前瀏覽的內容不會被替換，不需要透過前進、後退去看自己看過的內容；
缺點：訪問一會兒，就會產生大量窗口，佔用資源。每個視窗都需要手動關閉； 目前視窗開啟
優點：可以一直在一個視窗內看內容，不會開啟很多視窗、佔用太多資源。視窗只有一個，關閉容易；
缺點：當使用者需要看幾個頁面的內容，或是需要對比著看的時候，就很麻煩。或必須按住SHIFT點擊鏈接，但很少人知道並使用該操作； 有選擇的使用新視窗和目前視窗
優點：可以比較人性化的解決以上兩種方式所帶來的不便。不會大量增加視窗數量，同時使用者也可以在多個視窗切換閱讀；
缺點：使用者在點某個連結時的需求未必與設計人員的想法完全一樣。使用者無法確定到底現在這個連結是在新視窗還是目前視窗打開，造成使用者一定的心理「壓力」。

二、如何選擇連結開啟方式

對於同類型的信息，使用相同的連結打開方式； 中國人更接受連結在新視窗開啟的方式； 以下情況使用新視窗開啟：
頻道的內容連結、導航連結、文章內延伸閱讀的連結、文章的相關內容連結、在使用者需要對同類型產品進行比較時； 以下情況使用目前視窗開啟：
文章的分頁標籤、清單的翻頁標籤、文章的上/下一篇文章的連結、線性的任務（使用者註冊、發布資訊等）、當連結屬於使用者線性的閱讀/操作需要時。

三、連結可用性設計指南

使用有意義的、易於理解、容易識別的連結標籤； 保證連結標籤和連結到的頁面標題是相吻合的； 不要誤導用戶去點擊不是連結的文字、圖片； 重複重要的連結； 盡量使用文字作為連結的標籤； 使用不同的顏色區分使用者未使用/使用過的連結； 提供一致的連結標籤； 使用「pointing-and-clicking」的方式讓使用者開啟連結； 使用合適的連結長度，一個連結的文字標籤不要超過一行； 告訴使用者哪些是內部連結、哪些是外部連結； 如果頁面上有一張圖片是有連結的，那麼就要保證頁面上的所有圖片都是可點擊的。

四．新觀點

讓用戶自己去選擇如何開啟連結。例如設計師為用戶提供一個詢問-盒子（a small check-box），讓用戶來決定連結如何打開。 一些網站使用圖標對連結的性質進行描述和指引。如維基百科的外部鏈接，採用小箭頭的形式來和站內的鏈接進行區分。

五、國內典型網站連結開啟方式
1.網上購物類

目前視窗0
新視窗1
頻道切換
List
Detail
從類目
從搜尋
內部
產品圖片
進入企業/店鋪
阿里巴巴
0
1
1
1
1
1
慧聰
0
1
1
1
1
1
中國製造網
0
0
0
0
0
0
環球資源
0
0
0
0
0
無
拍拍
0
1
0
1
1
0
淘寶
0
1
1
1
1
1
卓越亞馬遜
0
0
0
0
0
無
*在頻道切換上，各網站都採用在當前頁面開啟的方式，其他連結操作多採用在新視窗開啟的方式
2.綜合入口網站類別

目前視窗0
新視窗1
頻道切換
首頁/頻道內的鏈接
新浪
0
1
搜狐
0
1
雅虎中國
0
1
網易
1
1
騰訊
1
1
中華網
1
1
3.綜合搜尋類別

目前視窗0
新視窗1
頻道切換
首頁/頻道內的鏈接
Google
0
1
百度
0
1
雅虎
0
1
搜狗
0
1
騰訊soso
0
1
*在頻道切換上，皆採用在目前頁面開啟的方式，在其他連結的操作上都採用在新視窗開啟的方式
因此，在頻道切換上，建議使用在目前頁面開啟的方式；在其他頁面的操作上，建議使用在新視窗開啟的方式。不合理的窗口開啟方式在支付寶的網站上也是大量存在的，希望上述的探討會給大家在設計窗口打開方式時有一定的幫助作用。