|
導(dǎo)航
如何對一個網(wǎng)站進(jìn)行導(dǎo)航，是網(wǎng)站設(shè)計中最關(guān)鍵的因素之一（甚至可能是最關(guān)鍵的）。你應(yīng)當(dāng)確定網(wǎng)站的主要欄目頁，并在主導(dǎo)航欄中顯示。
關(guān)于網(wǎng)站導(dǎo)航同樣存在一個普遍的錯誤觀念（你們可能已聽說過），那就是讓訪問者在獲取信息時不要超過三次點擊。正是這種錯誤觀念的廣泛傳播，使得一 些網(wǎng)站上出現(xiàn)最糟糕和最復(fù)雜的導(dǎo)航。作為實例，你們可以去看看很多購物或價格比較網(wǎng)站，他們總是傾向于在頁面上放置盡可能多的鏈接，試圖使用戶在購買什么 之前，盡量減少點擊次數(shù)，以免他們離開并去訪問競爭對手的網(wǎng)站。但這種做法導(dǎo)致的結(jié)果很可能就是：羅列的信息過多，反倒使用戶不能有效地獲取和使用這些信 息。太多的選擇和太少的選擇一樣都會讓人無所適從。
其實只要有從一個鏈接通向下一個頁面的明確路徑，顯示用戶正在通向最終要訪問的頁面的正常過程之中，用戶是會繼續(xù)深入訪問網(wǎng)站的。
基于上一篇文章中講述的信息架構(gòu)，TDB樂隊網(wǎng)站的主導(dǎo)航欄應(yīng)當(dāng)包括指向以下部分/頁面的鏈接，“Store（商店）”頁面、“About（關(guān)于我 們）”頁面、“Contact（與我們聯(lián)系）”頁面、“The Music（音樂）”頁面、“Band News（樂隊新聞）”頁面，以及一個“返回主頁”的鏈接，并不需要包含指向如“Tour Dates（巡演日期）”、“Lyrics（歌詞）”等頁面的鏈接。指向這些頁面的鏈接應(yīng)當(dāng)僅放在相應(yīng)的網(wǎng)頁內(nèi)，也就是說，任何需要從某一個歌詞頁面直接 跳轉(zhuǎn)到“Tour Dates（巡演日期）”頁面的訪問者，都將可以被導(dǎo)航到“Band News（樂隊新聞）”頁面，然后再鏈接到“Tour Dates（巡演日期）”頁面。
要想創(chuàng)建出成功的網(wǎng)站導(dǎo)航欄，一個最關(guān)鍵的方面是“一致性”�？聪旅鎴D2所示的頁面，在頁面上方的導(dǎo)航欄中顯示了一些鏈接如指向“Home（主 頁）”, “Articles（文章）”, “Forums（論壇）”等頁面的鏈接。在dev.opera 這個站點的其他頁面，顯示的導(dǎo)航欄都是一樣的。導(dǎo)航指向顯示你目前在網(wǎng)站的哪個位置，并提供指向該欄目內(nèi)具體內(nèi)容的鏈接。舉例來說，點擊導(dǎo)航欄上的 “Articles（文章）”標(biāo)簽，將帶你到“文章”欄目的主頁面，其中包含一些指向最近發(fā)表的文章的鏈接，以及一系列指向分欄目如 “Accessibility（可訪問性）”、“CSS” 、“Mobile（移動設(shè)備）”等的鏈接（見圖2）。
圖2: The dev.opera.com的導(dǎo)航欄在網(wǎng)站所有頁面內(nèi)都保持了一致性。
網(wǎng)站上的其他一些通用元素
除導(dǎo)航欄外，通常還有其他一些通用元素要在網(wǎng)站的各個頁面內(nèi)都顯示。
絕大多數(shù)網(wǎng)站都有一些標(biāo)示所有權(quán)的品牌圖像、網(wǎng)站標(biāo)識或標(biāo)頭。例如，Yahoo!網(wǎng)站中幾乎每一個頁面，在其左上方都有一個網(wǎng)站標(biāo)識，其中附加有你正在訪問的頁面所屬的大欄目的名稱，如“Travel（旅游）”、“Movies（電影）”、“Autos（汽車）”等等。
頁面的頂部標(biāo)題部分(橫跨頁面頂部)可以不僅僅包含網(wǎng)站標(biāo)識，還可以包含或附加上主導(dǎo)航欄。此外，加上搜索框也并不少見，這可以讓用戶直接搜索網(wǎng)站的內(nèi)容和信息，而不用通過使用菜單和鏈接來導(dǎo)航。你應(yīng)該在你的網(wǎng)站的每個頁面，都包括所有或大部分這些通用元素。
頁腳部分(頁面最下端的部分)應(yīng)包含一些額外的信息，如版權(quán)聲明，以及指向有用的輔助頁面（如“About This Site（關(guān)于本網(wǎng)站）”、“Terms & Conditions（使用條款和條件）”、“Contact Us（聯(lián)系我們）”)的鏈接等。
配色、頁面布局、圖形和圖標(biāo)的使用、版面設(shè)置和圖像，創(chuàng)造出作為網(wǎng)站有機(jī)組成部分的一個網(wǎng)頁的整體形象，這里“一致性”是關(guān)鍵。讓網(wǎng)頁的外觀和布置 保持一致性，有助于保持網(wǎng)站的一體性，并創(chuàng)造出一種熟悉感。這樣你就知道你正在訪問的頁面與此前訪問的該網(wǎng)站的網(wǎng)頁是相互聯(lián)系的，都是網(wǎng)站的有機(jī)組成部 分，因為這些頁面呈現(xiàn)出的視覺形象就是相互聯(lián)系的。當(dāng)你在設(shè)計網(wǎng)站時，應(yīng)當(dāng)牢記這點，不要讓網(wǎng)站內(nèi)的各個頁面看起來就不一致。
在我們的TDB樂隊網(wǎng)站內(nèi)，頁面的頂部標(biāo)題部分將包括樂隊的標(biāo)識和名稱，以強(qiáng)化訪問者對樂隊的認(rèn)知度，讓他們在訪問各個頁面時，都意識到是在閱讀關(guān) 于樂隊的各種信息。頁腳部分將包括網(wǎng)站及網(wǎng)站內(nèi)歌詞、圖片、試聽歌曲等的版權(quán)信息，以及指向“聯(lián)系我們”、“預(yù)訂演唱會門票”等頁面的鏈接。
出處：W3C標(biāo)準(zhǔn)WEB前端DHTML精英俱樂部
責(zé)任編輯：bluehearts
上一頁 一個好的網(wǎng)頁需要什么 [1] 下一頁 一個好的網(wǎng)頁需要什么 [3]
|
第 1 頁 
第 2 頁 一個好的網(wǎng)頁需要什么 [2]
