淺析網(wǎng)站導(dǎo)航系統(tǒng)設(shè)計

趙濤

摘要：該文從網(wǎng)站導(dǎo)航系統(tǒng)的功能、類型以及設(shè)計原則等方面，對網(wǎng)站導(dǎo)航系統(tǒng)加以分析。

關(guān)鍵詞：網(wǎng)站導(dǎo)航系統(tǒng)；設(shè)計原則；網(wǎng)站定位

中圖分類號：TP37 文獻標(biāo)識碼：A 文章編號：1009-3044（2017）36-0224-02

互聯(lián)網(wǎng)迅猛發(fā)展，網(wǎng)絡(luò)已經(jīng)覆蓋到世界的各個角落，對信息傳播起著十分重要的作用。網(wǎng)站作為網(wǎng)絡(luò)中主要的信息傳播載體數(shù)量至今已經(jīng)超過數(shù)億，網(wǎng)頁的數(shù)量更是不計其數(shù)。在如恒河沙數(shù)的網(wǎng)頁中，瀏覽者如何獲取自己所需要的信息，很大程度依賴于網(wǎng)站的導(dǎo)航系統(tǒng)。本文就網(wǎng)站導(dǎo)航系統(tǒng)在網(wǎng)站設(shè)計中的功能、類型和設(shè)計原則對網(wǎng)站導(dǎo)航系統(tǒng)進行分析。

1 什么是網(wǎng)站導(dǎo)航系統(tǒng)

網(wǎng)站導(dǎo)航系統(tǒng)實際上是一個廣義上的概念，凡是有助于瀏覽者獲取網(wǎng)站信息、網(wǎng)站服務(wù)，并且在整個過程中不至于迷失、在發(fā)現(xiàn)問題的時候可以及時找到路徑和方向的所有形式（全局導(dǎo)航、局部導(dǎo)航、輔助導(dǎo)航等）都是網(wǎng)站導(dǎo)航系統(tǒng)的組成部分。

2 網(wǎng)站導(dǎo)航系統(tǒng)的功能

網(wǎng)絡(luò)世界是抽象的世界，瀏覽者在網(wǎng)絡(luò)世界里獲取信息時，缺少了許多現(xiàn)實世界中可依賴的手段。網(wǎng)站上的信息是海量的，對于瀏覽者來說又沒有規(guī)律可言，瀏覽者想在很短的時間內(nèi)找到自己所需信息是很困難的。加之網(wǎng)絡(luò)世界的特性：第一，沒有范圍感。一個網(wǎng)站到底有多大？這是很難確定的。第二，沒有空間感。網(wǎng)絡(luò)世界是沒有空間概念存在的，通常所說的向上、向下，那是指網(wǎng)頁邏輯結(jié)構(gòu)的上下。第三，沒有位置感。網(wǎng)絡(luò)世界的位置不是現(xiàn)實世界中的具體方位，而是邏輯上的層次結(jié)構(gòu)。網(wǎng)絡(luò)的這些特性，導(dǎo)致了信息迷航現(xiàn)象。因此訪問網(wǎng)站時有一個合理的導(dǎo)航系統(tǒng)很重要。

網(wǎng)站導(dǎo)航系統(tǒng)的具體功能如下：

1） 網(wǎng)站導(dǎo)航能幫助瀏覽者完成各頁面之間以及頁面內(nèi)部的跳轉(zhuǎn)，并及時地獲取所需網(wǎng)站信息。

2） 給出整個網(wǎng)站的邏輯上的層次結(jié)構(gòu)，便于瀏覽者的理解整個網(wǎng)站的信息結(jié)構(gòu)，從而幫助瀏覽者及時、準(zhǔn)確地找到所要尋找的信息。

3） 給出瀏覽者在網(wǎng)站中所處的位置，便于瀏覽者知道“自己在哪、準(zhǔn)備去哪”和“怎么去、怎么回”。

3 網(wǎng)站導(dǎo)航系統(tǒng)的類型

1） 全局導(dǎo)航

