鏈接打開方式探討
發(fā)布日期：2022-03-11 11:49 | 文章來源：源碼中國
一．鏈接打開方式
1、新窗口打開
優(yōu)點：用戶點鏈接的時候，當前瀏覽的內(nèi)容不會被替換，不需要通過前進、后退去看自己看過的內(nèi)容；
缺點：訪問一會，就會產(chǎn)生大量窗口，占用資源。每個窗口都需要手動關(guān)閉；
2、當前窗口打開
優(yōu)點：可以一直在一個窗口內(nèi)看內(nèi)容，不會打開很多窗口、占用太多資源。窗口只有一個，關(guān)閉容易；
缺點：當用戶需要看幾個頁面的內(nèi)容，或者需要對比著看的時候，就很麻煩。或者必須按住SHIFT點擊鏈接，但很少人知道和使用該操作；
3、有選擇的使用新窗口和當前窗口
優(yōu)點：可以比較人性化的解決以上兩種方式所帶來的不便。不會大量增加窗口數(shù)量，同時用戶也可以在多個窗口切換閱讀；
缺點：用戶在點某個鏈接時的需求未必與設計人員的想法完全一樣。用戶無法確定到底現(xiàn)在這個鏈接是在新窗口還是當前窗口打開，給用戶造成一定的心理“壓力”。
二、如何選擇鏈接打開方式
1.對于同類型的信息，使用同樣的鏈接打開方式；
2.中國人更接受鏈接在新窗口打開的方式；
3.以下情況使用新窗口打開：
頻道的內(nèi)容鏈接、導航鏈接、文章內(nèi)延伸閱讀的鏈接、文章的相關(guān)內(nèi)容鏈接、在用戶需要對同類型產(chǎn)品進行比較時；
4.以下情況使用當前窗口打開：
文章的分頁標簽、列表的翻頁標簽、文章的上/下一篇文章的鏈接、線性的任務（用戶注冊、發(fā)布信息等）、當鏈接屬于用戶線性的閱讀/操作需要時。
三、鏈接可用性設計指南
1.使用有意義的、易于理解、容易識別的鏈接標簽；
2.保證鏈接標簽和鏈接到的頁面標題是相吻合的；
3.不要誤導用戶去點擊不是鏈接的文本、圖片；
4.重復重要的鏈接；
5.盡量使用文字作為鏈接的標簽；
6.使用不同的顏色區(qū)分用戶未使用/使用過的鏈接；
7.提供一致的鏈接標簽；
8.使用“pointing-and-clicking”的方式讓用戶打開鏈接；
9.使用合適的鏈接長度，一個鏈接的文字標簽不要超過一行；
10.告訴用戶哪些是內(nèi)部鏈接、哪些是外部鏈接；
11.如果頁面上有一張圖片是有鏈接的，那么就要保證頁面上的所有圖片都是可點擊的。
四．新觀點
1.讓用戶自己去選擇如何打開鏈接。例如設計師為用戶提供一個詢問-盒子（a small check-box），讓用戶來決定鏈接如何打開。
2.一些網(wǎng)站使用圖標對鏈接的性質(zhì)進行描述和指引。如維基百科的外部鏈接，采用小箭頭的形式來和站內(nèi)的鏈接進行區(qū)分。
五、國內(nèi)典型網(wǎng)站鏈接打開方式 1. 網(wǎng)上購物類
*在頻道切換上，各網(wǎng)站都采用在當前頁打開的方式，其他鏈接操作多采用在新窗口打開的方式 2. 綜合門戶類
*在頻道切換上，使用這兩種打開方式的網(wǎng)站各占一半，在其他鏈接的操 作上都采用在新窗口打開的方式 3. 綜合搜索類
*在頻道切換上，均采用在當前頁打開的方式，在其他鏈接的操作上都采 用在新窗口打開的方式 因此，在頻道切換上，推薦使用在當前頁打開的方式；在其他頁面的操作上，推薦使用在新窗口打開的方式。不合理的窗口打開方式在支付寶的網(wǎng)站上也是大量存在的，希望上述的探討會給大家在設計窗口打開方式時有一定的幫助作用。
1、新窗口打開
優(yōu)點：用戶點鏈接的時候，當前瀏覽的內(nèi)容不會被替換，不需要通過前進、后退去看自己看過的內(nèi)容；
缺點：訪問一會，就會產(chǎn)生大量窗口，占用資源。每個窗口都需要手動關(guān)閉；
2、當前窗口打開
優(yōu)點：可以一直在一個窗口內(nèi)看內(nèi)容，不會打開很多窗口、占用太多資源。窗口只有一個，關(guān)閉容易；
缺點：當用戶需要看幾個頁面的內(nèi)容，或者需要對比著看的時候，就很麻煩。或者必須按住SHIFT點擊鏈接，但很少人知道和使用該操作；
3、有選擇的使用新窗口和當前窗口
優(yōu)點：可以比較人性化的解決以上兩種方式所帶來的不便。不會大量增加窗口數(shù)量，同時用戶也可以在多個窗口切換閱讀；
缺點：用戶在點某個鏈接時的需求未必與設計人員的想法完全一樣。用戶無法確定到底現(xiàn)在這個鏈接是在新窗口還是當前窗口打開，給用戶造成一定的心理“壓力”。
二、如何選擇鏈接打開方式
1.對于同類型的信息，使用同樣的鏈接打開方式；
2.中國人更接受鏈接在新窗口打開的方式；
3.以下情況使用新窗口打開：
頻道的內(nèi)容鏈接、導航鏈接、文章內(nèi)延伸閱讀的鏈接、文章的相關(guān)內(nèi)容鏈接、在用戶需要對同類型產(chǎn)品進行比較時；
4.以下情況使用當前窗口打開：
文章的分頁標簽、列表的翻頁標簽、文章的上/下一篇文章的鏈接、線性的任務（用戶注冊、發(fā)布信息等）、當鏈接屬于用戶線性的閱讀/操作需要時。
三、鏈接可用性設計指南
1.使用有意義的、易于理解、容易識別的鏈接標簽；
2.保證鏈接標簽和鏈接到的頁面標題是相吻合的；
3.不要誤導用戶去點擊不是鏈接的文本、圖片；
4.重復重要的鏈接；
5.盡量使用文字作為鏈接的標簽；
6.使用不同的顏色區(qū)分用戶未使用/使用過的鏈接；
7.提供一致的鏈接標簽；
8.使用“pointing-and-clicking”的方式讓用戶打開鏈接；
9.使用合適的鏈接長度，一個鏈接的文字標簽不要超過一行；
10.告訴用戶哪些是內(nèi)部鏈接、哪些是外部鏈接；
11.如果頁面上有一張圖片是有鏈接的，那么就要保證頁面上的所有圖片都是可點擊的。
四．新觀點
1.讓用戶自己去選擇如何打開鏈接。例如設計師為用戶提供一個詢問-盒子（a small check-box），讓用戶來決定鏈接如何打開。
2.一些網(wǎng)站使用圖標對鏈接的性質(zhì)進行描述和指引。如維基百科的外部鏈接，采用小箭頭的形式來和站內(nèi)的鏈接進行區(qū)分。
五、國內(nèi)典型網(wǎng)站鏈接打開方式 1. 網(wǎng)上購物類
| 當前窗口0 新窗口1 |
頻道切換
|
List
|
Detail
|
|||
|
從類目
|
從搜索
|
內(nèi)部
|
產(chǎn)品圖片
|
進入企業(yè)/店鋪
|
||
|
阿里巴巴
|
0
|
1
|
1
|
1
|
1
|
1
|
|
慧聰
|
0
|
1
|
1
|
1
|
1
|
1
|
|
中國制造網(wǎng)
|
0
|
0
|
0
|
0
|
0
|
0
|
|
環(huán)球資源
|
0
|
0
|
0
|
0
|
0
|
無
|
|
拍拍
|
0
|
1
|
0
|
1
|
1
|
0
|
|
淘寶
|
0
|
1
|
1
|
1
|
1
|
1
|
|
卓越亞馬遜
|
0
|
0
|
0
|
0
|
0
|
無
|
| 當前窗口0 新窗口1 |
頻道切換
|
首頁/頻道內(nèi)的鏈接
|
|
新浪
|
0
|
1
|
|
搜狐
|
0
|
1
|
|
雅虎中國
|
0
|
1
|
|
網(wǎng)易
|
1
|
1
|
|
騰訊
|
1
|
1
|
|
中華網(wǎng)
|
1
|
1
|
| 當前窗口0 新窗口1 |
頻道切換
|
首頁/頻道內(nèi)的鏈接
|
|
Google
|
0
|
1
|
|
百度
|
0
|
1
|
|
雅虎
|
0
|
1
|
|
搜狗
|
0
|
1
|
|
騰訊soso
|
0
|
1
|
版權(quán)聲明：本站文章來源標注為YINGSOO的內(nèi)容版權(quán)均為本站所有，歡迎引用、轉(zhuǎn)載，請保持原文完整并注明來源及原文鏈接。禁止復制或仿造本網(wǎng)站，禁止在非maisonbaluchon.cn所屬的服務器上建立鏡像，否則將依法追究法律責任。本站部分內(nèi)容來源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來，僅供學習參考，不代表本站立場，如有內(nèi)容涉嫌侵權(quán)，請聯(lián)系alex-e#qq.com處理。
相關(guān)文章
關(guān)注官方微信