<label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>

    將想法與焦點(diǎn)和您一起共享

    網(wǎng)站鏈接的設(shè)計(jì)發(fā)布者:本站     時間:2020-03-04 12:03:12

    網(wǎng)站使用兩種鏈接:鏈接網(wǎng)站內(nèi)頁的導(dǎo)航鏈接;內(nèi)容中用來提供補(bǔ)充材料、腳注、題外話或者類似主題的經(jīng)典“嵌入式”超文本鏈接。盡管導(dǎo)航鏈接可能會導(dǎo)致網(wǎng)站設(shè)計(jì)問題,但更為嚴(yán)重的是過多或者過少嵌入超文本鏈接的問題。
     
    嵌人超文本鏈接可能會引起兩個基本問題。它們會通過邀請用戶離開網(wǎng)站的形式而干擾網(wǎng)站內(nèi)容的流暢性。當(dāng)用戶跟著嵌入鏈接跳轉(zhuǎn)到新的頁面(尤其是那些你網(wǎng)站之外的新頁面)時,鏈接還會直截了當(dāng)、不作任何解釋地將用戶引入不熟悉領(lǐng)域,從而激進(jìn)地改變信息環(huán)境。


     
    在精心設(shè)計(jì)的超文本中,主要設(shè)計(jì)策略是使用鏈接來強(qiáng)化信息,而不是轉(zhuǎn)移用戶或者將他們送至某些其他的網(wǎng)站來搜索細(xì)小的補(bǔ)充內(nèi)容。網(wǎng)站中的絕大多鏈接都應(yīng)該指向你網(wǎng)站中的其他資源、共享同一圖形設(shè)計(jì)的頁面、導(dǎo)航控件,以及整個內(nèi)容主題。盡可能地將相關(guān)的視頻或者文本材料集成到網(wǎng)站中,不要讓用戶認(rèn)為你已經(jīng)將他們帶離到網(wǎng)站框架之外。如果你必須要將讀者轉(zhuǎn)移到網(wǎng)站之外,請確保鏈接周圍的材料能讓用戶清楚地知道已經(jīng)離開了你的網(wǎng)站并且跟隨著鏈接進(jìn)入了另一個網(wǎng)站。在提供鏈接的同時簡要地描述鏈接網(wǎng)站,以便用戶理解鏈接材料之間的關(guān)聯(lián)。在頁面放置鏈接時,僅將那些最為突出的鏈接放在正文中,將所有次要鏈接、說明性鏈接、補(bǔ)充說明鏈接或者腳注鏈接放在不會千擾讀者視線、又可以使用的文檔底部。
     
    說明性鏈接
     
    你網(wǎng)站的絕大多數(shù)訪問者都會在訪問過程中訪問其他目的地,他們會看到你在讓整個旅程盡可能的直觀可預(yù)測之上所做的努力,這個旅程中很少有無意義的支線或者死胡同。任何旅程成功的關(guān)鍵都是沿途清晰的標(biāo)識,它在網(wǎng)絡(luò)環(huán)境中的表示形式為鏈接。
     
    鏈接是幫助用戶了解哪條路線最有可能到達(dá)目的地的路標(biāo)。好的鏈接文字可以為用戶描述將要加載的頁面,允許他們明智地決定選擇哪條路。不好的鏈接文字,例如,沒有任何說明的“單擊此處(click here)”鏈接或者吸引人卻沒有任何意義的短語,只能迫使用戶跟隨鏈接來了解目的地。沒有說明的鏈接通常會將人引人死胡同,用戶將不得不折回,這大大地浪費(fèi)了時間。
     
    在編寫鏈接時,不要圍繞鏈接短語來構(gòu)造句子,例如“單擊此處以獲取更多信息(click here for more information)”。 像你通常那樣編寫句子,并且將這些鏈接錨點(diǎn)放置在最能描述鏈接的補(bǔ)充內(nèi)容的關(guān)鍵字或短語之上。
     
    不好的做法:位于鏈接下劃線上的“單擊此處以獲得更多信息(Click here for more information)”。
     
    好的做法:要獲得通用可用性,使用鏈接下劃線來確保所有用戶都能辨識鏈接。鏈接和搜索
     
    網(wǎng)絡(luò)鏈接不只是為了方便用戶;它們還會為頁面添加一些語義。通過為特定的單詞或者短語設(shè)置鏈接,相當(dāng)于向用戶和搜索引擎發(fā)出了這樣一個信息:它與搜索關(guān)鍵字一樣重要。
     
    鏈接下劃線
     
    在手寫和打字機(jī)的時代,當(dāng)無法使用諸如粗體和斜體之類的方式區(qū)分標(biāo)題和強(qiáng)調(diào)的單詞短語等元素時,人們才選擇使用下劃線。在印刷排版中,下劃線并不理想,因?yàn)樗鼤绊懽帜傅囊鬃x性。鏈接下劃線可以保證那些分辨不清顏色的用戶(色盲用戶)以及使用非彩色設(shè)備訪問網(wǎng)絡(luò)的用戶也能將鏈接與其他的文字區(qū)別開來。對于通用可用性而言,不管有沒有顏色,鏈接都必須能被辨識。在導(dǎo)航欄或者按鈕欄上顯示的鏈接很明顯,不需要使用下劃線。不過,在正文中出現(xiàn)的鏈接應(yīng)該標(biāo)注上下劃線,以將它們與周圍文字區(qū)別開來。
     
    已訪問和未訪問的鏈接
     
    絕大多數(shù)網(wǎng)站設(shè)計(jì)會話都會經(jīng)過反復(fù)試驗(yàn)與糾錯。例如,查找電話號碼、價格或者位置都有可能涉及多個循環(huán)搜索,并且會找出一大堆無用的路徑。如果沒有一種方法用來區(qū)別哪些是你已經(jīng)查找過的鏈接,這個過程就會變成無限循環(huán),你可能會重復(fù)地訪問那些無效的頁面。通常為已訪問鏈接和未訪問鏈接提供不同的鏈接顏色,便可以幫助用戶識別哪些鏈接已經(jīng)訪問過了。









    選擇我們,優(yōu)質(zhì)服務(wù),不容錯過
    1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
    2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
    3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
    ------------------------------------------------------------
    24小時聯(lián)系電話:021-58370032
    99人妻中文字幕视频在,亚洲无码视频在线免费看,久久国产乱子伦免费精品,日本中文字幕色视频网站
    <label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>