全局導(dǎo)航就是通常所說的主導(dǎo)航，也就是網(wǎng)站的頂層菜單，展現(xiàn)整個網(wǎng)站的邏輯結(jié)構(gòu)。大多數(shù)情況下，全局導(dǎo)航應(yīng)以固定的位置和統(tǒng)一的風(fēng)格呈現(xiàn)在網(wǎng)站內(nèi)所有頁面的醒目區(qū)域，從而有效地引導(dǎo)瀏覽者訪問網(wǎng)站。瀏覽者無論處于網(wǎng)站任何一個頁面，都應(yīng)能通過全局導(dǎo)航去往網(wǎng)站其他頁面。圖1所示為某網(wǎng)站的全局導(dǎo)航。

2） 局部導(dǎo)航

局部導(dǎo)航是網(wǎng)站的子菜單，是全局導(dǎo)航的補充。局部導(dǎo)航提供一個頁面到達上一級、同一級、下一級頁面的路徑，是瀏覽者在網(wǎng)站信息空間中到附近地點的路徑。局部導(dǎo)航與全局導(dǎo)航共同展現(xiàn)網(wǎng)站的邏輯結(jié)構(gòu)，完成網(wǎng)站內(nèi)各頁面間的跳轉(zhuǎn)。圖2所示為某網(wǎng)站的局部導(dǎo)航。

3） 輔助導(dǎo)航

輔助導(dǎo)航又稱面包屑導(dǎo)航，它顯示了主頁到當(dāng)前頁面的路徑。面包屑導(dǎo)航幫助瀏覽者了解目前位于網(wǎng)站的什么位置，體現(xiàn)網(wǎng)站的邏輯結(jié)構(gòu)，幫助瀏覽者快速了解網(wǎng)站內(nèi)容的組織形式，從而形成很好的位置感。面包屑導(dǎo)航提供返回上級頁面的通道，為瀏覽者操作提供便利。圖3所示為某網(wǎng)站的輔助導(dǎo)航。

4） 友情導(dǎo)航

友情導(dǎo)航主要是用于一些瀏覽者通常很少使用的鏈接內(nèi)容，例如幫助中心、聯(lián)系站長、設(shè)為首頁等。友情導(dǎo)航是網(wǎng)站的一組重要鏈接，它其實并不屬于網(wǎng)站結(jié)構(gòu)的一部分。友情導(dǎo)航在瀏覽者需要的時候可以提供快速有效的幫助。圖4所示為某網(wǎng)站的友情導(dǎo)航。

5） 搜索引擎導(dǎo)航

搜索引擎一般放置在頁面比較顯眼的位置，搜索框和搜索按鈕組合在一起方便瀏覽者使用。瀏覽者在搜索框內(nèi)鍵入關(guān)鍵詞，點擊搜索按鈕，之后網(wǎng)站會顯示與關(guān)鍵詞相關(guān)的信息列表。瀏覽者在信息列表里面選擇自己所需要的信息，點擊瀏覽，這樣瀏覽者可以快速地找到自己所需要的網(wǎng)站信息。圖5所示為某網(wǎng)站的搜索引擎導(dǎo)航。

網(wǎng)站導(dǎo)航的設(shè)計往往多種類型的導(dǎo)航相結(jié)合，從而為瀏覽者提供他們所需要的各種服務(wù)。導(dǎo)航設(shè)計要“因地制宜”、“因人而異”，從而更好的體現(xiàn)網(wǎng)站的整體結(jié)構(gòu)和傳遞網(wǎng)站內(nèi)容。

4 網(wǎng)站導(dǎo)航系統(tǒng)的設(shè)計原則

4.1 人性化

開發(fā)網(wǎng)站的目的就是為瀏覽者提供服務(wù)的，因此人性化是網(wǎng)站導(dǎo)航系統(tǒng)設(shè)計最重要的原則。脫離了瀏覽者，網(wǎng)站也沒有存在的意義。

1） 網(wǎng)站導(dǎo)航的設(shè)計應(yīng)符合瀏覽者的審美觀。一個網(wǎng)站的導(dǎo)航應(yīng)能吸引瀏覽者的目光，從而使得瀏覽者可以停留在該網(wǎng)站。如果導(dǎo)航設(shè)計的不符合瀏覽者的審美情趣，他們也不會有興趣停留，會馬上離開。

