首頁 > web前端 > html教學 > 網站超級連結的開啟方式探討_HTML/Xhtml_網頁製作

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

WBOY
發布: 2016-05-16 16:43:24
原創
1402 人瀏覽過

新視窗開啟,優點:使用者點連結的時候,目前瀏覽的內容不會被替換,不需要透過前進、後退去看自己看過的內容;缺點:造訪一會,就會產生大量窗口,佔用資源。每個視窗都需要手動關閉.
一.連結開啟方式
    新視窗開啟
    優點:用戶點連結的時候,目前瀏覽的內容不會被替換,不需要透過前進、後退去看自己看過的內容;
    缺點:訪問一會兒,就會產生大量窗口,佔用資源。每個視窗都需要手動關閉; 目前視窗開啟
    優點:可以一直在一個視窗內看內容,不會開啟很多視窗、佔用太多資源。視窗只有一個,關閉容易;
    缺點:當使用者需要看幾個頁面的內容,或是需要對比著看的時候,就很麻煩。或必須按住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
*在頻道切換上,皆採用在目前頁面開啟的方式,在其他連結的操作上都採用在新視窗開啟的方式
因此,在頻道切換上,建議使用在目前頁面開啟的方式;在其他頁面的操作上,建議使用在新視窗開啟的方式。不合理的窗口開啟方式在支付寶的網站上也是大量存在的,希望上述的探討會給大家在設計窗口打開方式時有一定的幫助作用。
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板