網(wǎng)站導(dǎo)航設(shè)計分析

摘要：網(wǎng)站導(dǎo)航的基本作用是為了讓用戶在瀏覽網(wǎng)站過程中不至迷失，并且可以方便地回到網(wǎng)站首頁以及其他相關(guān)內(nèi)容的頁面。網(wǎng)站導(dǎo)航設(shè)計的好壞與否影響著用戶對網(wǎng)站的感受，也是網(wǎng)站信息是否可以有效地傳遞給用戶的重要影響因素之一。因此，網(wǎng)站導(dǎo)航系統(tǒng)也成為評價網(wǎng)站是否專業(yè)、是否具有網(wǎng)絡(luò)營銷導(dǎo)向的基本指標(biāo)之一。

關(guān)鍵詞：導(dǎo)航設(shè)計；易用性；功能性；一致性

中圖分類號：TP393文獻(xiàn)標(biāo)識碼：A文章編號：1009-3044(2008)36-3041-02

The Analyse of Baner Design in Website

SUN Xiao-ying

(Huanggang Polytechnic， Huanggang 438002， China)

Abstract: The website guidance's basic function is to let the user in glance over in the website process to not to lose， and may return to the website home page as well as other related content page conveniently. The website guidance design's quality or not is affecting the user to the website feeling， is also the website information whether can transmit effectively one of for user's material effect factors. Therefore， whether does the website guidance system also become appraises the website specialty， whether to have one of network marketing guidance basic quotas.

Key words: baner design; usability; functionality; uniformity

網(wǎng)站導(dǎo)航設(shè)計是結(jié)構(gòu)層面設(shè)計中的主要工作之一。但是很多用戶時常在瀏覽一些站點時因為沒有方便的導(dǎo)航系統(tǒng)而苦惱，原因是這些網(wǎng)站缺乏針對性和方便的導(dǎo)航系統(tǒng)，也沒有提供有助于讓我找到所需信息的幫助，他們把所有的導(dǎo)航信息都放置在雜亂的按鈕和文本鏈接上，使用戶很難找到自己要訪問的頁面。

因此，我們在進(jìn)行網(wǎng)站導(dǎo)航設(shè)計時，應(yīng)該綜合考慮客戶的需求以及網(wǎng)站的結(jié)構(gòu)，從以下幾個方面著手設(shè)計：

1 導(dǎo)航的設(shè)計應(yīng)具備易用性

網(wǎng)站的導(dǎo)航，包括頂部、底部和側(cè)面的導(dǎo)航都應(yīng)該盡可能地對用戶友好、易用，保證用戶“想”看到的在盡可能的顯眼位置，導(dǎo)航里的各要素應(yīng)該反映出各個目錄和子目錄，以及各個主題之間的邏輯性、相關(guān)性，幫助用戶找到主要相關(guān)內(nèi)容。

1.1 設(shè)計輔助導(dǎo)航。

為用戶提供一個直觀的指示，讓用戶知道現(xiàn)在所在網(wǎng)站的位置，每一級位置的名稱都得有鏈接可返回，在每一個網(wǎng)頁都必須包括輔助導(dǎo)航以及左上角的網(wǎng)站LOGO標(biāo)識。

1.2 設(shè)置網(wǎng)站LOGO鏈接

每一個出現(xiàn)的網(wǎng)站LOGO都要加上回到網(wǎng)站首頁的鏈接，因為大部分用戶已經(jīng)習(xí)慣了點擊網(wǎng)站LOGO作為回到網(wǎng)站首頁的方法。

1.3 導(dǎo)航條的位置

在屏幕上的一個網(wǎng)頁實際上可以有五個基本區(qū)域來放置導(dǎo)航元素：頂部、底部、左側(cè)、右側(cè)和中央。各個位置都有其優(yōu)缺點。

頂部導(dǎo)航：把導(dǎo)航元素放在頂部可以迅速地顯示出來，是一種常用方式。

底部導(dǎo)航：在通常情況下，底部導(dǎo)航?jīng)]有多在意義，一般只作為頁面標(biāo)簽和公司品牌的介紹，不建議在屏幕底部設(shè)計導(dǎo)航。

左側(cè)導(dǎo)航：這是網(wǎng)頁導(dǎo)航的一種普遍方式。

右側(cè)導(dǎo)航：一般只用于放置廣告、交叉鏈接以及輔助的導(dǎo)航形式。

中心導(dǎo)航：一般只有在首頁上才可把重要的導(dǎo)航元素如圖形按鈕或圖像畫面放在頁在的中心。

主導(dǎo)航條的位置應(yīng)該在接近頂部或網(wǎng)頁左側(cè)的位置，如果因為內(nèi)容過多需要子導(dǎo)航時，要讓用戶容易地分辨出哪個是主導(dǎo)航條，哪個是某主題的子導(dǎo)航條。

1.4 設(shè)置聯(lián)系信息。

進(jìn)入“聯(lián)系我們”網(wǎng)頁的鏈接或者直接呈現(xiàn)詳細(xì)的聯(lián)系方式都必須在網(wǎng)站的任何一個網(wǎng)頁中可以找到。