2） 瀏覽者在瀏覽頁面的時候會有某種習(xí)慣性，比如從上到下，從左到右，因為這是日常生活中的閱讀習(xí)慣。網(wǎng)站導(dǎo)航的設(shè)計應(yīng)遵循瀏覽者瀏覽網(wǎng)頁的規(guī)律，方便瀏覽者獲取網(wǎng)站的信息。

3） 網(wǎng)站導(dǎo)航應(yīng)能和瀏覽者產(chǎn)生交互。交互是人性化最直接的體現(xiàn)，能夠產(chǎn)生人機互動，是導(dǎo)航設(shè)計人性化的標(biāo)準(zhǔn)。

4.2 以網(wǎng)站定位為前提

網(wǎng)站導(dǎo)航系統(tǒng)設(shè)計時，導(dǎo)航設(shè)計要以網(wǎng)站定位（網(wǎng)站內(nèi)容、網(wǎng)站風(fēng)格、網(wǎng)站結(jié)構(gòu)）為前提。

1） 網(wǎng)站的內(nèi)容是導(dǎo)航設(shè)計的依據(jù)。網(wǎng)站導(dǎo)航的作用就是傳遞網(wǎng)站內(nèi)容，因此脫離網(wǎng)站內(nèi)容的導(dǎo)航是不可取的。

2） 與網(wǎng)站結(jié)構(gòu)相適應(yīng)。在一個網(wǎng)站中導(dǎo)航的位置要合理，應(yīng)與網(wǎng)站結(jié)構(gòu)相適應(yīng)。在網(wǎng)站的任一頁面，瀏覽者都應(yīng)能對導(dǎo)航的位置產(chǎn)生一個形象化的概念。

3） 與網(wǎng)站風(fēng)格相一致。瀏覽者在訪問網(wǎng)站時首先就會尋找導(dǎo)航系統(tǒng)以便幫助自己更好的訪問網(wǎng)站。導(dǎo)航系統(tǒng)應(yīng)與網(wǎng)站整體風(fēng)格一致，從而可以給瀏覽者留下統(tǒng)一印象，進而可以增加瀏覽者訪問網(wǎng)站的次數(shù)。導(dǎo)航系統(tǒng)與網(wǎng)站風(fēng)格相呼應(yīng)，才可以得到統(tǒng)一的風(fēng)格。

4.3 直觀易操作

瀏覽者訪問網(wǎng)站時，如果導(dǎo)航系統(tǒng)結(jié)構(gòu)不清晰、操作復(fù)雜困難，那么就意味著瀏覽者找到他們想要獲取的網(wǎng)站信息可能會需要較長的時間，甚至?xí)也坏剿枰木W(wǎng)站信息，從而影響了網(wǎng)站的信息傳遞。因此導(dǎo)航設(shè)計應(yīng)做到以下兩點：

1） 網(wǎng)站導(dǎo)航的結(jié)構(gòu)應(yīng)清晰明了、簡捷直觀。瀏覽者在使用導(dǎo)航時，能對網(wǎng)站邏輯結(jié)構(gòu)一目了然，從而使得瀏覽者可以快速地找到自己所找的欄目，進而獲取自己所需要的信息。

2） 網(wǎng)站導(dǎo)航系統(tǒng)的鏈接應(yīng)醒目、操作應(yīng)盡可能的簡化，讓瀏覽者能夠很快找到所要點擊的鏈接并用盡量少的點擊次數(shù)找到所需的內(nèi)容。

網(wǎng)站導(dǎo)航系統(tǒng)是評價網(wǎng)站開發(fā)成功與否的重要依據(jù)，在網(wǎng)站建設(shè)中占有舉足輕重的地位。所以本文對網(wǎng)站導(dǎo)航系統(tǒng)加以分析研究是有意義的，希望能對網(wǎng)站導(dǎo)航設(shè)計有一定的啟發(fā)。

參考文獻：

[1] 郭熙.網(wǎng)站導(dǎo)航系統(tǒng)創(chuàng)意設(shè)計探究—以“郭熙”網(wǎng)站導(dǎo)航設(shè)計為例[D].南京藝術(shù)學(xué)院，2010.

[2] 美國Adobe公司.Adobe Dreamweaver CS6中文版經(jīng)典教程[M].姚軍，譯.人民郵電出版社.2014.5.endprint