1.5 導(dǎo)航的使用方法應(yīng)該簡單

導(dǎo)航的使用必須得盡可能的簡單，避免使用下拉或彈出式菜單導(dǎo)航，如果沒辦法一定得用，那么菜單的層次不要超過兩層。

1.6 設(shè)計網(wǎng)頁標(biāo)簽

用戶在訪問網(wǎng)站的過程中通常會問“我在哪？”，因此在進(jìn)行導(dǎo)航設(shè)計應(yīng)該考慮如何讓用戶知道現(xiàn)在所看的網(wǎng)頁是什么、現(xiàn)在所看網(wǎng)頁的相關(guān)網(wǎng)頁是什么。

一個高級的網(wǎng)頁標(biāo)簽形式可以加入關(guān)于位置的許多信息，這就是我們常說的所在位置，這種類型我們也可以稱深度測量，因為它直接顯示了用戶在站點中的位置，如下所示：

首頁 > 作品展示 > 網(wǎng)站設(shè)計 > 作品1

注：在這種情況下，在所在位置里前面三個都可以鏈接，而在第四個時字體是加粗的，表明了我們現(xiàn)在所處的位置，同時配合導(dǎo)航的顏色高亮，可以達(dá)到視覺直觀指示的效果。這種方式能夠很直接明了的提示用戶我在哪?而它一般都放在主導(dǎo)航條的下方。

1.7 對已瀏覽過的網(wǎng)頁給出提示

在網(wǎng)上查看信息的時候總會出現(xiàn)一個這樣的問題：我們經(jīng)常會看到重復(fù)看的信息才發(fā)現(xiàn)以前憶訪問過這里。如何有效的避免這種情況?我們可以采用顏色來區(qū)分，未被點擊的是一種顏色，點擊過后的又是另外一種顏色，用站點樣式來實現(xiàn)。

1.8 設(shè)置登陸退出口

登陸入口和退出登陸出口要在全網(wǎng)站的每一個網(wǎng)頁都可以找到，讓用戶進(jìn)入任一網(wǎng)頁都可以登陸和退出。

2 導(dǎo)航的設(shè)計應(yīng)具備功能性

導(dǎo)航的功能設(shè)計可以提高或降低整個網(wǎng)站的表現(xiàn)，功能完善的導(dǎo)航可以讓用戶快速地找到他們想要的東西，否則就會“趕走”用戶。

2.1 導(dǎo)航內(nèi)容明顯的區(qū)別

導(dǎo)航的目錄或主題種類必須得清晰，不要讓用戶困惑，而且如果有需要突出主要網(wǎng)頁的區(qū)域，則應(yīng)該與一般網(wǎng)頁在視覺上有所區(qū)別。

2.2 導(dǎo)航的鏈接必須全是有效鏈接

無論是一般導(dǎo)航還是有下拉菜單的導(dǎo)航，里面的所有文字都應(yīng)該是有效的鏈接。

2.3 準(zhǔn)確的導(dǎo)航文字描述

用戶在點擊導(dǎo)航鏈接前對他們所找的東西有一個大概的了解，鏈接上的文字必須能準(zhǔn)確描述鏈接所到達(dá)的網(wǎng)頁內(nèi)容。

2.4 搜索導(dǎo)航結(jié)果

搜索的結(jié)果一定不要出現(xiàn)“無法找到”的結(jié)果，這是很讓用戶失望的，如果無法精確找出結(jié)果，搜索功能應(yīng)該實現(xiàn)對錯字，類似產(chǎn)品或相關(guān)產(chǎn)品給出一個相近的模糊結(jié)果。

3 導(dǎo)航的設(shè)計應(yīng)保持與網(wǎng)站風(fēng)格的一致性

不管為導(dǎo)航選擇了哪種位置，即便是幾乎所有的位置都使用了，對不同類型的導(dǎo)航來說，所有的一切必須保持一致性。如果主導(dǎo)航在上部，輔助導(dǎo)航在在部，就仍保持原樣。在標(biāo)志頁和其他頁間，導(dǎo)航的變換是可能的，但一般來講仍應(yīng)充分考慮穩(wěn)定性和一致性，不能有太大的跳躍。

總之，在進(jìn)行網(wǎng)站導(dǎo)航設(shè)計時，不管站點的形式如何，導(dǎo)航的目標(biāo)是能夠簡單地幫助用戶找到他們的路線。一個好的導(dǎo)航方式能夠幫助用戶回答諸如“我在哪？”、“我能去哪？”、“如何到達(dá)想去的地方？”、“我以前來過這里嗎？”和“如何回到曾經(jīng)去過的地方？“等問題。

參考文獻(xiàn)：

[1] 胡松.網(wǎng)頁設(shè)計色彩與版式設(shè)計[M].北京:中國青年出版社，2006.

[2] 劉霆寸.完美網(wǎng)頁設(shè)計與制作[M].北京:人民郵電出版社，2007.